Skip to content

Commit 8afd95f

Browse files
zesamerizesameri
committed
new pages
1 parent 399b69a commit 8afd95f

12 files changed

Lines changed: 115 additions & 32 deletions

‎art.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!DOCTYPE html>
2+
<html lang="en" class="">
3+
<head>
4+
<!-- Global site tag (gtag.js) - Google Analytics -->
5+
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-72294820-1"></script>
6+
<script>
7+
window.dataLayer = window.dataLayer || [];
8+
function gtag(){dataLayer.push(arguments);}
9+
gtag('js', new Date());
10+
11+
gtag('config', 'UA-72294820-1');
12+
</script>
13+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
14+
<title>art</title>
15+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
16+
<meta name="description" content="It's whatever you want to make of it.">
17+
<meta name="author" content="kvitka">
18+
<!-- Facebook Metadata -->
19+
<meta name="og:title" content="art">
20+
<meta name="og:description" content="It's whatever you want to make of it.">
21+
<meta name="og:url" content="http://zesameri.github.io">
22+
<meta name="og:type" content="website">
23+
<meta name="theme-color" content="#111">
24+
<!-- Styles -->
25+
<link href="./css/main.css" rel="stylesheet">
26+
<link href="./css/crumple.css" rel="stylesheet">
27+
<link href="./css/font.css" rel="stylesheet">
28+
<link href="./css/mobile.css" rel="stylesheet">
29+
<!-- Webpage Icon -->
30+
<link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
31+
<!-- Fonts -->
32+
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
33+
34+
<!-- Jquery Min Library -->
35+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
36+
37+
</head>
38+
<body id="essays">
39+
<div class="content-wrapper">
40+
<section class="writing">
41+
<div class="top-bar">
42+
<h1 class="header">
43+
<a href="./secrets.html" class="simple-link"><img class="header-img" src="assets/images/flower.svg"></a>
44+
art
45+
</h1>
46+
</div>
47+
48+
<dl class="list">
49+
<dt> Alhambra </dt>
50+
<dd class="list__item">
51+
<p>
52+
I visited the Nasrid Palaces of the Alhambra this past summer.
53+
As a child, I wanted to become a mosaicist,
54+
shaping glass squares into flowing forms.
55+
I rekindled that wonder through reconstructing these patterns.
56+
</p>
57+
<a class="list__link" href="./alhambra.html">see more here</a>
58+
</dd>
59+
</dl>
60+
</section>
61+
62+
<footer class="footer" id="footer">
63+
<a class="footer__link--home" href=".">home</a>
64+
<a class="footer__link--art" href="./art.html">art</a>
65+
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">muze</a>
66+
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/" target="_blank" rel="noopener noreferrer">trash</a>
67+
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">code</a>
68+
</footer>
69+
</div>
70+
<div class="crumple" aria-hidden=""></div>
71+
</body>
72+
</html>

‎bauermeister-rainbow.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -317,7 +317,7 @@ <h1 class="header">
317317

318318
<footer class="footer" id="footer">
319319
<a class="footer__link--home" href=".">home</a>
320-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
320+
<a class="footer__link--art" href="./art.html">art</a>
321321
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958"
322322
target="_blank" rel="noopener noreferrer">muze</a>
323323
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/"

‎cavell-world-viewed.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -314,7 +314,7 @@ <h1 class="header">
314314

315315
<footer class="footer" id="footer">
316316
<a class="footer__link--home" href=".">home</a>
317-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
317+
<a class="footer__link--art" href="./art.html">art</a>
318318
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958"
319319
target="_blank" rel="noopener noreferrer">muze</a>
320320
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/"

‎css/crumple.css‎

Lines changed: 29 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -378,7 +378,8 @@
378378
z-index: 1;
379379
}
380380

381-
.crumple-video--alhambra {
381+
.crumple-video--alhambra,
382+
.crumple-video--art {
382383
z-index: 1;
383384
}
384385

@@ -578,11 +579,13 @@
578579
animation: f 1s .25s linear reverse forwards;
579580
}
580581

581-
body.has-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple {
582+
body.has-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple,
583+
body.has-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--art:hover) .crumple {
582584
z-index: 2;
583585
}
584-
585-
body.has-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple-video--alhambra {
586+
587+
body.has-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple-video--alhambra,
588+
body.has-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--art:hover) .crumple-video--art {
586589
opacity: 1;
587590
-webkit-animation: d 1s .25s linear reverse forwards;
588591
animation: d 1s .25s linear reverse forwards;
@@ -655,12 +658,14 @@
655658
animation: e 1s 0s linear reverse forwards;
656659
}
657660

658-
/* Second link (green) - alhambra */
659-
body.no-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple {
661+
/* Second link (green) - alhambra / art */
662+
body.no-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple,
663+
body.no-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--art:hover) .crumple {
660664
z-index: 2;
661665
}
662-
663-
body.no-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple:after {
666+
667+
body.no-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--alhambra:hover) .crumple:after,
668+
body.no-hover:not(#trash):not(#essays):not(#poems):has(.footer__link--art:hover) .crumple:after {
664669
background-color: #012118;
665670
opacity: 1;
666671
-webkit-animation: b 1s 0s linear reverse forwards;
@@ -812,18 +817,21 @@ body:has(.footer__link--home:hover) .crumple:after {
812817
background-image: none;
813818
}
814819

815-
body:has(.footer__link--alhambra:active) .crumple {
820+
body:has(.footer__link--alhambra:active) .crumple,
821+
body:has(.footer__link--art:active) .crumple {
816822
background: transparent;
817823
z-index: 0;
818824
}
819-
820-
body:has(.footer__link--alhambra:active) .crumple-video--alhambra {
825+
826+
body:has(.footer__link--alhambra:active) .crumple-video--alhambra,
827+
body:has(.footer__link--art:active) .crumple-video--art {
821828
opacity: 1;
822829
-webkit-animation: d 1s .25s linear forwards;
823830
animation: d 1s .25s linear forwards;
824831
}
825-
826-
body:has(.footer__link--alhambra:active) .crumple:after {
832+
833+
body:has(.footer__link--alhambra:active) .crumple:after,
834+
body:has(.footer__link--art:active) .crumple:after {
827835
background-image: none;
828836
}
829837
}
@@ -899,18 +907,21 @@ body:has(.footer__link--home:hover) .crumple:after {
899907
background-image: none;
900908
}
901909

902-
body:has(.footer__link--alhambra.mobile-trigger) .crumple {
910+
body:has(.footer__link--alhambra.mobile-trigger) .crumple,
911+
body:has(.footer__link--art.mobile-trigger) .crumple {
903912
background: transparent;
904913
z-index: 0;
905914
}
906-
907-
body:has(.footer__link--alhambra.mobile-trigger) .crumple-video--alhambra {
915+
916+
body:has(.footer__link--alhambra.mobile-trigger) .crumple-video--alhambra,
917+
body:has(.footer__link--art.mobile-trigger) .crumple-video--art {
908918
opacity: 1;
909919
-webkit-animation: d 1s .25s linear forwards;
910920
animation: d 1s .25s linear forwards;
911921
}
912-
913-
body:has(.footer__link--alhambra.mobile-trigger) .crumple:after {
922+
923+
body:has(.footer__link--alhambra.mobile-trigger) .crumple:after,
924+
body:has(.footer__link--art.mobile-trigger) .crumple:after {
914925
background-image: none;
915926
}
916927
}

‎hoagie-roll-photos.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,7 @@ <h1 class="header">
126126

127127
<footer class="footer" id="footer">
128128
<a class="footer__link--home" href=".">home</a>
129-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
129+
<a class="footer__link--art" href="./art.html">art</a>
130130
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958"
131131
target="_blank" rel="noopener noreferrer">muze</a>
132132
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/"

‎index.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -61,8 +61,8 @@ <h1 class="header">
6161
</div>
6262
</section>
6363
<footer class="footer hero-footer" id="footer">
64-
<a class="footer__link--writings" href="./writings.html">writing</a>
65-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
64+
<a class="footer__link--writings" href="./writings.html">words</a>
65+
<a class="footer__link--art" href="./art.html">art</a>
6666
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">muze</a>
6767
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/" target="_blank" rel="noopener noreferrer">trash</a>
6868
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">code</a>
@@ -73,7 +73,7 @@ <h1 class="header">
7373
<video class="crumple-video crumple-video--writings" muted loop playsinline preload="none">
7474
<source data-src="./assets/videos/PXL_20220605_192330465.mp4" type="video/mp4">
7575
</video>
76-
<video class="crumple-video crumple-video--alhambra" muted loop playsinline preload="none">
76+
<video class="crumple-video crumple-video--art" muted loop playsinline preload="none">
7777
<source data-src="./assets/videos/IMG_4943.MOV" type="video/mp4">
7878
</video>
7979
<video class="crumple-video crumple-video--playlists" muted loop playsinline preload="none">

‎mice.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,7 +130,7 @@ <h1 class="header">
130130

131131
<footer class="footer" id="footer">
132132
<a class="footer__link--home" href=".">home</a>
133-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
133+
<a class="footer__link--art" href="./art.html">art</a>
134134
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958"
135135
target="_blank" rel="noopener noreferrer">muze</a>
136136
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/"

‎poems.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -102,8 +102,8 @@ <h1 class="header">
102102

103103
<footer class="footer" id="footer">
104104
<a class="footer__link--home" href=".">home</a>
105-
<a class="footer__link--writings" href="./writings.html">writing</a>
106-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
105+
<a class="footer__link--writings" href="./writings.html">words</a>
106+
<a class="footer__link--art" href="./art.html">art</a>
107107
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">muze</a>
108108
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/" target="_blank" rel="noopener noreferrer">trash</a>
109109
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">code</a>

‎trash.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -71,8 +71,8 @@ <h1 class="header">
7171

7272
<footer class="footer" id="footer">
7373
<a class="footer__link--home" href=".">home</a>
74-
<a class="footer__link--writings" href="./writings.html">writing</a>
75-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
74+
<a class="footer__link--writings" href="./writings.html">words</a>
75+
<a class="footer__link--art" href="./art.html">art</a>
7676
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">muze</a>
7777
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/" target="_blank" rel="noopener noreferrer">trash</a>
7878
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">code</a>

‎ukr-shchodennyk.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -138,7 +138,7 @@ <h1 class="header">
138138

139139
<footer class="footer" id="footer">
140140
<a class="footer__link--home" href=".">home</a>
141-
<a class="footer__link--alhambra" href="./alhambra.html">alhambra</a>
141+
<a class="footer__link--art" href="./art.html">art</a>
142142
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958"
143143
target="_blank" rel="noopener noreferrer">muze</a>
144144
<a class="footer__link--instagram" href="https://www.instagram.com/eww.york/"

0 commit comments

Comments
 (0)