-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (90 loc) · 5.95 KB
/
index.html
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
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home - dtweb.page</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
<!-- favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="box-full">
<div class="header">
<h1>Home - dtweb.page v3</h1>
</div>
<div class="section">
<div class="smallcol">
<ul class="nav">
<a href="index.html"><li class="selected">>HOME</li></a>
<a href="projects.html"><li>PROJECT</li></a>
<a href="post.html"><li>POST</li></a>
<a href="shelf.html"><li>SHELF</li></a>
<a href="about.html"><li>ABOUT</li></a>
<a href="contact.html"><li>CONTACT</li></a>
<a href="credits.html"><li>CREDITS</li></a>
<a href="secret.html" class="secret"><li>??????</li></a>
</ul>
</div>
<div class="bigcol">
<img src="dtwebpage-logotype.svg" alt="dtweb.page" class="header-logo">
<p class="faded">dtweb.page is a personal archive of my projects and ideas.</p>
<div class="row">
<div class="column">
<a href="projects.html"><h2>Current Projects</h2></a>
<div class="filter-projects-element media ongoing">
<h3 style="margin-top: 0px;"><i class="fa fa-circle" aria-hidden="true" id="ongoing"></i> Scott Road</h3>
<p>Fall 2023-Present. Neat rock band with some friends. <a href="https://scottroad.neocities.org/">Website</a> <a href="projects/scottroadband.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Info</a>
<br><i id="ongoing">Ongoing.</i></p>
</div>
<div class="filter-projects-element media ongoing">
<h3><i class="fa fa-circle" aria-hidden="true" id="ongoing"></i> sunfish</h3>
<p>July 2023-Present.'Video essay' YouTube channel. <a href="https://youtube.com/@snfsh23">YouTube.</a> <a href="projects/sunfish.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Info</a>
<br><i id="ongoing";>Ongoing.</i></p>
</div>
<br>
<a href="post.html"><h2 style="display: inline">POST blog</h2></a>
<h2 style="display: inline;"><a href="post/feed.xml"><i class="fa fa-rss-square" aria-hidden="true"></i></a></h2>
<a href="post/20240602-rss.html"><h3 style="margin-top: 0px;" class="header-link">In Defence of New Media Pt. 1: Algorithms <span class="date">2024-06-02</span></h3></a>
<p>Algorithmic feeds have dominated the way we consume media. For the two years I was off "mainstream" social media, I have some reflections on this. <a href="post/20240602-rss.html"><i class="fa fa-caret-right" aria-hidden="true"></i> Read More...</a></p>
</div>
<div class="column">
<a href="contact.html"><h2>Contact</h2></a>
<ul class="collinks">
<li><i class="fa fa-envelope" aria-hidden="true"></i> Email: <a href="mailto:[email protected]">[email protected]</a></li>
<li><i class="fa fa-mastodon" aria-hidden="true"></i> Mastodon: <a href="https://ohai.social/@dtdtdt">@[email protected]</a></li>
<li><i class="fa fa-instagram" aria-hidden="true"></i> Instagram: <a href="https://instagram.com/dtweb.page">@dtweb.page</a></li>
<li><i class="fa fa-github" aria-hidden="true"></i> GitHub: <a href="https://github.com/dt-dt-dt">/dt-dt-dt</a></li>
</ul>
<br>
<a href="about.html"><h2>About</h2></a>
<p>Hi, I'm Dylan. I'm a student from Metro Vancouver studying media and design. My projects involve but are not limited to...</p>
<ul style='margin-bottom: 10px'>
<li>Audio/Video: <span class="faded">Final Cut Pro, Audacity</span></li>
<li>Graphics: <span class="faded">Figma, Adobe CC, Inkscape</span></li>
<li>Music: <span class="faded">Logic Pro</span></li>
<li>Web: <span class="faded">HTML + CSS, VSCodium</span></li>
<li>Writing: <span class="faded">My brain, Obsidian (my brain)</span></li>
</ul>
<p>Talk to me about Metal Gear Solid 2 or black midi.</p>
</div>
</div>
<br>
</div>
</div>
<div class="footer">
<p><a href="#" class="faded"><i class="fa fa-hand-o-up" aria-hidden="true"></i> Back to top</a></p>
<!-- <iframe src="https://nekoweb.org/frame/follow" frameborder="0" width="170" height="28"></iframe> -->
</div>
</div>
</body>
</html>