1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>jennahveer</title> 7 <link rel="stylesheet" href="style.css"> 8 </head> 9 <body> 10 11 <div id="container"> 12 <div id="headerArea"> 13 14 15 </div> 16 17 <div id="flex"> 18 19 <main> 20 <h1> 21<img src="images/z3PmobkYk3.gif" width="300" height="90" alt="jennahveer"> 22</h1> 23 <h2><iframe frameborder="0" src="https://itch.io/embed/2090471?linkback=true&bg_color=0a010b&fg_color=f88afd&link_color=c24bd2&border_color=363636" width="552" height="167"><a href="https://jennahveer.itch.io/courting-death">Courting Death by jennahveer</a></iframe></h2> 24 <h2><iframe frameborder="0" src="https://itch.io/embed/3097525?linkback=true&bg_color=000000&fg_color=ffffff&link_color=921397&border_color=022f24" width="552" height="167"><a href="https://jennahveer.itch.io/solstice">Solstice by jennahveer</a></iframe></h2> 25 <h2><iframe frameborder="0" src="https://itch.io/embed/3176805?linkback=true&bg_color=000000&fg_color=ffffff&link_color=680671&border_color=3f2832" width="552" height="167"><a href="https://jennahveer.itch.io/equinox">Equinox by jennahveer</a></iframe></h2> 26 27 <p><strong>About the Artist</strong></p> 28 <img src="images/me.jpg" width="350" height="450" alt="jennifer"> 29 <p>Jennifer was born and raised in Northeast Ohio, where she currently lives with her with wife and their cat. She created Courting Death in her spare time over the course of four years. Its side stories, Solstice and Equinox, were made over the winter of 2024/2025.</p> 30 <p>Besides creating art, she enjoys hiking, playing guitar, and spending time with friends and family.</p> 31 32 33 </main> 34 35 </div> 36 37 <footer id="footer"> <a href="https://bsky.app/profile/jennahveer.bsky.social">bluesky</a> </footer></div> 38 <!-- THIS IS THE CSS !--> 39 <style> 40 /* user styles */ 41 42 /* styles are what change the color and sizes of stuff on your site. */ 43 44 /* these are variables that are being used in the code 45 these tended to confuse some people, so I only kept 46 the images as variables */ 47 48 :root { 49 --header-image: url('https://sadhost.neocities.org/images/layouts/wp.jpeg'); 50 --body-bg-image: url('https://sadhost.neocities.org/images/tiles/purplesky.gif'); 51 52 /* colors */ 53 --content: #43256E; 54 } 55 56 /* if you have the URL of a font, you can set it below */ 57 /* feel free to delete this if it's not your vibe */ 58 59 /* this seems like a lot for just one font and I would have to agree 60 but I wanted to include an example of how to include a custom font. 61 If you download a font file you can upload it onto your Neocities 62 and then link it! Many fonts have separate files for each style 63 (bold, italic, etc. T_T) which is why there are so many! 64 65 */ 66 67 @font-face { 68 font-family: Nunito; 69 src: url('https://sadhost.neocities.org/fonts/Nunito-Regular.ttf'); 70 } 71 72 @font-face { 73 font-family: Nunito; 74 src: url('https://sadhost.neocities.org/fonts/Nunito-Bold.ttf'); 75 font-weight: bold; 76 } 77 78 @font-face { 79 font-family: Nunito; 80 src: url('https://sadhost.neocities.org/fonts/Nunito-Italic.ttf'); 81 font-style: italic; 82 } 83 84 @font-face { 85 font-family: Nunito; 86 src: url('https://sadhost.neocities.org/fonts/Nunito-BoldItalic.ttf'); 87 font-style: italic; 88 font-weight: bold; 89 } 90 91 body { 92 font-family: 'Nunito', sans-serif; 93 margin: 0; 94 background-color: #08031A; 95 /* you can delete the line below if you'd prefer to not use an image */ 96 background-size: 65px; 97 color: #fceaff; 98 background-image: var(--body-bg-image); 99 } 100 101 * { 102 box-sizing: border-box; 103 } 104 105 /* below this line is CSS for the layout */ 106 107 /* this is a CSS comment 108 to uncomment a line of CSS, remove the * and the / 109 before and after the text */ 110 111 112 /* the "container" is what wraps your entire website */ 113 /* if you want something (like the header) to be Wider than 114 the other elements, you will need to move that div outside 115 of the container */ 116 #container { 117 max-width: 900px; 118 /* this is the width of your layout! */ 119 /* if you change the above value, scroll to the bottom 120 and change the media query according to the comment! */ 121 margin: 0 auto; 122 /* this centers the entire page */ 123 } 124 125 /* the area below is for all links on your page 126 EXCEPT for the navigation */ 127 #container a { 128 color: #ED64F5; 129 font-weight: bold; 130 /* if you want to remove the underline 131 you can add a line below here that says: 132 text-decoration:none; */ 133 } 134 135 #header { 136 width: 100%; 137 background-color: #5e4e8c; 138 /* header color here! */ 139 height: 150px; 140 /* this is only for a background image! */ 141 /* if you want to put images IN the header, 142 you can add them directly to the <div id="header"></div> element! */ 143 background-image: var(--header-image); 144 background-size: 100%; 145 } 146 147 /* navigation section!! */ 148 #navbar { 149 height: 40px; 150 background-color: #13092D; 151 /* navbar color */ 152 width: 100%; 153 } 154 155 #navbar ul { 156 display: flex; 157 padding: 0; 158 margin: 0; 159 list-style-type: none; 160 justify-content: space-evenly; 161 } 162 163 #navbar li { 164 padding-top: 10px; 165 } 166 167 /* navigation links*/ 168 #navbar li a { 169 color: #ED64F5; 170 /* navbar text color */ 171 font-weight: 800; 172 text-decoration: none; 173 /* this removes the underline */ 174 } 175
176 /* navigation link when a link is hovered over */ 177 #navbar li a:hover { 178 color: #a49cba; 179 text-decoration: underline; 180 } 181 182 #flex { 183 display: flex; 184 } 185 186 /* this colors BOTH sidebars 187 if you want to style them separately, 188 create styles for #leftSidebar and #rightSidebar */ 189 aside { 190 background-color: #241445; 191 width: 200px; 192 padding: 20px; 193 font-size: smaller; 194 /* this makes the sidebar text slightly smaller */ 195 } 196 197 198 /* this is the color of the main content area, 199 between the sidebars! */ 200 main { 201 background-color: #43256E; 202 flex: 1; 203 padding: 20px; 204 order: 2; 205 } 206 207 /* what's this "order" stuff about?? 208 allow me to explain! 209 if you're using both sidebars, the "order" value 210 tells the CSS the order in which to display them. 211 left sidebar is 1, content is 2, and right sidebar is 3! */ 212 213 */ #leftSidebar { 214 order: 1; 215 } 216 217 #rightSidebar { 218 order: 3; 219 } 220 221 footer { 222 background-color: #13092D; 223 /* background color for footer */ 224 width: 100%; 225 height: 40px; 226 padding: 10px; 227 text-align: center; 228 /* this centers the footer text */ 229 } 230 231 h1, 232 h2, 233 h3 { 234 color: #ED64F5; 235 } 236 237 h1 { 238 font-size: 25px; 239 } 240 241 strong { 242 /* this styles bold text */ 243 color: #ED64F5; 244 } 245 246 /* this is just a cool box, it's the darker colored one */ 247 .box { 248 background-color: #13092D; 249 border: 1px solid #ED64F5; 250 padding: 10px; 251 } 252 253 /* CSS for extras */ 254 255 #topBar { 256 width: 100%; 257 height: 30px; 258 padding: 10px; 259 font-size: smaller; 260 background-color: #13092D; 261 } 262 263 264 /* BELOW THIS POINT IS MEDIA QUERY */ 265 266 /* so you wanna change the width of your page? 267 by default, the container width is 900px. 268 in order to keep things responsive, take your new height, 269 and then subtrack it by 100. use this new number as the 270 "max-width" value below 271 */ 272 273 @media only screen and (max-width: 800px) { 274 #flex { 275 flex-wrap: wrap; 276 } 277 278 aside { 279 width: 100%; 280 } 281 282 /* the order of the items is adjusted here for responsiveness! 283 since the sidebars would be too small on a mobile device. 284 feel free to play around with the order! 285 */ 286 main { 287 order: 1; 288 } 289 290 #leftSidebar { 291 order: 2; 292 } 293 294 #rightSidebar { 295 order: 3; 296 } 297 298 #navbar ul { 299 flex-wrap: wrap; 300 } 301 } 302 </style> 303 </body> 304</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.