mirror of github:amycatgirl/amycatgirl.github.io
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

chore: minor fixes for responsive viewports

Amy 2b0db1c4 96349773

+33 -4
+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>