Skip to content

Commit 8054530

Browse files
zesamerizesameri
committed
fixing mobile for poems and essays, added icon to header, addedclasses
1 parent df8318f commit 8054530

File tree

7 files changed

+65
-58
lines changed

7 files changed

+65
-58
lines changed

‎assets/images/flower.svg‎

Lines changed: 8 additions & 8 deletions
Loading

‎css/font.css‎

Lines changed: 21 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -12,12 +12,21 @@ dt {
1212
font-size: 1.25em;
1313
padding-top: 2em;
1414
}
15-
h1 {
16-
font-size: 3vw;
17-
letter-spacing: 4px;
15+
.header {
16+
font-size: 3em;
17+
letter-spacing: 5px;
18+
text-align: left;
19+
text-decoration: none;
20+
font-family: "Trebuchet MS", Helvetica, sans-serif;
21+
line-height: 1em;
22+
}
23+
.header-img {
24+
vertical-align: middle;
25+
height: 1em;
26+
padding-bottom: .25em;
1827
}
1928
.bio {
20-
font-size: 2.5vw;
29+
font-size: 1.5em;
2130
}
2231

2332
.signoff {
@@ -30,16 +39,20 @@ h1 {
3039
font-size: 4vw;
3140
}
3241

33-
.menu a {
42+
.simple-link {
3443
color: inherit;
3544
text-decoration: none;
3645
border: none;
3746
}
38-
.menu a:focus, .menu a:hover {
47+
.simple-link focus, .simple-link :hover {
3948
color: inherit;
4049
border: none;
4150
}
4251

52+
.list__link {
53+
font-family: monospace
54+
}
55+
4356
.footer > a {
4457
line-height: 1;
4558
font-size: 1.4em;
@@ -50,38 +63,9 @@ a, .footer > a {
5063
font-weight: normal;
5164
text-decoration: none;
5265
}
53-
a {
54-
font-family: monospace;
55-
}
5666
a:focus, a:hover {
57-
color: #3d6eff;
58-
border-bottom: 1px solid #3d6eff
59-
}
60-
61-
@media (max-width:800px) {
62-
h1 {
63-
line-height: 1em;
64-
font-size: 2em;
65-
}
66-
.bio {
67-
font-size: 1.5em;
68-
}
69-
.footer > a {
70-
border: none;
71-
text-decoration: underline;
72-
}
73-
}
74-
75-
@media (min-width:1080px) {
76-
.bio {
77-
font-size:2em;
78-
}
79-
h1 {
80-
font-size: 2.5em;
81-
}
82-
.menu {
83-
font-size: 2.5em;
84-
}
67+
color: floralwhite;
68+
border-bottom: 1px solid floralwhite;
8569
}
8670

8771
.reference {

‎css/main.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,7 +121,7 @@ a {
121121
}
122122
.list__item {
123123
margin: 0;
124-
margin-bottom: 2em;
124+
padding-bottom: 3em;
125125
}
126126
.list__item > p {
127127
margin: 1em 0;

‎css/mobile.css‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -20,6 +20,11 @@
2020
width: 100%;
2121
min-height: inherit;
2222
}
23+
.writing {
24+
width:100%;
25+
padding: 0;
26+
max-width: 100vw;
27+
}
2328
.dt {
2429
bottom: auto;
2530
padding: 0 7.5vw 7.5vw;
@@ -54,6 +59,9 @@
5459
.footer > a {
5560
position: relative;
5661
padding-top: 0.7em;
62+
border: none;
63+
border: none;
64+
text-decoration: underline;
5765
}
5866
.menu-footer {
5967
display: none;
@@ -62,6 +70,10 @@
6270
@media only screen and (min-width:1080px) {
6371
.bio {
6472
max-width: 1100px;
73+
font-size:2em;
74+
}
75+
.header {
76+
font-size: 2.5em;
6577
}
6678
.writing {
6779
max-width: 750px;
@@ -70,6 +82,7 @@
7082
height: calc(100vh - 2.1em);
7183
max-height: calc(100vh - 1.4em);
7284
min-height: calc(100vh - 1.4em);
85+
font-size: 2.5em;
7386
}
7487
.menu > div {
7588
flex-basis: calc(50% - 72px);

‎essays.html‎

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
gtag('config', 'UA-72294820-1');
1212
</script>
1313
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
14-
<title>zesameri</title>
14+
<title>essays</title>
1515
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
1616
<meta name="description" content="It's whatever you want to make of it.">
1717
<meta name="author" content="kvitka">
@@ -39,9 +39,12 @@
3939
</head>
4040
<body id="essays">
4141
<section class="writing">
42-
<h1>kvitka essays</h1>
43-
<p> feel free to leave comments in the links </p>
44-
42+
43+
<h1 class="header">
44+
kvitka
45+
<img class="header-img" src="assets/images/flower.svg">
46+
essays
47+
</h1>
4548
<dl class="list">
4649
<dt> Subjectivity in the Work of Ellsworth Kelly. </dt>
4750
<dd class="list__item">
@@ -124,7 +127,7 @@ <h1>kvitka essays</h1>
124127

125128

126129
<footer class="footer" id="footer">
127-
<a class="footer__link--home" href="http://zesameri.github.io/">go home</a>
130+
<a class="footer__link--home" href="./index.html">homie</a>
128131
<a class="footer__link--email" href="mailto:zesameri@gmail.com">talk to me</a>
129132
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">i'm smart</a>
130133
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">vibes</a>

‎index.html‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -37,7 +37,10 @@
3737

3838
<body>
3939
<section class="hero">
40-
<h1>zesameri</h1>
40+
<h1 class="header">
41+
<a class="simple-link" href="./index.html"> zesameri </a>
42+
<a class="simple-link" href="./secrets.html"> <img class="header-img" src="assets/images/flower.svg"></a>
43+
</h1>
4144
<div class="bio">
4245
<p>
4346
I felt intrigued to express a piece of me to the abyss of the Internet.
@@ -52,8 +55,8 @@ <h1>zesameri</h1>
5255
</div>
5356
</section>
5457
<section class="menu" id="menu">
55-
<div><div><a href="./essays.html"> essays </a></div></div>
56-
<div><div><a href="./poems.html"> poems </a></div></div>
58+
<div><div><a class="simple-link" href="./essays.html"> essays </a></div></div>
59+
<div><div><a class="simple-link" href="./poems.html"> poems </a></div></div>
5760
<div><div> journal </div></div>
5861
<div><div> tbd </div></div>
5962
</section>

‎poems.html‎

Lines changed: 8 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
gtag('config', 'UA-72294820-1');
1212
</script>
1313
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
14-
<title>zesameri</title>
14+
<title>poems</title>
1515
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
1616
<meta name="description" content="It's whatever you want to make of it.">
1717
<meta name="author" content="kvitka">
@@ -38,7 +38,11 @@
3838
</head>
3939
<body id="poems">
4040
<section class="writing">
41-
<h1>zesameri - poems</h1>
41+
<h1 class="header">
42+
kvitka
43+
<img class="header-img" src="assets/images/flower.svg">
44+
poems
45+
</h1>
4246
<dl class="list">
4347
<!-- <dt> Template </dt>
4448
<dd class="list__item">
@@ -95,7 +99,7 @@ <h1>zesameri - poems</h1>
9599
like a fox on the highway, dodging<br>
96100
judgement, anxiety, social disturbance <br>
97101
speak. check mirrors. <br>
98-
racing ten over the speed limit.
102+
ten over the speed limit.
99103
</p>
100104
<p>
101105
wildfire kisses.<br>
@@ -140,7 +144,7 @@ <h1>zesameri - poems</h1>
140144
</section>
141145

142146
<footer class="footer" id="footer">
143-
<a class="footer__link--home" href="http://zesameri.github.io/">go home</a>
147+
<a class="footer__link--home" href="./index.html">homie</a>
144148
<a class="footer__link--email" href="mailto:zesameri@gmail.com">talk to me</a>
145149
<a class="footer__link--github" href="https://github.com/zesameri" target="_blank" rel="noopener noreferrer">i'm smart</a>
146150
<a class="footer__link--playlists" href="https://open.spotify.com/user/1286649958" target="_blank" rel="noopener noreferrer">vibes</a>

0 commit comments

Comments
 (0)