astapable.github.io/index.html at main · astapable/astapable.github.io · 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
<!doctype html>
<html>
    <head>
        <title>Evgenii's Index</title>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
		<style>
			@import 'reset.css' layer(reset);
			@import 'style.css' layer(style);
		</style>
    </head>
    <body>
        <header>
            <nav>
                <div class="logo">
                    <a href="index.html">Evgenii Astapov</a>
                </div>
                <ul class="toggle">
                    <!-- Future update here: Tobble Grid and List view -->
                    <li>
                        <a href="index.html">Grid View</a>
                    </li>
                        <p>/</p>
                    <li>
                        <a href="index.html">List View</a>
                    </li>
                </ul>
                <ul class="contacts">
                     <li>
                        <a href="https://astapable.com/" target="_blank">Folio</a>
                    </li>
                    <li>
                        <a href="https://www.linkedin.com/in/evgenii-astapov/" target="_blank">Linked In</a>
                    </li>
                    <li>
                        <a href="mailto:astapable@gmail.com" target="_blank">Email</a>
                    </li>
                </ul>
            </nav>
        </header>
        <main>
            <hgroup>
                <p>Evgenii Astapov.</p>
                <p>That’s me.</p>
                <h1>I’m product + web designer and web developer.</h1>
                <p>Here you will find the collection of my<br>hard-coded projects I made for the New School’s<br>Typography and Interaction class.</p>
            </hgroup>
            <section>
                <footer>
                    <p>I design and code</p>
                    <p>index vol.1 — 2026</p>
                </footer>
                <ul class="display">
                    <li class="cover">
                        <a href="/manuscript">
                            <figure>
                                <img src="/img/manuscript-cover.jpg" alt="What Designer Can Do is a response to the deliberately raw picture of a profession losing its cultural weight drawn in What Design Can’t Do — Graphic Design between Automation, Relativism, Élite and Cognitariat, by Silvio Lorusso does exactly that..">
                            </figure>
                        </a>
                    </li>
                    <li class="cover">
                        <a href="/Evgenii-X-Zarah">
                            <figure>
                                <img src="/img/evgenii-x-zara-cover.jpg" alt="Evgenii and Zara team up for the collaborative design take on poetic crash course on the history of color by Cortney Cassidy.">
                            </figure>
                        </a>
                    </li>
                    <li class="cover">
                        <a href="/binding">
                            <figure>
                                <img src="/img/fuckts-cover.jpg" alt="F/ckts is the anthology showing that design has never been pure, impartial, or neutral. Together, the three texts reveal that design can exist only within systems of power and interest.">
                            </figure>
                        </a>
                    </li>
                </ul>
            </section>
        </main>
    </body>
</html>