portfolio/coding.html at main · ahs3n/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<html lang="en" data-theme="dark">
<head>
    <meta charset="UTF-8" />
    <title>Ahsen's Portfolio : Artwork</title>
    <link rel="icon" type="image/x-icon" href="./assets/icons/logo.png">

    <link rel="stylesheet" href="./universal.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@1/css/pico.min.css">
    <!-- Pico CSS imported -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
    <!-- JQuery -->

    <script type="text/javascript" src="https://unpkg.com/glsl-canvas-js/dist/umd/glsl-canvas.min.js"></script>
    <!-- GLSLCanvas imported -->
</head>
<body>
    <div id="cursor" class="cursor"></div>
    <script src="cursor.js"></script>

    <div class="container">
        <div id="nav"></div>

        <br>
        <h1 style="margin-bottom: 0px">Coding</h1>
        <h6>And some web development</h6>
        <!-- <h6>Some of my recent artwork</h6> -->
        <hr>
    </div>

    <div class="container">
        <div class="container">
            <h3>VLC Credits</h3>
            <p>Two years in a row, I worked on a miniature economy/banking system for my school, called "<a href="https://vlc-credits.01000001.repl.co/login">VLC Credits</a>".  It was available to students and staff for a period of one week. During this time, despite the best efforts of some of my friends, they were unsuccessful in finding any vulnerabilities in the system. The modern looking CSS was a bonus. The background is randomly selected from a set of shaders I coded with significant help (and code) from the shadertoy community. Each one evolves slowly over time.</p>
            <img class="artBlock" src="./assets/images/credits.jpg" onclick="opW('https://vlc-credits.01000001.repl.co/login')">
            <img class="artBlock" src="./assets/images/credits2.jpg" onclick="opW('https://vlc-credits.01000001.repl.co/login')">
            <img class="artBlock" src="./assets/images/credits3.jpg" onclick="opW('https://vlc-credits.01000001.repl.co/login')">
            <h4 style="margin-bottom: .3rem">Shaders</h4>
            <p style="font-size: .8rem;">(Animated)</p>
            <canvas class="glsl-canvas artBlock" data-fragment-url="/portfolio/frag0.glsl" onclick="opw('https://www.shadertoy.com/view/mlyGzz')"></canvas>
            <canvas class="glsl-canvas artBlock" data-fragment-url="/portfolio/frag1.glsl"></canvas>
            <canvas class="glsl-canvas artBlock" data-fragment-url="/portfolio/frag2.glsl" onclick="opw('https://www.shadertoy.com/view/dtG3RR')"></canvas>
            <hr>
            <br>
        </div>
        <div class="container">
            <h3>Portfolio Website</h3>
            <p>This is a very long <a href="https://ahs3n.com">project</a> I have been working on. My goal is to create an entire digital island from scratch. The purpose of this, is to serve as proof of my knowledge  and what I can do with it, which could help potential employers understand the range and depth of my skills.</p>
            <img class="artBlock" src="./assets/images/website.png" onclick="opW('https://ahs3n.com')">
            <hr>
            <br>
        </div>
        <div class="container">
            <h3>Standard Boring Portfolio Website</h3>
            <p>This <a href="https://ahs3n.github.io/portfolio/">website</a> is a site I created for a school assignment. Since then, I figured it was useful to have, so I have improved on it over time.</p>
            <iframe class="artBlock" src="https://ahs3n.github.io/portfolio/" style="height: 70vh"></iframe>
            <!-- <img class="artBlock" src="./assets/images/portfolio.jpg" onclick="opW('https://01000001-01101011.github.io/portfolio/')"> -->
            <hr>
            <br>
        </div>
        <div class="container">
            <h3>AI Self Driving Car</h3>
            <p>I created this project for a science fair project, but it was mostly just for fun. See if you can beat the AI around the track! If your computer is slow, try <a href="https://ahs3n.github.io/self-driving-car/">this optimized version</a> instead of the image link</p>
            <img class="artBlock" src="./assets/images/ai-racer.jpg" onclick="opW('https://ahs3n.github.io/ai-test/')">
            <hr>
            <br>
        </div>

        <div class="container">
            <h3>Paradigm AR Speaker Display</h3>
            <p>This <a href="https://01000001khan.github.io/AR-Speakers/">website</a> was the first real HTML project I ever worked on.  I developed this website while working at Paradigm Electronics Inc. to serve as a small demonstration of AR model’s functionality for potential customers. It eventually expanded to include models of several speaker series, each of which I optimized by hand to be small enough to load and function on a mobile device.</p>
            <img class="artBlock" src="./assets/images/speakers.png" onclick="opW('https://01000001khan.github.io/AR-Speakers/')">
            <hr>
            <br>
        </div>


        <blockquote>"Every machine is a smoke machine if you use it wrong enough"<br><br>-Unknown</blockquote>
    </div>

    <div id="foot"></div>
</body>
</html>