samsite/index.html at main · sambensim/samsite · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Inter:[email protected]&display=swap" rel="stylesheet">
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Sam Simmons</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body class = "pattern">
        <header>
            <h1><a href="/">Sam</a></h1>
        </header>
        <div class = content>
            <h2>Hi!</h2>
            <p>
                I'm a computer science student soon to graduate from the University of San Francisco. I love tech and coding, but feel its uses as a practical tool often overshadows its potential as an artistic medium.
            </p>
            <a class = card href = "/algorithmic-art.html">
                <h3>Algorithmic Art</h3>
                <img src="images/Concentricity (3).png" alt="An array of concentric circles with a number of smaller circles spotted around atop a noisy background">
                <p>
                    Projects made on my computer for your computer
                </p>
            </a>
            <a class = card href = "/writing.html">
                <h3>Writing</h3>
                <img src="images/IMG_3894.png" alt="A hand writing in a notebook with a fountain pen. A cocktail is in the background on a wooden table">
                <p>
                    Projects made in my mind for your mind
                </p>
            </a>
            <a class = card href = "/physical-art.html">
                <h3>Physical Art</h3>
                <img src="images/IMG_6460.png" alt="A pixelated eye drawn in pen and ink on graph paper">
                <p>
                    Projects made in this world for looking at
                </p>
            </a>
        </div>
    </body>
</html>