-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (111 loc) · 5.31 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en-CA">
<head>
<meta charset="utf-8">
<meta name="description" content="Portfolio.">
<meta name="keywords" content="Zach Strong">
<meta name="author" content="Zach Strong">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="darkStyles.css">
<!-- Google Fonts -->
<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=Merriweather&display=swap" rel="stylesheet">
<title>INTERNETCONNECTIVITYPORTAL</title>
</head>
<body>
<!-- Sidebar for mobile layout -->
<div id="sidebarDiv" class="sidebar mobileLayout blockStyle">
<div id="sidebarXDiv" class="sidebar mobileLayout blockStyle">
<span id="sidebarXSpan" class="sidebar mobileLayout inlineblockStyle">
<img src="assets/x.png" alt="Close" id="sidebarX"
class="sidebar mobileLayout blockStyle">
</span>
</div>
<!-- This is where the tabs in the sidebar get placed via JS -->
<span id="tabSpan" class="sidebar mobileLayout inlineblockStyle"></span>
</div>
<!-- Covers content as the user scrolls down -->
<div id="contentCover"></div>
<span id="hamburgerSpan" class="mobileLayout sidebarHoverable">
<img src="assets/hamburger.png" alt="Hamburger" id="hamburger" class="mobileLayout">
</span>
<a href="index.html">
<img src="assets/hexagon.gif" alt="Smiling hexagon." id="headImg" class="PCLayout"
title="That's me!">
</a>
<!-- The header-content divider -->
<span id="topSpan">
<div id="topCoverDiv"></div>
<div id="topRuleDiv"></div>
</span>
<!-- Desktop navigation bar -->
<!-- Signs are added here via JS -->
<div id="navDiv" class="PCLayout"></div>
<div id="moreMenu" class="PCLayout"></div>
<img src="assets/loadingCircle.png" alt="Loading..." id="loadingCircle">
<div id="content">
<h1>News - November 24, 2024</h1>
<p>A new page has been added to the site to showcase some of my writings. As well, my new album <em>U</em> has been added to the "Music" page. You can
listen to it <a href="https://tvaaas.bandcamp.com/album/u">here</a>!</p>
<a href="https://tvaaas.bandcamp.com/album/u">
<img src="https://f4.bcbits.com/img/a0291877510_10.jpg" alt="U Cover" class="newsImage" title="U">
</a>
<br><hr><br>
<!--
<div class="collapsedOld" id="20240108">
<span class="collapsedOldHeader">Olds - January 8, 2024 - "Education" page update</span>
<span class="collapsedOldButton" id="oldButton20240108">+</span>
<span class="collapsedOldContent" id="oldContent20240108">
<p>The "education" page has been updated to give a condensed overview of some noteworthy courses I've completed thus far for my degree.</p>
</span>
</div><br>
-->
<div class="collapsedOld" id="20230731">
<span class="collapsedOldHeader">Olds - July 31, 2023 - The Square Puzzle</span>
<span class="collapsedOldButton" id="oldButton20230731">+</span>
<span class="collapsedOldContent" id="oldContent20230731">
<p>I decided to make an entry for this year's <a href="https://3blue1brown.substack.com/p/some3-begins">Summer of Math Exposition</a> using an old puzzle I've thought about for a few years now. You can watch my entry here:</p>
<iframe
class="newsImage"
width="560"
height="315"
src="https://www.youtube.com/embed/tL3omzs8LnM"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe><br>
You can also play around with the visualisation tool I made <a href="pages\mini\some3square\square.html">here!</a>
</span>
</div><br>
<div class="collapsedOld" id="20230313">
<span class="collapsedOldHeader">Olds - March 13, 2023 - Fritz the Cat</span>
<span class="collapsedOldButton" id="oldButton20230313">+</span>
<span class="collapsedOldContent" id="oldContent20230313">
<p>This is a few weeks old now, but I made a review of the "classic" 1972 movie Fritz the Cat. You can watch it if you're interested :)</p>
<a href="https://www.youtube.com/watch?v=tjzZh_D56M8" target="_blank">
<img src="https://img.youtube.com/vi/tjzZh_D56M8/maxresdefault.jpg" alt="Thumbnail for 'The Furry Movie of All Time'" class="newsImage"/>
</a>
</span>
</div><br>
<div class="collapsedOld" id="20221022">
<span class="collapsedOldHeader">Olds - October 22, 2022 - Cobequid</span>
<span class="collapsedOldButton" id="oldButton20221022">+</span>
<span class="collapsedOldContent" id="oldContent20221022">
<p>My new album <em>Cobequid</em> is out now! Listen to it (and maybe buy it!)
<a href="https://tvaaas.bandcamp.com/album/cobequid">here</a>.</p>
<a href="https://tvaaas.bandcamp.com/album/cobequid">
<img src="https://f4.bcbits.com/img/a3469296227_10.jpg" alt="Cobequid Cover" class="newsImage" title="Cobequid">
</a>
</span>
</div>
<br>
</div>
<br>
<footer></footer>
<script src="script.js"></script>
</body>
</html>