mirror of github:amycatgirl/amycatgirl.github.io
chore: minor fixes for responsive viewports
+33
-4
+33
-4
index.html
+33
-4
index.html
···
13
13
<p>i am a frontend developer that currently works for: [no one]</p>
14
14
<p>currently aiding <a href="https://github.com/stoatchat">stoat.chat</a> with fixing bugs and cosplaying as a
15
15
support agent</p>
16
+
17
+
<p>i can work with javascript and typescript. but i am a quick learner, and have worked with python, kotlin, java, nix, clojure, and lisp dialects like common lisp and scheme.</p>
16
18
<h2>my projects</h2>
17
19
<ul>
18
-
<li><a href="https://github.com/amycatgirl/codehub">codehub</a></li>
19
-
<li><a href="https://github.com/amycatgirl/tempstore">tempstore</a></li>
20
+
<li><a href="https://github.com/amycatgirl/codehub">codehub</a> (go)</li>
21
+
<li><a href="https://github.com/amycatgirl/tempstore">tempstore</a> (typescript)</li>
22
+
<li><a href="https://github.com/amycatgirl/clordle">clordle</a> (clojure)</li>
23
+
<li><a href="https://github.com/upryzing/crescent">crescent</a> (kotlin, unmaintained)</li>
20
24
</ul>
21
25
22
26
<h2>contact</h2>
···
53
57
54
58
body {
55
59
margin-block: 0;
56
-
overflow: hidden;
60
+
overflow-x: hidden;
61
+
overflow-y: scroll;
57
62
min-height: 100vh;
58
63
display: grid;
59
64
grid-template-areas: "content margin";
60
-
grid-template-columns: 1fr 1fr;
65
+
grid-template-columns: minmax(435px, 50%) 1fr;
61
66
62
67
background-color: var(--bg);
63
68
color: var(--fg);
64
69
font-family: var(--font);
65
70
}
66
71
72
+
p {
73
+
text-wrap: pretty;
74
+
}
75
+
67
76
main {
77
+
z-index: 2;
68
78
grid-area: content;
69
79
}
70
80
···
72
82
li::marker { content: "* "; }
73
83
74
84
.margin-wrapper {
85
+
z-index: 1;
75
86
grid-area: margin;
76
87
display: grid;
77
88
grid-template-areas: ". right";
···
134
145
& .title {
135
146
margin-top: 5px;
136
147
text-decoration: underline;
148
+
}
149
+
}
150
+
151
+
@media screen and (max-width: 653px) {
152
+
body {
153
+
grid-template-areas:
154
+
"content"
155
+
"margin";
156
+
157
+
grid-template-columns: 100%;
158
+
}
159
+
160
+
main {
161
+
margin-inline: 1rem;
162
+
}
163
+
164
+
.margin-wrapper {
165
+
display: none;
137
166
}
138
167
}
139
168
</style>