1<!DOCTYPE html> 2<html> 3<head> 4 5 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 9 <meta name="description" content="This is the old blog of Liz."> 10 <meta name="author" content="Liz Berberena"> 11 <meta name="twitter" content=""> 12 <meta name="github" content="lizberberena"> 13 14 <title>Blog | Liz's Blog</title> 15 16 <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"> 17 18 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> 19 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> 20
20<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
20 21
21<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
21 22
22<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
22 23
23<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
23 24 25
25<script src="//static.tumblr.com/ihhnoee/12Cotb0p2/jquery.style-my-tooltips.js"></script>
25 26 27
27<script> 28 (function($){ 29 $(document).ready(function(){ 30 $("a[title]").style_my_tooltips({ 31 tip_follows_cursor:false, 32 tip_delay_time:100, 33 tip_fade_speed:300, 34 attribute:"title" 35 }); 36 }); 37 })(jQuery); 38 </script>
38 39 40
40<script> 41 $(document).ready(function(){ 42 43 $("a i.fa-times").click(function(){ 44 $("div.modal").removeClass("show"); 45 $("div.modal2").removeClass("show"); 46 }); 47 48 $("a#creds").click(function(){ 49 $("div.modal2").addClass("show"); 50 }); 51 }); 52 </script>
52 53 <link href="/2018-blog/cssreset.css" rel="stylesheet"> 54 <link href="/2018-blog/index.css" rel="stylesheet"> 55 <link rel="shortcut icon" type="image/x-icon" href="/img/sitewideimg.png"> 56 57</head> 58<body> 59 60 <div id="mobile-header"> 61 62 <div id="drop-header"> 63 <div class="dropdown"> 64 <span><i class="fas fa-chevron-down"></i></span> 65 <div class="dropdown-content"> 66 <ul> 67 <li><a href="https://lizberberena.com/2018-blog" title="Home">All Posts</a></li> 68 <li><a href="https://lizberberena.com" title="Portfolio">Portfolio</a></li> 69</ul> 70 71 </div> 72 </div> 73 </div> 74 75 <h1 id="title"><a href="https://lizberberena.com/2018-blog">Liz's Blog</a></h1> 76 77 <div id="top-menu-right"> 78 <ul> 79 <li><a href="https://github.com/lizberberena" target="_blank" title="Github"><i class="fab fa-github"></i></a></li> 80<li><a href="https://linkedin.com/in/lizberberena" target="_blank" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a></li> 81<li><a href="https://lizberberena.com/2018-blog/feed.xml" title="RSS" target="_blank"><i class="fas fa-rss"></i></a></li> 82 83 <!-- <li><a href="/es/" title="Español"><i class="fa fa-globe"></i> 84 </a></li> --> 85 </ul> 86 </div> 87 88 </div> 89 90 <div id="header"> 91 <div id="top-menu-left"> 92 <ul> 93 <li><a href="https://lizberberena.com/2018-blog" title="Home">All Posts</a></li> 94 <li><a href="https://lizberberena.com" title="Portfolio">Portfolio</a></li> 95</ul> 96 97 98 </div> 99 <div id="top-menu-right"> 100 <ul> 101 <li><a href="https://github.com/lizberberena" target="_blank" title="Github"><i class="fab fa-github"></i></a></li> 102<li><a href="https://linkedin.com/in/lizberberena" target="_blank" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a></li> 103<li><a href="https://lizberberena.com/2018-blog/feed.xml" title="RSS" target="_blank"><i class="fas fa-rss"></i></a></li> 104 105 <!-- <li><a href="/es/" title="Español"><i class="fa fa-globe"></i> 106 </a></li> --> 107 </ul> 108 </div> 109 <div id="title"> 110 <h1><a href="https://lizberberena.com/2018-blog">Liz's Blog</a></h1> 111 </div> 112 113 114 </div> 115 116 <div id="mobile-menu"> 117 <div class="dropdown"> 118 <span><i class="fas fa-chevron-down"></i></span> 119 <div class="dropdown-content"> 120 <ul> 121 <li><a href="https://lizberberena.com/2018-blog/art">Art</a></li> 122 <li><a href="https://lizberberena.com/2018-blog/games">Games</a></li> 123 <li><a href="https://lizberberena.com/2018-blog/media">Media</a></li> 124 <li><a href="https://lizberberena.com/2018-blog/money">Money</a></li> 125 <li><a href="https://lizberberena.com/2018-blog/personal">Personal</a></li> 126 <li><a href="https://lizberberena.com/2018-blog/themes">Themes</a></li> 127 <li><a href="https://lizberberena.com/2018-blog/websites">Websites</a></li> 128</ul> 129 130 </div> 131 </div> 132 </div> 133 <div id="menu"> 134 135 <ul> 136 <li><a href="https://lizberberena.com/2018-blog/art">Art</a></li> 137 <li><a href="https://lizberberena.com/2018-blog/games">Games</a></li> 138 <li><a href="https://lizberberena.com/2018-blog/media">Media</a></li> 139 <li><a href="https://lizberberena.com/2018-blog/money">Money</a></li> 140 <li><a href="https://lizberberena.com/2018-blog/personal">Personal</a></li> 141 <li><a href="https://lizberberena.com/2018-blog/themes">Themes</a></li> 142 <li><a href="https://lizberberena.com/2018-blog/websites">Websites</a></li> 143</ul> 144 145 146 </div> 147 <div class="container-fluid"> 148 <div id="main-area"> 149 150 <div class="move"> 151 <div id="aside"> 152 <div class="widget"> 153 <div class="widget-title"><h3>About</h3></div> 154 <div class="widget-body"> 155 <br> 156 <img src="/img/pfp.png" class="img-fluid" style="margin: 25%; width: 200px; margin-bottom: 0px; margin-top: 0px;border-radius:100%;"> 157 158 <p>I'm <strong>Liz</strong>, the front-end web developer who made this static blog. My writings on here cover art, programming, and working on the Web, but I no longer regularly update this website. Check out my <a href="/" target="_blank">developer portfolio</a>.</p> 159 160 </div> 161</div> 162 163 <div class="widget"> 164 <div class="widget-title"><h3>Contact Me</h3></div> 165 <div class="widget-body"> 166 167 <div id="contact"> 168 169 <!--<form> 170 <div id="alert"></div> 171 <label for="name">Name</label> 172 <input type="text" name="name" id="name"> 173 <label for="email">Email Address</label> 174 <input type="email" name="_replyto" id="_replyto"> 175 <label for="message">Message</label> 176 <textarea name="message" id="message" cols="30" rows="5"></textarea> 177 <input type="text" name="_gotcha" style="display:none"> 178 <button type="submit" style="width: 100%">Send</button> 179 </form>--> 180 181 <form action="mailto:[email protected]" method="post" class="email"> 182 <button type="submit" style="width: 100%">Send Email</button> 183 </form> 184 </div> 185 186 187 </div> 188</div> 189 190 </div> 191 </div> 192 193 <div id="content"> 194 <div id="center"> 195 196<div class="post"> 197 <!--<img src="/img/hippocrene-german.jpeg">--> 198 <div class="header"> 199 <p class="categories"><span class="cat">In </span><a href="https://lizberberena.com/2018-blog/personal">personal</a></p> 200 <a href="https://lizberberena.com/2018-blog/posts/how-languages-shaped-my-life"> 201 <h1>How Languages Shaped My Life</h1> 202 </a> 203 <p class="date">16 Feb 2020</p> 204 </div> 205 <p class="excerpt">Here is how languages shaped my life.<br><br> 206 <a href="https://lizberberena.com/2018-blog/posts/how-languages-shaped-my-life">Read more â</a> 207 </p> 208</div> 209 210 211<div class="post"> 212 <!--<img src="/img/gametimeline.png">--> 213 <div class="header"> 214 <p class="categories"><span class="cat">In </span><a href="https://lizberberena.com/2018-blog/personal">personal</a></p> 215 <a href="https://lizberberena.com/2018-blog/posts/heres-a-late-2019-update"> 216 <h1>Here's a Late-2019 Update</h1> 217 </a> 218 <p class="date">14 Oct 2019</p> 219 </div> 220 <p class="excerpt">This is the final post that's going on this blog for a while! Here I give a super brief summary of the events in my life to-date in late 2019.<br><br> 221 <a href="https://lizberberena.com/2018-blog/posts/heres-a-late-2019-update">Read more â</a> 222 </p> 223</div> 224 225 226<div class="post"> 227 <!--<img src="/img/gametimeline.png">--> 228 <div class="header"> 229 <p class="categories"><span class="cat">In </span><a href="https://lizberberena.com/2018-blog/personal">personal</a></p>
230 <a href="https://lizberberena.com/2018-blog/posts/heres-a-mid-2019-update"> 231 <h1>Here's a Mid-2019 Update</h1> 232 </a> 233 <p class="date">23 Jun 2019</p> 234 </div> 235 <p class="excerpt">I go over what have become of my plans I described in an earlier post and tell you all about my new goals for 2019.<br><br> 236 <a href="https://lizberberena.com/2018-blog/posts/heres-a-mid-2019-update">Read more â</a> 237 </p> 238</div> 239 240 241 242<!-- Pagination links --> 243 244<div class="pagination"> 245 246 247 <a href="https://lizberberena.com/2018-blog/pg-2/" class="next"> 248 <span>« Previous Posts</span> 249 </a> 250 251 252 253 254</div> 255 256 257 258<!--For testing purposes 259<div class="pagination"> 260 261 <a href="/pg-2/" class="next"> 262 <span>« Previous Posts</span> 263 </a> 264 265 <a href="" class="prev"> 266 <span style="float:right">Later Posts »</span> 267 </a> 268 269</div>--> 270 271 </div> 272 </div> 273 <div id="aside"> 274 275 <div class="widget"> 276 <div class="widget-title"><h3>Search Site</h3></div> 277 <div class="widget-body"> 278 <form method="get" action="https://www.google.com/search" target="_blank"> 279 <input type="hidden" name="sitesearch" value="https://lizberberena.com/2018-blog" /> 280 <input style="margin-bottom:0px;" type="text" name="q" maxlength="255" placeholder="Search with Google" /> 281 </form> 282 </div> 283</div> 284 285 <div class="widget"> 286 <div class="widget-title"><h3>Latest Posts</h3></div> 287 <div class="widget-body"> 288 289 <div style="margin-top: 30px;"> 290 291 <div class="latest-post"> 292 <!--<img src="/img/hippocrene-german.jpeg" class="latest img-fluid">--> 293 <a href="https://lizberberena.com/2018-blog/posts/how-languages-shaped-my-life"> 294 <div class="latest"> 295 <h6>16 Feb 2020</h6> 296 <h2>How Languages Shaped My Life</h2> 297 </div> 298 </a> 299 </div> 300 301 <div class="latest-post"> 302 <!--<img src="/img/gametimeline.png" class="latest img-fluid">--> 303 <a href="https://lizberberena.com/2018-blog/posts/heres-a-late-2019-update"> 304 <div class="latest"> 305 <h6>14 Oct 2019</h6> 306 <h2>Here's a Late-2019 Update</h2> 307 </div> 308 </a> 309 </div> 310 311 <div class="latest-post"> 312 <!--<img src="/img/gametimeline.png" class="latest img-fluid">--> 313 <a href="https://lizberberena.com/2018-blog/posts/heres-a-mid-2019-update"> 314 <div class="latest"> 315 <h6>23 Jun 2019</h6> 316 <h2>Here's a Mid-2019 Update</h2> 317 </div> 318 </a> 319 </div> 320 321 <div class="latest-post"> 322 <!--<img src="/img/gametimeline.png" class="latest img-fluid">--> 323 <a href="https://lizberberena.com/2018-blog/posts/video-games-where-players-kill-innocents-timeline"> 324 <div class="latest"> 325 <h6>04 Mar 2019</h6> 326 <h2>Video Games Where Players Kill Innocents...</h2> 327 </div> 328 </a> 329 </div> 330 331 <div class="latest-post"> 332 <!--<img src="/img/musicthumbnail.png" class="latest img-fluid">--> 333 <a href="https://lizberberena.com/2018-blog/posts/how-to-get-royalty-free-music"> 334 <div class="latest"> 335 <h6>28 Feb 2019</h6> 336 <h2>How to Get Royalty Free Music...</h2> 337 </div> 338 </a> 339 </div> 340 341 </div> 342 343 </div> 344</div> 345 346 <div class="widget"> 347 <div class="widget-title"><h3>Archives</h3></div> 348 <div class="widget-body"> 349 <select style="margin-top:30px; width: 100%;" onchange="location = this.value;"> 350 <option value=" ">Make a selection</option> 351 352 353 354 355 356 357 <option value="https://lizberberena.com/2018-blog/archives/#February 2020">February 2020 (1)</a></option> 358 359 360 361 362 363 364 365 <option value="https://lizberberena.com/2018-blog/archives/#October 2019">October 2019 (1)</a></option> 366 367 368 369 370 371 372 373 <option value="https://lizberberena.com/2018-blog/archives/#June 2019">June 2019 (1)</a></option> 374 375 376 377 378 379 380 381 <option value="https://lizberberena.com/2018-blog/archives/#March 2019">March 2019 (1)</a></option> 382 383 384 385 386 387 388 389 390 391 392 393 394 <option value="https://lizberberena.com/2018-blog/archives/#February 2019">February 2019 (2)</a></option> 395 396 397 398 399 400 401 402 403 404 405 406 407 <option value="https://lizberberena.com/2018-blog/archives/#December 2018">December 2018 (2)</a></option> 408 409 410 411 412 413 414 415 416 417 418 419 420 <option value="https://lizberberena.com/2018-blog/archives/#November 2018">November 2018 (2)</a></option> 421 422 423 424 425 426 427 428 429 430 431 432 433 <option value="https://lizberberena.com/2018-blog/archives/#October 2018">October 2018 (2)</a></option> 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 <option value="https://lizberberena.com/2018-blog/archives/#September 2018">September 2018 (4)</a></option> 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 <option value="https://lizberberena.com/2018-blog/archives/#August 2018">August 2018 (4)</a></option> 480 481 482 483 484 485 486 487 488 489 490 491 492 <option value="https://lizberberena.com/2018-blog/archives/#July 2018">July 2018 (2)</a></option> 493 494 495 496 497 498 499 500 <option value="https://lizberberena.com/2018-blog/archives/#March 2018">March 2018 (1)</a></option> 501 502 503 504 505 506 507 508 <option value="https://lizberberena.com/2018-blog/archives/#December 2015">December 2015 (1)</a></option> 509 510 511 512 </select> 513 </div> 514</div> 515 516 <div class="widget"> 517 <div class="widget-title"><h3>Blog Stats</h3></div> 518 <div class="widget-body"> 519 <p>This Blog has <strong><span> 520 521 522 523 524 24 525 526 527 </span> posts</strong>. It was started on <strong>28 July 2018</strong>, and the latest post was on <strong><span> 528 529 530 16 February 2020</span></strong>. The website was last updated <strong>5 October 2026</strong>.</p> 531 </div> 532</div> 533 534 535 <div class="move"> 536 <div class="widget"> 537 <div class="widget-title"><h3>About</h3></div> 538 <div class="widget-body"> 539 <br> 540 <img src="/img/pfp.png" class="img-fluid" style="margin: 25%; width: 200px; margin-bottom: 0px; margin-top: 0px;border-radius:100%;"> 541 542 <p>I'm <strong>Liz</strong>, the front-end web developer who made this static blog. My writings on here cover art, programming, and working on the Web, but I no longer regularly update this website. Check out my <a href="/" target="_blank">developer portfolio</a>.</p> 543 544 </div> 545</div> 546 547 <div class="widget"> 548 <div class="widget-title"><h3>Contact Me</h3></div> 549 <div class="widget-body"> 550 551 <div id="contact"> 552 553 <!--<form> 554 <div id="alert"></div> 555 <label for="name">Name</label> 556 <input type="text" name="name" id="name"> 557 <label for="email">Email Address</label> 558 <input type="email" name="_replyto" id="_replyto"> 559 <label for="message">Message</label> 560 <textarea name="message" id="message" cols="30" rows="5"></textarea> 561 <input type="text" name="_gotcha" style="display:none"> 562 <button type="submit" style="width: 100%">Send</button> 563 </form>--> 564 565 <form action="mailto:[email protected]" method="post" class="email"> 566 <button type="submit" style="width: 100%">Send Email</button> 567 </form> 568 </div> 569 570 571 </div> 572</div> 573 574 </div> 575 576 </div> 577 578 </div> 579 </div> 580 <div id="footer"> 581 <div id="footer-widgets"> 582 583 <div id="credits"> 584 <p style="text-align:center;">© 2018â2026 Liz Berberena. Made from scratch with <i class="fas fa-heart"></i> + <i class="fas fa-coffee"></i>. Last update: 5 October 2026. 585 586 <a id="creds">Credits</a>. 587 </p> 588</div> 589 590<div class="modal2"> 591 <div class="login2"> 592 <a><i class="fas fa-times"></i></a> 593 594 <h3>Credits</h3> 595 596 <ul> 597 <li>Original theme inspiration: <a href="https://wordpress.org/themes/savona/" target="_blank">Savona Theme</a> by <a href="https://optimathemes.com" target="_blank">Optima Themes</a></li> 598 <li><a href="https://fontawesome.com/" target="_blank">Font Awesome Icons</a></li> 599 <li><a href="http://manos.malihu.gr/style-my-tooltips-jquery-plugin" target="_blank">style-my-tootltips</a> by <a href="http://manos.malihu.gr" target="_blank">malihu</a></li> 600 <li><a href="https://meyerweb.com/eric/tools/css/reset/" target="_blank">Meyerweb CSS Reset</a></li> 601 <li><a href="https://codepen.io/P1N2O/pen/pyBNzX" target="_blank">
601CSS Gradient Background Animation</a> by <a href="https://codepen.io/P1N2O/" target="_blank">Manuel Pinto</a></li> 602 <li>Heading font is "Playfair Display" from <a href="https://fonts.google.com/" target="_blank">Google Fonts</a></li> 603 <li><a href="https://github.com/lizberberena/2018-blog" target="_blank">Source Code</a> by <a href="https://lizberberena.com" target="_blank">Me</a></li> 604 </ul> 605 606 </div> 607</div> 608 609 610 </div> 611 612 </div> 613 614
614<script src="https://lizberberena.com/2018-blog/index.js"></script>
614 615</body> 616</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.