PageSourceSearch

https://lizberberena.com/2018-blog/

html lizberberena.com collected 2026-10-10 00:37:29 UTC 19,403 bytes, 616 lines download raw bytes

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&nbsp;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&nbsp;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>&laquo; 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>&laquo; Previous Posts</span> 
263    </a>
264  
265    <a href="" class="prev">
266      <span style="float:right">Later Posts &raquo;</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&nbsp;<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.