The Source

So since you must be ever so curious about how all this is done, here I'll show you all of the code that went into this here masterpiece. All 10,000 lines of it (give or take a few). In order to make it a bit more exciting, I've added a SECRET MESSAGE in comments in the source code, as well as some humorous little outtakes, simply because I had to. If you ever find yourself having a moment and you want to figure out said SECRET MESSAGE, I will explain how.

Comments in HTML are displayed in this format: <!--Insert comment here--> So anything set within these brackets will not show up when the webpage is displayed, it will only appear in the source code. (HINT: Using the command + F function may prove to be a tad useful here.)

Here's a little thing for you, but AFTER YOU FINSIH DEXTER SEASON 4

The Secret Message...

index.htm

The heart of the webpage, the home index file.

<html>
<head>
    <title>CMR2</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        .map {
            margin-top: 10px;
            position: relative;
            width: 100%;
            height: 100%;
        }
 
        .mapDiv {
            margin: auto;
            width: 1000px;
            height: 500px;
        }
 
        .sideText1 {
            transform: rotate(270deg);
            transform-origin: left top 0;
            float: left;
            font-size: 35pt;
            position: absolute;
            margin-top: 325px;
            margin-left: 50px;
        }
 
        .sideText2 {
            transform: rotate(90deg);
            transform-origin: right top 0;
            float: right;
            font-size: 35pt;
            margin-top: -60px;
            margin-right: 40px;
        }
    </style>
</head>
    <body>
        <div class="nav">
            <ul>
                <li><a href="../HTML/index.htm">CRM<sup>2</sup></a></li>
                <li><a href="../HTML/remember_when.htm">Remember When?</a></li>
                <li><a href="../HTML/quiz.htm">One More Test</a></li>
                <li><a href="../HTML/messages.htm">iMessage<sup>&nbsp;</sup></a></li>
                <li><a href="../HTML/voicemail.htm">uMessage<sup>&nbsp;</sup></a></li>
                <li><a href="../HTML/audiobook.htm">Once Upon a Time...</a></li>
                <li><a href="../HTML/letter.htm">Afterwords<sup>&nbsp;</sup></a></li>
                <li><a href="../HTML/awww.htm">AWWWWW<sup>&nbsp;</sup></a></li>
                <li><a href="../HTML/source_code.htm">Source Code</a></li>
            </ul>
        </div>
        
        <div class="introHead">
            <h1>CRM<sup>2</sup></h1>
        </div>
        
        <div class="introParagraph">
            <p>Hello my love. So I was in the sh<!--1, 8, 25. You-->ower yesterday (yesterday being June the 10th) and I had this amazing idea to compile a bunch of stuff together for you to remember me when you miss me. So, here, hoping that by now I've found a way to mount this on the web, you can find a bunch of stuff involving both me and you, the most beautiful lil bastards out there. Enjoy my little mushroom, and don't miss me too much.</p>
        </div>
            <p class="sideText1">After all...</p>
        <div class="mapDiv"><iframe class="map" src="https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d3066673.6986412886!2d-77.90130579813766!3d41.356732539055145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x8834f22bd95af11f%3A0x52e119b60d23ad0f!2sUniversity+of+Pittsburgh%2C+Fifth+Avenue%2C+Pittsburgh%2C+PA!3m2!1d40.444353!2d-79.960835!4m5!1s0x89e37a1999cf5ce1%3A0xc97b00e66522b98c!2sNortheastern+University%2C+360+Huntington+Ave%2C+Boston%2C+MA+02115!3m2!1d42.339807!2d-71.08917199999999!5e0!3m2!1sen!2sus!4v1434047353236" frameborder="0" style="border:0"></iframe></div>
            <p class="sideText2">You're not even <br>that far <!--21. Much-->away :D</p>
        </body>
</html>

remember_when.htm

This timeline nonsense was the bane of my existence.

<html>
<head>
    <title>Remember When</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <style>
        .introHead {
            width:400px;   
        }
        
        .timeline li img {
            display: none;
            max-width: 300px;
            transition: height 5s;
        }
 
        .timeline li:hover img {
            display: block;
            margin: auto;
        }
        
        .timeline {
            background: url(../Images/timeline.png) top center repeat-y;
            width:1000px;
            padding:50px 0;
            margin:0 auto 50px auto;
            overflow:hidden;
            list-style:none;
            position:relative;
            margin-top: 50px;
        }
        
        .timeline:before, /* The dot */
        .timeline:after { /* The arrow */
            content:" ";
            width:10px;
            height:10px;
            display:block;
            background:#f43059;
            position:absolute;
            top:0;
            left:50%;
            margin-left:-5px;
 
            -webkit-border-radius:20px;
                -moz-border-radius:20px;
                    border-radius:20px;
        }
        
        .timeline:after {
            margin-left:-7px;
            background:none;
            border:7px solid transparent;
            border-top-color:#f43059;
            width:0;
            height:0;
            top:auto;
            bottom:-7px;
 
            -webkit-border-radius:0;
                -moz-border-radius:0;
                    border-radius:0;
        }
        
        .timeline li:before,
        .timeline li:after{
          content:" ";
          width:160px;
          height:1px;
          background:#f43059;
          position:absolute;
          left:100%;
          top:50%;
          background:-moz-linear-gradient(0,#d8d566,#f43059);
          background:-webkit-gradient(linear,left top,right top,from(#d8d566),to(#f43059));
        }
        
        .timeline li:nth-of-type(even){
            float:right;
            text-align:left;
        }
        
        .timeline li:nth-of-type(even):after{ /* Move branches */
            background:-moz-linear-gradient(0,#f43059,#d8d566);
            background:-webkit-gradient(linear,left top,right top,from(#f43059),to(#d8d566));
            left:auto;
            right:100%;
        }
        
        .timeline li:nth-of-type(odd),
        .timeline li:nth-of-type(even){
            margin:-10px 0 0 0;
        }
        
        .timeline li{
            position:relative;
            clear:both;
            float:left;
            width:318px;
            padding:10px;
            background:#fef8c4;
            border:1px solid #d8d566;
            text-align:right;
            margin:0 0 10px 0;
            
            border-radius:2px;
            box-shadow:0 1px #fff inset;
        }
        
    </style>
</head>
    <body>
        <div class="introHead">
            <h1>Remember When?</h1>
        </div>
        
        <div class="introParagraph">
            <p>You probably think you remember our relationsh<!--9. Make-->ip better than I do. BUT you would sadly mistaken. Probably. Below, if I can actually get it to work, is a timeline of all the wonderful things I've done with you, the most beautiful girl in the world.</p>
        </div>
        
        <ol class="timeline">
          <li>
            <time>March 27, 1997</time>
            <p>Caitlin Mahoney is Born</p>
            <img src="../Images/Insta_Pics/baby_caitlin.png">
          </li>
 
          <li>
            <time>August 12, 1997</time>
            <p>And 4 months later, I was also born</p>
            <img src="../Images/Insta_Pics/rigel_baby_pic.jpg">
          </li>
 
          <li>
            <time>August [sometime], 2014</time>
            <p>You and Anita show up outside my house and I'm not there. Then the power goes out at Six Flags.</p>
          </li>
 
          <li>
            <time>September 21, 2014</time>
            <p>"So I was told you need help with 105"</p>
          </li>
 
          <li> 
            <time>October 8, 2014</time>
            <p>"So I Supposeeeee I could give you my number so that you can<!--10. Me--> help me since I'm dumb and need help (but not as dumb as ^^ [Orian]"</p>
          </li>
            
         <li>
            <time>October [some odd day], 2014</time>
            <p>I formally met your parents for the first time and we went Mini Golfing and to Qdoba and many fun as had</p>
          </li>
 
          <li>
            <time>October [some other odd date], 2014</time>
            <p>Throw some Kean soccer games and an RP football game (in which we both froze our asses off) in here, my memory isnt keen anough to remember exact dates on these things (except the RP game, which was Nov. 7<sup>th</sup> ; yours is, that's why I consulted you for a few of these things.</p>
            <img src="../Images/Insta_Pics/roselle_park_football_game.png">
          </li>  
            
        <li>
            <time>November 9, 2014</time>
            <p>Hmmmmm I wonder what happened today...</p>
            <img src="../Images/Insta_Pics/nov_9.png">
        </li>
 
        <li>
            <time>November 29, 2014</time>
            <p>"There's something I wanna say, but I don't know if I should say it"</p>
            <img src="../Images/Insta_Pics/i_love_you.png">
        </li>
 
        <li>
            <time>December 12, 2014</time>
            <p>I surprise you at semi :D</p>
            <img src="../Images/Insta_Pics/semiformal.png">
        </li>
 
        <li>
            <time>December 29, 2014</time>
            <p>We voyaged into the city (and met Hector LOL) and enjoyed each other's company for a little post-Christmas celebration at the MET (I think) and the Rockefeller Center tree.</p>
            <img src="../Images/Insta_Pics/christmas_city_adventure_dec29.png">
        </li>
 
        <li>
            <time>January 1, 2015</time>
            <p>We got drunk together for the first time, this was fun.</p>
            <img src="../Images/Insta_Pics/new_years.jpg">
        </li>
 
        <li>
            <time>January 10, 2015</time>
            <p>We go roadtrippin to Shake Shack in Paramus and have yet another quality road trip (I'm pretty sure this is the right date, I could be quite wrong, but at the same time I can't be wrong because I'm always right.</p>
            <img src="../Images/Insta_Pics/shake_shack.jpg">
        </li>
            
        <li>
            <time>January 30, 2015</time>
            <p>We tear shit up as two Glamourous motherfuckers at Project Hope</p>
            <img src="../Images/Insta_Pics/project_hope_jan30.png">
        </li>
            
        <li>
            <time>February 14, 2015</time>
            <p>Hey look! You're go<!--27. Don't-->ing to prom :D</p>
            <img src="../Images/Insta_Pics/cold_stone_prom.png">
        </li>
            
        <li>
            <time>February 27, 2015</time>    
            <p>Oh hey, I guess I am too (my promposal was tastier though)</p>
            <img src="../Images/Insta_Pics/puzzle_prom.png">
        </li>
            
        <li>
            <time>May 15, 2015</time>
            <p>Fast forward a lil bit to when we actually go to prom. First one was more fun, I'll admit</p>
            <img src="../Images/Insta_Pics/magnet_prom.png">
        </li>
            
        <li>
            <time>May 25, 2015</time>
            <p>We have the amazing idea to actually go out and buy a pool. This will go down as the best MDW of my short little life.</p>
            <img src="../Images/Insta_Pics/mdw_pool.png">
        </li>
            
        <li>
            <time>May 29, 2015</time>
            <p>And then onto the Prom take 2. Not better than the former, but still a great time with you</p>
            <img src="../Images/Insta_Pics/ait_prom.png">
        </li>
            
        <li>
            <time>May 30, 2015</time>
            <p>The most fun weekend of my enitre life, and I wouldn't have cho<!--11. Happy-->sen anyone else to spend it with</p>
            <img src="../Images/Insta_Pics/prom_weekend.png">
        </li>
            
        <li>
            <time>June 17, 2015</time>
            <p>And the perfect ending to the perfect senior year</p>
            <img src="../Images/Insta_Pics/graduation.png">
        </li>
        
        </ol>
        
        </body>
</html>

quiz.htm

Here's where I truly discovered the power of embedding iFrames.

<html>
<head>
    <title>Testicles</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        .introHead {
            width: 500px;
            line-height: 100%;
        }
        
        .quizTitle {
            text-align: center;
            height: auto;
            width: 500px;
            background-color: cadetblue;
            color: white;
            margin: auto;
            padding: 40px;
            line-height: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
        }
 
        .quizTitle h2 {
            font-size: 25pt;
            margin: auto;
            position: relative;
        }
 
        .blurb {
            text-align: center;
            margin: 0px;
        }
 
        .blurb:hover {
            color: yellow;
            text-decoration: underline;
            text-decoration-color: yellow;
        }
 
        .quizFrame {
            margin-left: 2.5%;
            margin-right:2.5%;
            width: 95%;
            height: 500px;
            margin-top: 10px;
            margin-bottom: 30px;
        }
 
        .quizFrame iframe {
            width: 100%;
            height: 100%;
            margin: auto;
            background-color: white;
        }
 
        .signiature {
            border-top: 1px solid white;
            color: white;
            font-size: 13px;
            margin-bottom: 20px;
            float: right;
            width: 250px;
            text-align: right;
            padding: 5px;
        }
    </style>
</head>
    <body>
        <div class="introHead">
            <h1>Testing Your Memory</h1>
        </div>
        
        <div class="introParagraph">
            <p>Remember the end of Kaciupski's class where all we did was play Jetpunk and mess aroun<!-- 4, 7, 30. Bubbshine-->d and never actually do work? Now you can do the same here, except the quizzes are much harder. I also included some that I thought you may enjoy since I can only make so many quizzes about myself. (Hint: If you log in, there's a "Stop Timer" button that would probably prove itself quite helpful.<br>PS. These are all actually online and available to the public, so I tried to not put anything too incriminating in here.</p>
        </div>
        <div class="quizTitle">
            <h2>How Well Do You Know Me? *</h2>
        </div>
        <a href="http://www.jetpunk.com/user-quizzes/152439/these-are-a-few-of-my-favorite-things" target="_blank"><p class="blurb">Click here to be redirected to the quiz on Jetpunk</p></a>
        <div class="quizFrame">
            <iframe src="http://www.jetpunk.com/user-quizzes/152439/these-are-a-few-of-my-favorite-things"></iframe>
        </div>
        
        <div class="quizTitle" style="width:700px">
            <h2>How Well Do You Know My Music Taste? *</h2>
        </div>
        <a href="http://www.jetpunk.com/user-quizzes/152439/how-well-do-you-know-my-music-taste" target="_blank"><p class="blurb">Click here to be redirected to the quiz on Jetpunk</p></a>
        <div class="quizFrame">
            <iframe src="http://www.jetpunk.com/user-quizzes/152439/how-well-do-you-know-my-music-taste"></iframe>
        </div>
        
        <div class="quizTitle">
            <h2>Finish the Eminem Lyric *</h2>
        </div>
        <a href="http://www.jetpunk.com/user-quizzes/152439/finish-the-eminem-lyric" target="_blank"><p class="blurb">Click here to be redi<!--26. Peas-->rected to the quiz on Jetpunk</p></a>
        <div class="quizFrame">
            <iframe src="http://www.jetpunk.com/user-quizzes/152439/finish-the-eminem-lyric"></iframe>
        </div>
        
        <div class="quizTitle" style="width:700px">
            <h2>How Well Do You Know My<!-- 6. Only--> Favorite Cars? *</h2>
        </div>
        <a href="http://www.jetpunk.com/user-quizzes/152439/do-you-know-the-best-car-in-each-category" target="_blank"><p class="blurb">Click here to be redirected to the quiz on Jetpunk</p></a>
        <div class="quizFrame">
            <iframe src="http://www.jetpunk.com/user-quizzes/152439/do-you-know-the-best-car-in-each-category"></iframe>
        </div>
        
        <div class="quizTitle" style="width:700px">
            <h2>Hotel California Lyrics</h2>
        </div>
        <a href="http://www.jetpunk.com/user-quizzes/24769/hotel-california-lyrics" target="_blank"><p class="blurb">Click here to be redirected to the quiz on Jetpunk</p></a>
        <div class="quizFrame">
            <iframe src="http://www.jetpunk.com/user-quizzes/24769/hotel-california-lyrics"></iframe>
        </div>
        
        <div class="quizTitle" style="width:700px">
            <h2>Super Short Movie Titles</h2>
        </div>
        <a href="http://www.jetpunk.com/quizzes/super-short-movie-titles-quiz.php" target="_blank"><p class="blurb">Click here to be redirected to the quiz on Jetpunk</p></a>
        <div class="quizFrame">
            <iframe src="http://www.jetpunk.com/quizzes/super-short-movie-titles-quiz.php"></iframe>
        </div>
        
        <div class="signiature"><sup>*</sup>Created by yours truly</div>    
        </body>
</html>

messages.htm

It was a cool touch making the iPhone interface, no?

<html>
<head>
    <title>iMessage</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        
    @import "http://fonts.googleapis.com/css?family=Open+Sans:400,600,700";
        
        .header {
            color: #2095FE;
            background: #eee;
            border: 1px solid #ccc;
            border-bottom: 1px solid #bbb;
            box-shadow: 0 1px 2px rgba(1,1,1,0.2);
            height: 60px;
            font-size: 20px;
            line-height: 100%;
            white-space: nowrap;
            width: 1000px;
            margin: auto;
            margin-top: 50px;
            margin-bottom: 0px;
        }
        
        .left {
            display: inline;
            float: left;
            margin-top: 20px;
            margin-left: 15px;
        }
        
        .right {
            display: inline;
            float: right;
            margin-top: -50px;
            margin-right: 15px;
        }
        
        .header h2 {
            font-weight: bold;
            color: #111111;
            text-align: center;
        }
        
        .header img {
            display: inline;
            width: 20px;
            height: auto;
        }
        
        #iphone {
            box-sizing: border-box;
            width: 1000px;
            margin: auto;
            height:90%;
            overflow-y: scroll;
            overflow-x: hidden;
        }
        
        #iphone .messages-wrapper {
            padding-top: 10px;
            position: relative;
            border: 1px solid #ddd;
            border-top: 0 none;
            background: white;
        }
        
        #iphone body {
            background: none repeat scroll 0 0 #fff;
            color: #FFFFFF;
            font-family: "Open Sans";
            line-height: 26px;
            width: 400px;
            margin: 0 auto;
            overflow-X: hidden;
            position: relative;
        }
      
        #iphone .message {
            border-radius: 20px;
            margin: 0 15px 10px;
            padding: 15px 20px;
            position: relative;
        }
        #iphone .message.to {
            background-color: #4CDA38;
            color: #fff;
            margin-left: 80px;
            margin-top: 15px;
        }
        #iphone .message.from {
            background-color: #E5E4E9;
            color: #363636;
            margin-right: 80px;
        }
        
        #iphone .message.from img {
            display: inline;
            width: 15px;
            height: auto;
            padding: 0px;
        }
        
        #iphone .message.to + #iphone .message.to,
        #iphone .message.from + #iphone .message.from {
          margin-top: -7px;
        }
        
        #iphone .message:before {
            border-color: #4CDA38;
            border-radius: 50% 50% 50% 50%;
            border-style: solid;
            border-width: 0 20px;
            bottom: 0;
            clip: rect(20px, 35px, 42px, 0px);
            content: " ";
            height: 40px;
            position: absolute;
            right: -50px;
            width: 30px;
        }
        
        #iphone .message.from:before {
            border-color: #E5E4E9;
            left: -50px;
            transform: rotateY(180deg);
        }
        
        audio {
            width: 100%;   
        }
    </style>
</head>
    
    <body>
        <div class="introHead">
            <h1>iMessage</h1>
        </div>
        
        <div class="introParagraph">
            <p>Your organization made it very easy for me to keep track of how many times I've told you how amazing and wonderful you truly are.</p>
        </div>
        
        <div class="header"><div class="left">&lt; Messages</div><div class="center"><h2>Bubbs <img src="../Images/heart_emoji.png"></h2></div><div class="right">Contact</div></div>
        
        <div id="iphone">    
        <div class="messages-wrapper">
        <br>
        <div class="message from">
            <p>Secret 1: I like avatar the last Airbender<br><br>
Secret 2: I have no shame in that<br><br>
Secret 3: I think you're really cool to trust me with those stories and for exposing your life to me like that<br><br>
Secret 4: I think you're cool in general<br><br>
Secret 5: I'm more excited for this Saturday more than all the Saturdays in the last two months combined<br><br>
Secret 6: I play an endless game of "Ask me lite<!--2, 14. Are-->rally anything and I will answer completely honestly"; my life is the most open book ever<br><br>
Secret 7: there are no secrets<br><br>
Truth 8: I like you<br><br>
Truth 9: I really like you<br><br>
Truth 10: when I say you're a good friend,  you're everything I aspire to be to other people. I want to learn to make people laugh on cue and cheer them up when they're sad. I'm still working on that.<br><br>
Truth 11: I'm sleep deprived because of late night conversations with you, but I'm not inclined to care because it's worth it<br><br>
Truth 12: I like your hair<br><br>
Truth 13: your views on PDA constantly confuse me. I want nothing more than to kiss you goodbye at the end of the day<br><br>
Truth 14: I find the fact that you can balance five different friend groups absolutely remarkable, a<!--22. I-->nd I'm glad you can fit me in there too<br><br>
Truth 14: I'm very tired<br><br>
Truth 16:I'm so tired I misnumbered that last one<br><br>
Truth 17: there's nothing that gets me through the day more than a snapchat from you<br><br>
Truth 18: alright I'm out of truths for the time being. I'm gonna go to sleep too. Goodnight beautiful <img src="../Images/kiss_emoji.png"><br><br>
Truth 19: when I say beautiful,  I am addressing the fact that you are indeed beautiful both inside and outside. Reminder that I cannot lie as this is a truth in itself. Okay goodnight <img src="../Images/heart_emoji.png"><br><br>
</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_1.mp3" controls></audio></div>
        
        <div class="message from">
            <p>Well you laugh at my jokes, and when you do that  you have a really contagious laugh, and when you laugh you smile, and you have a beautiful smile. And you smile with your eyes which are the perfect shade of greenish blue, and then you'll say something back to me. And when you speak it's always intelligently,  and your words have a purpose. And generally this purpose is to make others feel better. Not just me but everyone. Your words and your presence make everyone's day just that much better. Especially when it's not a particularly good one. For example when a hypothetical person was up until 130 am doing college apps, nothing makes this hypothetical person happier than you tapping them on the shoulder and giving them a chocolate bar. Probably the happiest that persons been that entire day. Hypothetically speaking. So yeah, you're pretty much perfect, so far as I can see.</p>
        </div>
        
        <div class="message to"><audio src="../Voice/Read_Messages/message_2.mp3" controls></audio></div>
            
        <div class="message from">
            <p>Well... first thing I noticed about you were your eyes. Especially in comparison to your hair, the two just contrast each other very nicely. You also have flawless skin, and are extremely fit. And you consistently smell very nice. So there's physical beauty. Then past that, you have a wonderful sense of humor, and like I've said before, you laugh at my jokes and make me things and write me letters and all around make me feel appreciated. So then there's 'emotional' beauty, if you will. Then there's the fact that you're a great friend to people, and I find that to be a very attractive quality in you. You're also driven, motivated, studious, personable, and you know how to have a good time. You're pretty much awesome, and that's what drew me to you.</p>
        </div>
        
        <div class="message to"><audio src="../Voice/Read_Messages/message_3.mp3" controls></audio></div>    
            
        <div class="message from">
            <p>I guess I'll say goodnight then. So goodnight to one of the most intriguing people I know of. Seriously, the effect you have over my emotions is astounding. Earlier when you said you had something you wanted to talk about, I couldn't focus on the amazing game which I was playing, or anything other than just waiting for you to respond. Kinda scared me a bit, I won't lie, but that's okay. I'm glad you addressed it, and you can be sure that if I have any concerns regarding you (which I doubt I will because you're perfect) I'll bring them directly to you. Just makes life easier. I'm actually very excited for tomorrow, and possibly the day after that at Chipotle should you choose to accompany me, and possibly the weekend, idk it's all up to you. I honestly can't get enough of you, which may seem a bit annoying to you, I'm sorry. But it is true, you intrigue me. I love spending my time with you. I love talking to you, and laughing with you, and smiling with you, and fantasizing about cars with you, and sharing basically everything there is to my being with you. I do hope my little speech Earlier convinced you of the fact that i would never cheat on you, or intentionally do anything at all to hurt you. You just mean too much to me for that to happen. And the fact that I've been talking to you for maybe 2 months and I already have obtained this level of affection for you astounds me. You astound me. You're amazing. Okay goodnight beautiful <img src="../Images/heart_emoji.png"></p>
        </div>
        
        <div class="message to"><audio src="../Voice/Read_Messages/message_4.mp3" controls></audio></div>    
            
        <div class="message from">
            <p>So you've made senior very bearable so far, and I can't thank you enough for that. Your p<!--23. Is-->leasant air seems to rub off on those that you're around (like me) and changes life for the better. You're the kind of person that can just brighten my day by smiling at something I say, and this is an invaluable trait. I'll be honest, when you said you had to go home today I was a bit bummed because I wanted to spend some more time with you, but i guess that just makes the next time I see you a bit more special. I also feel I need to throw this is here, you're just the right amount of everything. The faces and imitations of me are the just the right amount of weird yet funny, your singing voice is just the right pitch, your intellectual conversations are in depth but not out of proportion, you stay up late but not too late, you're a realist yet an optimist at the same time, you're responsible yet know how to have a good time... the list goes on. You're just goddamn perfect, and I'm very lucky to have you as my girlfriend. I can call you mine, and that's a wonderful thing I think. So thank you for enabling me to say that. And now I'm drifting off to sleep, but you'll be in my mind as a I close my eyes, and so I know I'll wake up with a smile. Goodnight iridescent <img src="../Images/heart_emoji.png"></p>
        </div>
        
        <div class="message to"><audio src="../Voice/Read_Messages/message_5.mp3" controls></audio></div>    
            
        <div class="message from">
            <p>You're just my ideal person, and I think that's why it seems like I've known you for longer. Because I've thought about my ideal person for so long, and then you came along</p>
        </div>
        
        <div class="message to"><audio src="../Voice/Read_Messages/message_6.mp3" controls></audio></div>    
            
        <div class="message from">
            <p>So I think you went to sleep and frankly I don't blame you, you were very... active tonight ;)
But that aside, I value how easy it is to have a great time with you. I had a meal and "watched" a movie with you and I think its among the most fun nights I've had with you. I love having a casual dinner conversation with you and then having you willingly meet my family, and then lying down next to you for hours, your body keeping me warm. I'm also grateful that you are so easy to talk to. I don't have to cautiously broach any subject, I can just say what I'm thinking and you get it. You get me. And this is why I think you're perfect. Not just perfect physically and mentally (which you are, absolutely) but you're perfect for ME. I used to have this trifecta to determine a perfect girl: attractive, successful/motivated, and good company. I can confidently say that you meet all three of things. But then in the past month I've realized just how indescript this trifecta is. You're the perfect girl because of the little things. Because of the appreciation you show towards me. Because you miss me, and because you actively try to spend time with me. Because you when I hold you, you hold me back. When I kiss you, you fervently kiss me back. You're an amazing person and an amazing girlfriend, and I can honestly never thank Anita enough for introducing us. So as it is now officially thankgiving, I would like to give thanks to you, for being a part of my life, albeit for only a couple months so far. They've been an amazing couple of months, and I can only hope for many more. Goodnight Caitlin, sweet dreams, and I hope to see you very soon <img src="../Images/heart_emoji.png"></p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_7.mp3" controls></audio></div>
        
        <div class="message from">
            <p>Well exhibit A right here, you took most of those words right out of my mouth. You know what I'm thinking all the time and that's kinda cool. We're on the same n ("nu" - another chemistry joke). It's been 2 months since I've known you, and I have yet to find a single fault in you. People will tell their significant others all the time that they are perfect in every way, yet they still have one or two flaws that go unaddressed. With you, you literally have no flaws about you, and I can say that with complete confidence. You're interesting, you're sexy  (in our definition of the word), you're corny just enough of the time, you're personable, you're fun  (an important one that not many people seem to be anymore), and what amazes me most: you're mine. Not in a possessive way, but in a way that amazes me. You're my girlfriend. And if I were to try and verbalize my feelings for you right now, I would say that the prospect of not being able to envelope you in my arms for a day is bothering me immensely. And I know that work isn't going to make my time spent with you any less. I couldn't let that happen, it would pain me too much. You just mean so goddamn much to me I can hardly put it into words. The best I can come up with is: I love you. I think that's the best summation of my feelings towards you. I love every single little detail about you. I love staring into your beautiful eyes, I love kissing your neck, I lov<!--3, 5, 29. My-->e the face you make when you're turned on ;) , I love putting my arm under your neck and rolling your body closer to mine, I love that you feel able to share anything with me and that I'm able to share anything with you. I love the vein on your forehead (even though no one else can see it) because that means you're smiling. I love your smile, and I love your laugh. Especially when you smile or laugh because of me.  And it's because I love all of these things about you that I love you. After a mere three weeks of dating you. You truly are an amazing person.</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_8.mp3" controls></audio></div>
        
        <div class="message from">
            <p>I just love you. And I'm not just throwing those words around, I really, honestly love you alot. You're so perfect, in mind and in body, that I can't resist you. You're the perfect balance of everything: intelligence, sexiness, excellence, companionship, and hundreds of others, and you really just know how to get me going (and not in solely a sexual sense, though that's definitely there are well). You just make me feel so happy, and I look forward to doing things with you, to eat meals with you, to go to performances with you, to watch soccer games with you, to watch movies with you, and to "watch movies" with you and everything else that we've done. I wouldn't change a single thing about the past month at all, and I hope that over the last 4 weeks I've made you even a fraction as happy as you have made me. I love you Caitlin, I love you so much <img src="../Images/heart_emoji.png"></p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_9.mp3" controls></audio></div>
        
        <div class="message from">
            <p>You've just had such a profound impact on my life on the short time you've been a part of it, it amazes me. You amaze me. It's interesting to think about the fact that if I hadn't transferred into that bitch Mr Schuh 's class, I wouldn't have had Calc 3/4 and we wouldn't have hit it off like we did. It's scary to think about the path not traveled. I'm just so glad that I have an amazing, supportive girlfriend who loves me almost as much as I love her and who completes and counterbalances my personality perfectly. I don't know if I told you this (I probably did), but I'm in love with your sense of humor. Your sarcasm comes at just the right times and is just the right level of sarcastic (not dry and confusing, but also not dick - like and annoying). I kinda fell asleep typing this yesterday and now my phone is basically dead but I was gonna add many other things but I lost my train of thought and I love you and goodmorning now I suppose <img src="../Images/kiss_emoji.png"></p>
        </div>
        
        <div class="message to"><audio src="../Voice/Read_Messages/message_10.mp3" controls></audio></div>
            
        <div class="message from">
            <p>I'd like to just take a moment and tell you how much I appreciate everything that you make me feel. You make me feel happy, you make me feel proud, you make me feel a little sore (physically, especially in my arms) and I value all of it. I value every second spent with you and I do my best to make the most of it. And you're right, I do love you. Crazy little you. But crazy in all the right ways. I love who you are and everything about you, but I also love myself when I'm with you. You make me a better person, more confident, more outgoing, and for that I thank you immensely. I love you in so many different ways and for so many different reasons it ridiculous. So thank you for spending time with me yesterday, it really meant alot and I hope you have a merry Christmas eve my love <img src="../Images/heart_emoji.png"></p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_11.mp3" controls></audio></div>
        
        <div class="message from">
            <p>Did you know I have the most perfect girlfriend ever? I mean, she's actually the definition and the essence of the word perfection. She always makes me feel so great about myself and who I am. Especially when I wake up to 17 new messages from her, it starts my day off right. She has the best <!--24. Lava-->sense of humor: the perfect mix of sarcasm and funny faces. She's the most caring, thoughtful individual I know, and the happiness of her friends is essential to her own. This is one of the things I admire most about her. She's everybody's friend. Everyone likes her (except for one certain soccer player, but he doesn't matter), but I like her just a little bit more than all those people. I love her. I love her smile, and her style (the only person I know that can rock green pants), her humor and her physique (don't even get me started on this one). I love her eyes and her hair and the reassurance I get when she places her hand on the nape of my neck. I love the fact that she misses me all the time, because I miss her more than she could imagine, everytime she goes away all I want is her to come back for one more hug and one more kiss. I can never get enough of her. And by her I mean you, you're my girlfriend whom I've fallen deeply in love with. You're the most amazing person I know and I love you. So good morning my love <img src="../Images/heart_emoji.png"></p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_12.mp3" controls></audio></div>
        
        <div class="message from">
            <p>You may love me equally but loving me more than I love you is pretty much impossible. I absolutely love every time you say that you miss me because I miss you too, all of those times. You saying it just accentuates how much you care about me. There's nothing that I love more than being appreciated. I love you for how much you love me and beyond that. I love you for everything you do for me, whether it be buying me coffee or surprising me with warheads or just coming to my house randomly. I love you for your taste in music, and your sense of style, whether it be not giving a fuck about wearing sweatpants (like I do sometimes) or when you dawn a beautiful dress. I love you for how caring you are to other people, friends or otherwise. I just absolutely adore each and every single aspect about you so much, and that's why it's very difficult to love me more than I love you.</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_13.mp3" controls></audio></div>
        
        <div class="message from">
            <p>And I'm very sorry that I couldn't see you more on our 2 month, but again, I enjoy every day with you. Every second of every minute of every hour of every day. With you, I feel complete, holistic, unadulterated happiness. For an excess of two months, pure happiness. And I know that I can be a little bit of a pain in the ass sometimes, but I can't thank you enough for dealing with me and my bad habits because without you, I would be a very sad individual. I'm not gonna be all dramatic and say that I could never live without you or any of that shit, because without you, yes I would keep breathing and my heart would continue beating, but those breaths would be woeful and the beats non-jubilant. I would just miss you to death if you were to leave and I hope that that doesn't happen. I just love you so much, you've become such a huge part of my life so damn quickly I'm awestruck. As I've previously stated, these have been the happiest two months that I have had in a very long time, and I have you to thank for that. For being there for me when I've needed someone to talk to, for keeping me company when I've needed it most, and for loving me just the way I am. Weird little me, who drives like an idiot and has too much flab. You're so perfect, you balance my imperfections. Perfectly. You're the most beautiful girl in the world Caitlin, and I love you immeasurably and immensely. Happy two months you iridescent girl <img src="../Images/heart_emoji.png"></p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_14.mp3" controls></audio></div>
        
        <div class="message from">
            <p>Alright well this is primarily my fault... I was talking to my grandma and slightly lost track of time. On the upside you're gonna be well rested and I get to see you again because I miss the shit out of you. I wanted to give you a hug after work today. BUT it's okay because it'll just make the next time more special. I also wanted to solidly apologize for mindlessly taking that shift without a second thought. I'm sometimes too quick to help out those that need me, and I don't really stop and think about more important things. Blessing and a curse I guess. I should've spent way more than that hour with you and I'm sorry that I didn't. I love you immensely. And I also want you to know that no matter what, you'll always be the best girl in magnet. Or ait. Or literally anywhere. Your balance of physical and mental beauty is absolutely perfect. I'm sorry for making you upset today, and I hope my attempts to better the situation worked somewhat. I love you to the moon and back and on forever you amazing, crazy, iridescent girl <img src="../Images/heart_emoji.png"></p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_15.mp3" controls></audio></div>
        
        <div class="message from">
            <p>You're just the most amazing person I could ever wish for. The way you treat me is perfect. You're not a bitch, but you don't hesitate to put me in my place if I do something wrong. You're just so thoughtful, writing letters to me and saying those little things to make me smile. Like saying "I miss you" all the time; it never gets old, it just reminds me that I'm on your mind. And there is absolutely no better feeling. I love you for the little things, the big things and the in between.</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_16.mp3" controls></audio></div>
        
        <div class="message from">
            <p>So I was consolidating all of your Valentines day presents today... I made sure your letter was in its place in my collection, I ate the entire bag of Warheads just now  (my jaw is gonna be on fire tomorrow), I stashed all the candy away in my drawer, I tucked the bear into my bed, I set the frame up on my dresser, and that just left the 52 things I love about you deck of cards. Words cannot express how much I love this. From first glance, I can see the time and effort that you put into it, and that really shows how much I mean to you. Then I looked at all of the things that you said inside those cards,  and took a little trip down memory lane. I remembered or first Doba date, our first "movie" (which wasn't so much in quotes, we actually watched toy story), our first road trip (to the soccer game at Kean), playing music in the car on the way, eating dinner with you at the Thai restaurant, all of the subsequent soccer games where it was so cold I couldn't feel my dick, Michelle's house after that numbing Roselle park football game, Nov 9<sup>th</sup>, coffee house, picking you up from the hospital and seeing you cry for the first time, surprising you at semi, New York and the tree, going to Shake Shack just because, seeing how stunningly beautiful you were at Project Hope, and it has all helped me to realize just how much I've fallen in love with you in the past 5 months. We've done so many cool things together in that time, and there is absolutely nobody else with whom I would've rather shared the experiences. You're the perfect companion for every journey I have taken, or ever will take. I love you with all of my heart Caitlin, thank you for the most amazing time of my life <img src="../Images/heart_emoji.png">
</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_17.mp3" controls></audio></div>
        
        <div class="message from">
            <p>I swear I'm at my most productive on Monday morning at 1 am. Every. Single. Time. Oh well. I just got half my bio shit done and filled out both of our prom request forms and packed a little surprise for you and I'm excited to sleep even though I'm not tired. This might be because I had a coffee at like 4 but oh well. I love you. Alot. It still bugs me how I ended last night and it wasn't right of me and I really don't like myself for it. I don't like myself for getting mad at myself. Lol. There's an internal war going on inside me. No there isn't actually, there's just alot of caffeine :D But anyways, let's get on to the thing you did today that made me happy. I think the message that you sent to me at 12:27 this (yesterday?) afternoon would do it for me. It made me happy as a motherfucker to know that you're always there for me and that you'll love me no matter what happens. I treasure that. I treasure you. Treasure, that is what you are. You're my shining star. And we can make our dreams come true. If you let me treasure youuuuuuuuu. I don't actually know who wrote that song, I think it's bruno Mars but I could be wrong. YEAH, I COULD BE WRONG. Doesn't mean that I am. I actually just checked and I'm right. As always. Anyways, I'm gonna be for hours so I'm gonna bid you goodnight and I love you and this has basically just been me rambling on for like 5 minutes but I hope you enjoy it. Good morning my love <img src="../Images/heart_emoji.png"></p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_18.mp3" controls></audio></div>
        
        <div class="message from">
            <p>So once upon a time, there was a girl. This girl was you. Surprise. This girl met this guy. This guy was me. Surprise again. Coming into the senior year of high school, I would have never been able to fathom that such an amazing soul like yours would resonate with my own, and I would never have imagined the profound impact it would have on my life. Over the course of the past seven-ish months, I have come to the absurd realization that, from the bottom of my heart to the top, with every myofibril of my being, to the moons of Saturn and Neptune, to infinity and beyond, I love you. You and I share the type of connection that two sentient beings only ever dream of experiencing. You understand what I'm trying to say all the time, especially when I'm talking about my feelings. Feelings are hard to put into words, but you understand that. You understand everything about me. This is a reason that I fell for you.</p>  
<p>I won't ever forget the moment in which I finally mustered up enough courage to tell you that. The second those three sacred words had left my mouth, I instantly knew there was no taking it back. But of course, why ever would I need to? I didn't pull a Ted Mosby and tell you I loved you on our first date. I waited until I was absolutely sure that's what I felt. And for you to get me to feel that way in under 3 months of knowing me is impressive in itself.</p>
        <p>Its easy to get under my skin, to know who I am, where I have come from, and where I am going. I seldom hesitate to share those details with anyone who asks. However, you have gone deeper than the skin. You've entered my bones, my heart, and my soul. There is not a single aspect of who I am that you do not know, and I can say this with confidence. What's more, you accept me for who I am, unchanged. You accept my flaws, my shortcomings, and my weaknesses. You accept them and in turn give me motivation to rid myself of them. I work out for you. I work late so I'm able to spend a little extra on you. I still somewhat pay attention in calculus so that I can help you (if not only just a little bit). And I wouldn't have it any other way. I would never change a single aspect of you, of us, or of anything we've done together. Because after all, anything we've done together has been together, which means I've had you by my side. And any moment with the girl I love by my side is one that I treasure.</p>
       <p>Caitlin, I'm madly in love with you. And this entire note has passed me by without me saying one key phrase: HAPPY BIRTHDAY BABY!!!!!! You're finally (almost) free! I can't wait to celebrate with you, and I know you're going to have a truly amazing year. Despite all the changes and adjustments and whatever else the future has in store for us, one thing will always remain constant: the unwavering, undisputable fact that I love you.</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_19.mp3" controls></audio></div>
        
        <div class="message from">
            <p>But they don't exist. There's absolutely nothing in the world that would make me love you any less. If you went away for the rest of your life at this very instant, I would NOT stop loving you. I just would never forget the woman that I loved had gone away. Fortunately for me, you're not going away. You're staying right where you are. And consequently, I know that the woman whom I love with the entirety of my heart and soul will be right there. There is nothing you, or any force of nature, can do to make me stop loving you.</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_20.mp3" controls></audio></div>
        
        <div class="message from">
            <p>So there was this reddit thread that asked "Reddit, right now what is your favorite song?" And one of the responses was <a href="https://youtu.be/X_I4wtNPv5w" target="_blank">this</a> song. And I naturally had to listen to it because it reminds me of you and your amazing McDonald's commercial. But listening to it, I realized it's astounding relevance in our relationship. The title "You make my dreams come true" begins it's automatically: YOU make my dreams come true. I've dreamed about having the perfect girl just knock at my door one day. A girl that understands me, a girl that loves me no matter how much I fuck up, no matter how bad I am at making plans, no matter how unmotivated I can be, one that will love me unconditionally. And instead of knocking, you just one day showed up outside my house. Next, "What I've got's full stock of thoughts and dreams that scatter.  You pull them all together. And how, I can't explain" You drag me out of my biggest funks sometimes. You remind me how I do somewhat have my life together, how I really am a good, motivated, intelligent person. I always have your constant reminder, you pull me all together. Next, " 'Cause I ain't the way you found me. And I'll never be the same" I am certainly not the same person that I was 5 months ago. I've grown stronger because at my side I have someone who supports me in all the actions I take. Without you, it is safe to say that I would not be nearly as happy at this point as I am now. You have changed me in ways that I could never thank you enough for. And in conclusion, why do I love you? "Well 'cause you, You make my dreams come true."</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_21.mp3" controls></audio></div>
        
        <div class="message from">
            <p>That's a great way to put it I think. I definitely felt more attached (in a good way, not a clingy way) to you at 8:00 this morning than I ever have in our entire relationship. I loved it so much. The feeling of waking up and being able to cuddle with you and put my arm under your head was amazing. Just amazing. I hope to do be able to do that many many many more times as we go on, and there's absolutely nobody I would rather wake up to have next to me. I love you so fucking unbelievably much, it astounds even me</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_22.mp3" controls></audio></div>
        
        <div class="message from">
            <p>You've made me realize what true happiness really is. It's having someone to talk to when you're having a bad day. It's having someone you can call after work just to say hi. It's knowing that if and when you fuck up, you've got someone who won't judge you (too hard :P) and will he there to catch you when you fall. It's having someone who can make you feel like a hundred million bucks when you think you're only a few thousand. It's having someone like you by your side. I never want you to leave my side, because you are the happiness in my life</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_23.mp3" controls></audio></div>
        
        <div class="message from">
            <p>So our pictures from the photo booth at prom are still lying on my desk and I can't stop looking at them and thinking about how happy you make me. In the first picture, I look all suave and shit while holding your hand. I think this encases the beauty aspect of us. Having you by my side completes me as a person, as I would merely be holding onto the air if you werent there (and thatd be pretty lame). The next picture has me leaning over and kissing you on your cheek. I do this because I want you to feel like a cherished princess. Because, Caitlin, you are a princess. And I'm honored to call myself your prince. In the final picture, I'm holding you in my arms and I'm smiling. You are possibly the only person in the world that can make me smile the way I do when Im around you. My smile (with teeth) comes only on rare occasion when there is truly something to smile about. You give me a reason to smile every single day. Every good morning text, every time your hand brushes mine, every time you talk like a cute lil baby, every hello hug and good bye kiss, every coffee, every ice cream, every stuffed animal, every warhead, every movie, every lemonade, every road trip picture, every time I lock eyes with you and we share a mutual understanding, every song, every shopping trip, every meal, everyTHING shared with you gives me yet another reason to smile. I smile everyday knowing its a day I'll be able to call myself yours, and call you mine. I just love you so much and I want to convey that to you. In the words of someone wise, you "check all my boxes," you're my perfect match, and I never, ever want to lose you. I love you Caitlin, I truly do.</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_24.mp3" controls></audio></div>
        
        <div class="message from">
            <p>So I was reading through those messages that I managed to send to myself last night, and I received inspiration from the first post on the note: the secrets message. I rather like the structure of that one, so imma try that again, except radically different because this is 7 months later. 
<br><br>
Secret 1: Oh I forgot, there are no secrets, yet again. This is invaluable with you and I love it and please let us never change this aspect of our relationship
<br><br>
Truth 2: In the passing of time since writing this first message, I have fallen hopelessly, head over heels in love with you. Truths 8 and 9 (ref. original message) can be summed up in three concise words, consisting of 8 simple letters: I love you.
<br><br>
Truth 3: I'm scared shitless in the most wonderful of ways for college
<br><br>
Truth 4: There is no one in the world I would rather be scared with. Your determination to make us work (the visit schedule especially) truly highlights how much you care for me and how willing you are to make this work
<br><br>
Truth 5: Truth 4 inspires so much hope in me, its ridiculous. I love that you love me, its such a wonderful feeling. 
<br><br>
Truth 6: 7 months ago, as I lay in bed writing that original secrets message, I had no idea that I would be laying here, exact same position, writing out the same thing, except with so much more heart in it. Not to say that I didn't pour my heart and soul out to you beforehand; by "heart" I mean love and trust and lust and fright and happiness and hope and all those other crazy emotions that are a result of be ing your boyfriend.
<br><br>
Truth 7: You're the greatest woman to ever have walked into my life, and I can't stop telling you that
<br><br>
Truth 8: Today, one the kids at the grad party I went to (in Bridgewater) shared a successful long distance relationship story during his first year at college (CT and NC) and this inspired hope in me as well
<br><br>
Truth 9: I actually enjoy being dressed by you, believe it or not. Your taste in my clothes is better than my taste in my clothes. I'm gonna text your mom tomorrow to say thanks.
<br><br>
Truth 10: I just popped the zit on my forehead and now its bleeding. Oops.
<br><br>
Truth 11: When you call me bubbs it makes me sound like a fat person. But I couldn't give a fuck because you sound so damn adorable when you say it, I never want you to stop 
<br><br>
Truth 12: Speaking of never stopping, while I do thoroughly enjoy having the sex with you, I, too, would like to have days where we just lay down and make out a little like randy little teenagers, so if you're ever in the mood for that, just ask. I'll do the same.
<br><br>
Truth 13: I want to stow you away in my suitcase when I go to Florida, and I think you should do the same.
<br><br>
Truth 14: I sooooooo tired bubbs
<br><br>
Truth 15: I lied up in Truth 6, even though I said it was a truth... I'm not laying down, I've been typing this on my computer. Everything else was true though, I is promises. 
<br><br>
Truth 16: I can't put any emojis in on my CPU to say goodnight with, so I'm just gonna say goodnight. Goodnight my love, sweet dreams, I hope you have the best of times at Wicked tomorrow, say hi to Grammy Mahoney for me (unless its on your mom's side, then say hello to Grammy [insert mother's maiden name here] for me).
<br><br>
Truth 17: I love you.
</p>
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_25.mp3" controls></audio></div>
                
        <div class="message from">
            <p>Bubbsybouglum, I actually listened to your voicemail just now (the one from earlier) and I loved it so much. You never miss an opportunity to express your affection for me, and I want to be the same way with you. I want you to know that I love you infinitely, to no end. You're the first pick in the draft, the best pea in the pod, the most loving, caring girl(friend) that I have ever known. I swear to always make you feel this way. Even when we have our differences or disputes, at the end of the day I will make sure you know that you're the best thing that has ever happened to me. I love you with my entire heart and soul, with every fiber of my being. With every intimate moment we share, every coffee we get, every condom we use, every restaurant we visit, we get just that much closer to one another. We're two attractive entities: I'm the Milky Way and you're Andromeda, and we're getting closer to each other at a speed of 56000 miles per second. And maybe in 10 billion years, we may get too close and destroy each other, but that's 10 billion long years away. Here's to a better tomorrow, and to a future filled with laughter and prosperity. And you, my angel <img src="../Images/heart_emoji.png"></p>        
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_26.mp3" controls></audio></div>
            
        <div class="message from">
            <p>So it's 1:50 in the morning and I can't sleep. And I was thinking earlier about stuff and I got all sad and shit about college and whatnot, you know the usual shit. But then I thought about how great you are. How awesome it feels to hold you in my arms and smell your hair and touch your soft skin. And I realized that in college, the moments in which I get to do this will be few and far wide. But that's okay. Because every time I look at your bracelet, or unlock my phone, or see on my watch a snapchat from Shrooms, I remember exactly how it is to be with you once more. I can once again sense your aroma, feel your fingers interlock with mine, and image your lips parting softly as they meet my own. You, whether you intended to or not, have left a everlasting impression on me Caitlin. You've forever changed my life in a way in which I could never forget. And so it's my belief that your little grad gift has more than served it's purpose, because even though you're some 900 miles away right now, you're still lying in bed next to me quietly soothing me to sleep. For this I could never truly express my full gratitude. I love you Catlin, so much <img src="../Images/heart_emoji.png"></p>        
        </div>
            
        <div class="message to"><audio src="../Voice/Read_Messages/message_27.mp3" controls></audio></div>
            
        </div>
        </div>
        </body>
</html>

voicemail.htm

The one good thing Verizon has done for me is save all my voicemails.

<html>
<head>
    <title>uMessage</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        
        .wrap-title {
            margin: auto;
            width: 800px;
            background-color: paleturquoise;
            height: 90px;
            margin-bottom: 0px;
            margin-top: 15px;
            border: 1px solid black;
            line-height: 100%;
        }
        
        .wrap-title h2 {
            text-align: center;
            color: black;
            font-size: 40px;
        }
        
        .voicemail-wrapper {
            height: auto;
            width: 800px;
            background: white;
            margin: auto;
            margin-top: 0px;
        }
        
        .voicemail-entity {
            height: 100px;
            width: 100%;
            border: 1px solid black;
            background-color: azure;
        }
        
        .voicemail-entity h3 {
            font-size: 24px; 
            padding-left: 10px;
        }
        
        .number {
            display: inline;
            float: right;
            margin-right: 5px;
            color: darkgray;
            margin-top: -62px;
        }
        
        .voicemail-entity .audio {
            position: absolute;
            margin-left: 250px;
            margin-top: -40px;
        }
    </style>
</head>
    <body>
        <div class="introHead">
            <h1>uMessage</h1>
        </div>
        
        <div class="introParagraph">
            <p>Remember when you said that you can never see all of the times you've been cute to me? Well that's now a lie because here I've saved some of them. Hehe I'm right :D And I actually captured them in the best medium possible: you're spectacular voice. Although they don't all captur<!--12. When-->e the epitomy of your cuteness (you're mostly just getting out of work), every word you speak is a soundwave of pure gold and I treasure it all. I also lost all form of timestamps or chronological order while encoding the audio files, so they're gonna be from all different times, just a heads up.</p>
        </div>
        
        <div class="wrap-title"><h2>Voicemails</h2></div>
        <div class="voicemail-wrapper">
            
            <div class="voicemail-entity">
                <h3>Mu<!--28. Take-->shroom</h3><span class="number">1</span>
                <div class="audio"><audio src="../Voice/Voicemails/v1.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">2</span>
                <div class="audio"><audio src="../Voice/Voicemails/v2.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">3</span>
                <div class="audio"><audio src="../Voice/Voicemails/v3.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">4</span>
                <div class="audio"><audio src="../Voice/Voicemails/v4.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">5</span>
                <div class="audio"><audio src="../Voice/Voicemails/v5.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">6</span>
                <div class="audio"><audio src="../Voice/Voicemails/v6.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">7</span>
                <div class="audio"><audio src="../Voice/Voicemails/v7.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">8</span>
                <div class="audio"><audio src="../Voice/Voicemails/v8.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">9</span>
                <div class="audio"><audio src="../Voice/Voicemails/v9.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">10</span>
                <div class="audio"><audio src="../Voice/Voicemails/v10.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">1<!--13. Skies-->1</span>
                <div class="audio"><audio src="../Voice/Voicemails/v11.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">12</span>
                <div class="audio"><audio src="../Voice/Voicemails/v12.mp3" controls></audio></div>
            </div>
            
            <div class="voicemail-entity">
                <h3>Mushroom</h3><span class="number">13</span>
                <div class="audio"><audio src="../Voice/Voicemails/v13.mp3" controls></audio></div>
            </div>
            
        </div>
</html>

audiobook.htm

Painstakingly recording around 3 hours of audio.

<html>
<head>
    <title>Audiobooks</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        .introHead {
            width: 500px;   
        }
        
        .wrap-title {
            margin: auto;
            width: 800px;
            background-color: paleturquoise;
            height: 90px;
            margin-bottom: 0px;
            margin-top: 15px;
            border: 1px solid black;
            line-height: 100%;
        }
        
        .wrap-title h2 {
            text-align: center;
            color: black;
            font-size: 40px;
        }
        
        .audiobook-table {
            width: 1200;
            margin: auto;
            margin-top: 50px;
            font-size: 20pt;
        }
        
        .audiobook-table img {
            height: 200px;
            width: 150px;
        }
        
        .audiobook-table td {
            text-align: center;
            padding: 5px;
        }
        
        .title {
            font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
            text-decoration: underline;
        }
        
        .author {
            font-size: 16pt;
            font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        }
        
        .narrator {
            font-size: 13pt;
            font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        }
        
        .audio {
            width: 400px;   
        }
        
        audio {
            width: 400px;   
        }
    </style>
</head>
    <body>
        <div class="introHead">
            <h1>Audiobooks</h1>
        </div>
        
        <div class="introParagraph">
            <p>This was slightly inspired by that tim<!--15. Gray-->e you called me when you were in Long Island and read me your favorite childhood book. You were so far away, but your voice reading to me made you seem so close. And so maybe I can recreate that feeling for you by reading you some books. Hope you enjoy :D</p>
        </div>
        
        <div class="wrap-title"><h2>Here's Your Selection...</h2></div>
        
        <table class="audiobook-table">
            <tr>
                <td><img src="../Images/Book_Previews/dingoes_at_dinnertime.jpg"></td>
                <td><span class="title">Magic Tree House: Dingoes at<!--16. You'll--> Dinnertime</span><br><br><span class="author">By Mary Pope Osborne</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/dingoes_at_dinnertime_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/green_eggs_and_ham.jpg"></td>
                <td><span class="title">Green Eggs and Ham</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/green_eggs_and_ham_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/cat_in_the_hat.gif"></td>
                <td><span class="title">The Cat in the Hat</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/cat_in_the_hat_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/the_lorax.jpg"></td>
                <td><span class="title">The Lorax</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/the_lorax_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/the_giving_tree.jpg"></td>
                <td><span class="title">The Giving Tree</span><br><br><span class="author">By Shel Silverstein</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/the_giving_tree_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/the_kissing_hand.jpg"></td>
                <td><span class="title">The Kissing Hand</span><br><br><span class="author">By Audrey (U)Penn</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/the_kissing_hand_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/happy_birthday_to_you.jpg"></td>
                <td><span class="title">Happy Birthday to You!</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/happy_birthday_to_you_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/oh_the_places_youll_go.jpg"></td>
                <td><span class="title">Oh, the Places You'll Go</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/places_youll_go_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/sleep_book.jpg"></td>
                <td><span class="title">Sleep Book</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/sleep_book_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/the_sneetches.jpg"></td>
                <td><span class="title">The Sneetc<!--31. Away-->hes</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/the_sneetches_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/butter_battle_book.jpg"></td>
                <td><span class="title">The Butter Battle Book</span><br><br><span class="author">By Dr. <!--17. Never-->Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/butter_battle_book_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/the_zax.jpg"></td>
                <td><span class="title">The Zax</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/the_zax_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/too_many_daves.jpg"></td>
                <td><span class="title">Too Many Daves</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/too_many_daves_audio.mp3" controls></audio></td>
            </tr>
            
            <tr>
                <td><img src="../Images/Book_Previews/what_was_scared_of.jpg"></td>
                <td><span class="title">What Was I Scared Of?</span><br><br><span class="author">By Dr. Suess</span><br><span class="narrator">Narrated by MEEEEE</span></td>
                <td class="audio"><audio src="../Voice/Audiobooks/what_was_i_scared_of_audio.mp3" controls></audio></td>
            </tr>
            
        </table>
</html>

awww.htm

This one was more of an afterthought for when I forget to send you cute stuff everyday.

<html>
<head>
    <title>AWWW</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        .introHead {
            width: 700px;
        }
        
        .introParagraph img {
            display: inline;
            width: 20px;
        }
        
        .frameTitle {
            text-align: center;
            height: auto;
            width: 500px;
            background-color: cadetblue;
            color: white;
            margin: auto;
            padding: 40px;
            line-height: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        
        .frameTitle h2 {
            font-size: 25pt;
            margin: auto;
            position: relative;
            color: white;
        }
        
        .awwFrameGroup2 .frameTitle:hover h2 {
            color: yellow;   
        }
        
        .blurb {
            text-align: center;
        }
        
        .awwFrameGroup iframe {
            width: 90%;
            margin: 5%; 
            height: 75%;
            background-color: white;
            margin-top: 10px;
            margin-bottom: 30px;
            overflow: scroll;
        }
 
    </style>
</head>
    <body>
        
        <div class="introHead">
            <h1>Cute Stuff for my <!--18. Know-->Cute Stuff</h1>
        </div>
        
        <div class="introParagraph">
            <p>Here you can find a compilation of cute things and resources to find cute things in case I'm not being the nicest of people and you need something to cheer you up. Or if I fall asleep or something and forget to send you your cute lil aminal or something. Or you just miss me and want to see me again. Any occasion really, just en<!--19. Just-->joy it <img src="../Images/kiss_emoji.png"></p>
        </div>
        
        <div class="awwFrameGroup2">
            <a href="http://www.reddit.com/r/aww" style="text-decoration: none;"><div class="frameTitle"><h2>www.Reddit.com/r/AWWW</h2></div></a>
            <p class="blurb">Although they're mostly cats on here, there are also some other cute things you may enjoy.</p>
        </div>
        
        <div class="awwFrameGroup2">
            <a href="https://www.google.com/search?site=imghp&tbm=isch&source=hp&biw=1440&bih=778&q=baby+animals&oq=baby+animals&gs_l=img.3..0l10.1060.3441.0.3538.12.10.0.2.2.0.124.830.4j5.9.0....0...1ac.1.64.img..1.11.832.aNURd1Dqxt8" style="text-decoration: none;"><div class="frameTitle"><h2>Baby Aminals</h2></div></a>
            <p class="blurb">Just in case I forget, steal one from here.</p>
        </div>
        
        <div class="awwFrameGroup">
            <div class="frameTitle"><h2>Our Slideshow Take 1</h2></div>
            <p class="blurb">This is the works of none other than you, if I remember correctly.</p>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/Bbu7dfMj4NM" frameborder="0" allowfullscreen></iframe>
        </div>
        
        <div class="awwFrameGroup">
            <div class="frameTitle"><h2>Our S<!--20. How-->lideshow Take 2</h2></div>
            <p class="blurb">This one I take credit for.</p>
            <iframe width="560" height="315" src="https://www.youtube.com/embed/R8nBblx5Xgg" frameborder="0" allowfullscreen></iframe>
        </div>
            
        </body>
</html>

letter.htm

And finally, here's your letter.

<html>
<head>
    <title>Afterwords</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        .letterNote {
            border-radius: 20px;
            width: 85%;
            height: auto;
            margin: auto;
            background-color: beige;
            padding: 5px;
            margin-top: 15px;
        }
        
        .p1 {
            font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
            font-size: 21px;
            padding: 5px;
            padding-left: 15px;
            padding-right: 15px;
            text-align: justify;
            line-height: 35px;
        }
        
        .firstLetter {
            font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
            font-size: 50px;   
        }
    </style>
</head>
    <body>
        <div class="introHead">
            <h1>Afterwords</h1>
        </div>
        
        <div class="letterNote">
            <p class="p1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="firstLetter">I&#39;</span>m going to start this little letter by saying that this entire letter is a work in progress. It begins here, on Wednesday, July the 15th at approximately 02:46, and extends all the way up until the final publication, whenever that may be.&nbsp;</p>
<p class="p1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I like to think I started this wild adventure with you such a long time ago, but in reality, that is not so. It has only been a mere 10 or so months since I said my first (memorable) words to you: &ldquo;So I was told you needed help with 105.&rdquo; Only 10 months. Since then, we&rsquo;ve seen ups and downs, lefts and rights, and everywhere in between.</p>
<p class="p1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;How is it so easy to let someone in? That&rsquo;s simple: sometimes two people meet and just click, like a seatbelt and a buckle. When these two people click, a little passageway opens up between them. Through this passageway passes information. Dark secrets, insecurities, hopes, dreams, aspirations, deep seeded fears, and more all are passed within this passageway. When this passageway first opened between the two of us I can&rsquo;t tell you, it&rsquo;s all lost in a jubilant whirlwind somewhere in the inner machinations of my mind. I think the first time in which the strength of this passageway was tested was after what I think to be the boy&rsquo;s semi-final soccer game (or something of the sort) at Kean. That day, I had taken you out for Thai food where we partook in small talk and the like, and then we went off to the game. After, I took you to my special spot: Ponderosa(&rsquo;s parking lot). I then asked a lot of you; I asked you to tell me your biggest insecurity. And you told me, with very little hesitation. If you&rsquo;re wondering how it&rsquo;s so easy to let you in, Caitlin, it&rsquo;s because I feel so welcomed around you. You let me in, and consequently, I let you in. On that night, you opened the book that is my life, and you needn&rsquo;t ever close it.</p>
<p class="p1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;I think it so amazing that I&rsquo;ve met someone as breathtaking as you. I take it for granted sometimes, how well you get me. Not everyone has someone who understands them like you understand me. Every time we simultaneously say the same exact thing out loud I think I fall a little more in love with you. Our minds are on the same wavelength, and in order for two people to work well together, they must always be on the same page, like us. Like you just said today, &ldquo;Perfect couples can do anything.&rdquo; And it&rsquo;s my belief that we are the perfect couple.</p>
<p class="p1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sure people can go on and say &ldquo;Oh my girlfriend is so great, she does this and that and gets me and me feel special and whatnot&hellip;&rdquo; You, on the other hand, <i>do</i>&nbsp;make me feel special. For one, whenever we are in a group setting and I have something to say, I can always count on it getting attention from you. You never let me feel left out and always value and accept what I have to say. Why, though, does this make us the perfect couple? Because what I say sometimes is completely fucking nuts sometimes. I am sexual, weird, and I swear like a goddamn sailor. But you still accept me. What&rsquo;s more, you are weird along with me. Nothing makes me smile more than your face that looks like a gorilla. Nothing makes me laugh harder than when you talk about sex with Anita and she gets all uncomfortable and stuff. I think something I value most in you is that you are comfortable in your skin, and being able to do all this weird, quirky shit truly exemplifies that.</p>
<p class="p1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Now being that this is an ongoing project, today I received your necklace in the mail. I want to dedicate a little blurb to that. I loved the idea that you had with the coordinates of where you are. The dichotomy of the distance and the familiarity makes for the most special gift I could&rsquo;ve ever asked for. This is also why I chose to do the same for your gift, to bring you the same dose of happiness that you brought to me. You also said something along the lines of &ldquo;when I think of your necklace, all I&rsquo;m going to think about is our fight.&rdquo; Well I don&rsquo;t want this to be the case. When I look at the coordinates on your bracelet, all I can think is, &ldquo;that&rsquo;s where the love of my life will be. That&rsquo;s where she&rsquo;s smiling and laughing and living her jubilant life, and the image of this alone makes me smile and remember all the laughs we&rsquo;ve shared together over the past 9 or 10 or however many months. And when I see the phrase on the other side, &ldquo;I is love you mostest,&rdquo; your voice echoes jovially through my head. When you look at my necklace, I hope you do have a similar reaction. But I do not want to nullify your original thought, only modify it a tad. I don&rsquo;t want you to <em>only</em> think about our fight when looking at that gift. I do, however, want the subject to cross your mind. We fight. We&rsquo;re not perfect. We have our fair share of disagreements and arguments. But this is all part of being of a couple, a <em>real</em> couple. I love you through thick and through thin and everywhere in between, and just because we fight, it doesn&rsquo;t mean that I don&rsquo;t love you. We wouldn&rsquo;t advance in our relationship without disagreeing with one another, addressing what needs to be addressed, and changing what needs to be changed.</p>
<p class="p1">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;So on another note, by the time you read this, you&rsquo;re either going to be at Pitt or somewhere close to being at Pitt, which means that you&rsquo;re probably not sitting next to me. But I want you never to forget something love: I&rsquo;m never more than a phone call or text message or Skype session away. Technology is a great thing (as exemplified by this magnificent work of art website) and I want us to utilize it to the fullest capacity. So if you&rsquo;re ever having a shitty day, just gimme a call. If you&rsquo;re ever having a really great day, gimme a call. If you feel overwhelmed by anything, whether it be a project, roommate trouble, homesickness, or you just miss me, just gimme a call. I&rsquo;m always here for you, Caitlin. I&rsquo;m your rock, here to keep you grounded and sane. And to love you, that&rsquo;s my job. So if, after reading this, I&rsquo;ve made you really happy, or I&rsquo;ve made you sad (which I hopefully haven&rsquo;t, the purpose of this whole project is quite the opposite), or you don&rsquo;t believe a word that I&rsquo;ve said, just gimme a call and let me know. It warms my heart to hear your voice, and I need all the warmth I can get in Boston. You remember where Boston is right? It&rsquo;s at 42.3389&deg; N, 71.0903&deg; W, and if you&rsquo;ve forgotten, just look at your neck. That&rsquo;s where I am: around your neck. Right there with you. Forever and always, to the moon and back and to the moon again, to infinity and beyond. I love you.</p>
 
        </div>
        </body>
</html>

screen.css

The CSS usually contains all the styling info for the entire website, but I found it easier to put most of the styling in the page itself (called internal styling), but all the congruency within the website happens here in this Cascading Style Sheet file.

* {
    font-family: "Trebuchet MS", sans-serif;
}
 
body {
    background-image: url(../Images/blue_gradient.png);
    background-size: cover;
}
 
.nav { 
text-align: center;
    position: relative;
    width: 1300px;
    margin: auto;
    margin-bottom: 20px;
    height: 85px;
}
 
.nav ul {
background: #efefef; 
background: -webkit-linear-gradient(top, lightgreen 0%, springgreen 100%); 
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
border-radius: 10px;  
list-style: none;
position: relative;
display: inline-table;
    margin: auto;
    height: 100%;
}
 
.nav ul li {
    float: left;
    width: 130px;
    word-wrap: normal;
    height: 100%;
    line-height: 100%;
    padding-top: 15px;
}
 
.nav ul li:hover {
    background-color: lightpink;
}
 
.nav ul li:hover a {
    color: #fff;
}
 
.nav ul li a:active {
    background-color: lightsalmon;
    color: white;
}
 
.nav ul li a {
    display: block; 
    padding: 10px 25px;
    color: green; 
    text-decoration: none;
}
 
.introHead {
    text-align: center;
    background-color: mediumspringgreen;
    width: 300px;
    height: auto;
    margin: auto;
    margin-top: 10px;
    border-radius: 7px;
    border: 1px solid black;
    line-height: 100%;
    padding: 10px;
}
 
.introHead h1 {
    font-size: 45px;
}
 
.introParagraph {
    background-color: lightgreen;
    height: auto;
    width: 75%;
    margin: auto;
    padding: 5px 10px 5px 10px;
    margin-top: 15px;
    border-radius: 10px;
    text-align: justify;
    color: green;
    font-size: 19px;
}

source_code.htm

Kind of creating a paradox here, but this is the code for this page, within the page. (Notice how I had to replace the symbpls (parentheses, commas, quotations, etc. with their HTML equivalent coding symbols, it got really complicated right about here.

<html>
<head>
    <title>Source Code</title>
    <link rel="stylesheet" type="text/css" href="../CSS/screen.css">
    <style>
        .introHead {
            width: 500px;
            line-height: 100%;
        }
        
        .sourceTitle {
            text-align: center;
            height: auto;
            width: 500px;
            background-color: cadetblue;
            color: white;
            margin: auto;
            padding: 40px;
            line-height: 100%;
            margin-top: 20px;
            margin-bottom: 10px;
        }
 
        .sourceTitle h2 {
            font-size: 25pt;
            margin: auto;
            position: relative;
        }
 
        .blurb {
            text-align: center;
            margin: 0px, 50px, 5px, 50px;
        }
        
        .sourceFrame {
            margin-left: 2.5%;
            margin-right:2.5%;
            width: 95%;
            height: 700px;
            margin-top: 10px;
            margin-bottom: 30px;
            overflow-y: scroll;
            word-wrap: break-word;
            background-color: white;
        }
        
        .secretMessage {
            width: 1200px;
            margin: auto;
            margin-top: 40px;
            margin-bottom: 20px;
        }
        
        .secretMessage h3 {
            text-align: center;
            font-size: 30px;
        }
        
        .secretMessage img {
            width: 100%;
        }
    </style>
</head>
    <body>
        <div class="introHead">
            <h1>The Source</h1>
        </div>
        
        <div class="introParagraph">
            <p>So since you must be ever so <!--bi-->curious about how all this is done, here I'll show you all of the code that went into this here masterpiece. All 1,358 lines of it (give or take a few). In order to make it a bit more exciting, I've added a SECRET MESSAGE in comments in the source code, as well as some humorous little outtakes, simply because I had to. If you ever find yourself having a moment and you want to figure out said SECRET MESSAGE, I will explain how.</p><p>Comments in HTML are displayed in this format: &lt;!--Insert comment here--> So anything set within these brackets will not show up when the webpage is displayed, it will only appear in the source code. </p>
        </div>
        
        <div class="secretMessage">
            <h3>The Secret Message...</h3>
            <img src="../Images/secret_message.png">
        </div>
        
        <div class="sourceTitle">
            <h2>index.htm</h2>
        </div>
        <p class="blurb">The heart of the webpage, the home index file.</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;CMR2&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .map {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .mapDiv {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 1000px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 500px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .sideText1 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform: rotate(270deg);</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform-origin: left top 0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: left;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 35pt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 325px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: 50px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .sideText2 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform: rotate(90deg);</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform-origin: right top 0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: right;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 35pt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: -60px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-right: 40px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;nav&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/index.htm&quot;&gt;CRM&lt;sup&gt;2&lt;/sup&gt;&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/remember_when.htm&quot;&gt;Remember When?&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/quiz.htm&quot;&gt;One More Test&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/messages.htm&quot;&gt;iMessage&lt;sup&gt;&amp;nbsp;&lt;/sup&gt;&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/voicemail.htm&quot;&gt;uMessage&lt;sup&gt;&amp;nbsp;&lt;/sup&gt;&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/audiobook.htm&quot;&gt;Once Upon a Time...&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/letter.htm&quot;&gt;Afterwords&lt;sup&gt;&amp;nbsp;&lt;/sup&gt;&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/awww.htm&quot;&gt;AWWWWW&lt;sup&gt;&amp;nbsp;&lt;/sup&gt;&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;../HTML/source_code.htm&quot;&gt;Source Code&lt;/a&gt;&lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;CRM&lt;sup&gt;2&lt;/sup&gt;&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introParagraph&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Hello my love. So I was in the sh&lt;!--1, 8, 25. You--&gt;ower yesterday (yesterday being June the 10th) and I had this amazing idea to compile a bunch of stuff together for you to remember me when you miss me. So, here, hoping that by now I&#39;ve found a way to mount this on the web, you can find a bunch of stuff involving both me and you, the most beautiful lil bastards out there. Enjoy my little mushroom, and don&#39;t miss me too much.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;sideText1&quot;&gt;After all...&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;mapDiv&quot;&gt;&lt;iframe class=&quot;map&quot; src=&quot;https://www.google.com/maps/embed?pb=!1m28!1m12!1m3!1d3066673.6986412886!2d-77.90130579813766!3d41.356732539055145!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m13!3e6!4m5!1s0x8834f22bd95af11f%3A0x52e119b60d23ad0f!2sUniversity+of+Pittsburgh%2C+Fifth+Avenue%2C+Pittsburgh%2C+PA!3m2!1d40.444353!2d-79.960835!4m5!1s0x89e37a1999cf5ce1%3A0xc97b00e66522b98c!2sNortheastern+University%2C+360+Huntington+Ave%2C+Boston%2C+MA+02115!3m2!1d42.339807!2d-71.08917199999999!5e0!3m2!1sen!2sus!4v1434047353236&quot; frameborder=&quot;0&quot; style=&quot;border:0&quot;&gt;&lt;/iframe&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;sideText2&quot;&gt;You&#39;re not even &lt;br&gt;that far &lt;!--21. Much--&gt;away :D&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/body&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
        
        <div class="sourceTitle">
            <h2>remember_when.htm</h2>
        </div>
        <p class="blurb">This timeline nonsense was the bane of my existence.</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;Remember When&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js&quot;&gt;&lt;/script&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .introHead {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:400px; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li img {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: none;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; max-width: 300px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transition: height 5s;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li:hover img {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: block;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: url(../Images/timeline.png) top center repeat-y;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:1000px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding:50px 0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0 auto 50px auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow:hidden;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; list-style:none;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 50px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline:before, /* The dot */</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline:after { /* The arrow */</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; content:&quot; &quot;;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:block;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:#f43059;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:absolute;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top:0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left:50%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left:-5px;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -webkit-border-radius:20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -moz-border-radius:20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius:20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline:after {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left:-7px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:none;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border:7px solid transparent;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-top-color:#f43059;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top:auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bottom:-7px;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -webkit-border-radius:0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; -moz-border-radius:0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius:0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li:before,</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li:after{</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; content:&quot; &quot;;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:160px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:1px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:#f43059;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:absolute;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left:100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top:50%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:-moz-linear-gradient(0,#d8d566,#f43059);</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:-webkit-gradient(linear,left top,right top,from(#d8d566),to(#f43059));</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li:nth-of-type(even){</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float:right;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align:left;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li:nth-of-type(even):after{ /* Move branches */</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:-moz-linear-gradient(0,#f43059,#d8d566);</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:-webkit-gradient(linear,left top,right top,from(#f43059),to(#d8d566));</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left:auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; right:100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li:nth-of-type(odd),</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li:nth-of-type(even){</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:-10px 0 0 0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .timeline li{</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clear:both;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float:left;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:318px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding:10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:#fef8c4;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border:1px solid #d8d566;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align:right;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0 0 10px 0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius:2px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow:0 1px #fff inset;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Remember When?&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introParagraph&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;You probably think you remember our relationsh&lt;!--9. Make--&gt;ip better than I do. BUT you would sadly mistaken. Probably. Below, if I can actually get it to work, is a timeline of all the wonderful things I&#39;ve done with you, the most beautiful girl in the world.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;ol class=&quot;timeline&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;March 27, 1997&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Caitlin Mahoney is Born&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/baby_caitlin.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;August 12, 1997&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;And 4 months later, I was also born&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/rigel_baby_pic.jpg&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;August [sometime], 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;You and Anita show up outside my house and I&#39;m not there. Then the power goes out at Six Flags.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;September 21, 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&quot;So I was told you need help with 105&quot;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;October 8, 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&quot;So I Supposeeeee I could give you my number so that you can&lt;!--10. Me--&gt; help me since I&#39;m dumb and need help (but not as dumb as ^^ [Orian]&quot;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;October [some odd day], 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;I formally met your parents for the first time and we went Mini Golfing and to Qdoba and many fun as had&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;October [some other odd date], 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Throw some Kean soccer games and an RP football game (in which we both froze our asses off) in here, my memory isnt keen anough to remember exact dates on these things (except the RP game, which was Nov. 7&lt;sup&gt;th&lt;/sup&gt; ; yours is, that&#39;s why I consulted you for a few of these things.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/roselle_park_football_game.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;November 9, 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Hmmmmm I wonder what happened today...&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/nov_9.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;November 29, 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;&quot;There&#39;s something I wanna say, but I don&#39;t know if I should say it&quot;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/i_love_you.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;December 12, 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;I surprise you at semi :D&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/semiformal.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;December 29, 2014&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;We voyaged into the city (and met Hector LOL) and enjoyed each other&#39;s company for a little post-Christmas celebration at the MET (I think) and the Rockefeller Center tree.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/christmas_city_adventure_dec29.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;January 1, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;We got drunk together for the first time, this was fun.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/new_years.jpg&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;January 10, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;We go roadtrippin to Shake Shack in Paramus and have yet another quality road trip (I&#39;m pretty sure this is the right date, I could be quite wrong, but at the same time I can&#39;t be wrong because I&#39;m always right.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/shake_shack.jpg&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;January 30, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;We tear shit up as two Glamourous motherfuckers at Project Hope&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/project_hope_jan30.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;February 14, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Hey look! You&#39;re go&lt;!--27. Don&#39;t--&gt;ing to prom :D&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/cold_stone_prom.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;February 27, 2015&lt;/time&gt; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Oh hey, I guess I am too (my promposal was tastier though)&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/puzzle_prom.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;May 15, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Fast forward a lil bit to when we actually go to prom. First one was more fun, I&#39;ll admit&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/magnet_prom.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;May 25, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;We have the amazing idea to actually go out and buy a pool. This will go down as the best MDW of my short little life.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/mdw_pool.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;May 29, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;And then onto the Prom take 2. Not better than the former, but still a great time with you&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/ait_prom.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;May 30, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;The most fun weekend of my enitre life, and I wouldn&#39;t have cho&lt;!--11. Happy--&gt;sen anyone else to spend it with&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/prom_weekend.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;time&gt;June 17, 2015&lt;/time&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;And the perfect ending to the perfect senior year&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;../Images/Insta_Pics/graduation.png&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ol&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/body&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
        
        <div class="sourceTitle">
            <h2>quiz.htm</h2>
        </div>
        <p class="blurb">Here's where I truly discovered the power of embedding iFrames.</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;Testicles&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .introHead {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 500px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .quizTitle {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 500px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: cadetblue;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 40px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .quizTitle h2 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 25pt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .blurb {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .blurb:hover {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: yellow;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-decoration: underline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-decoration-color: yellow;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .quizFrame {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: 2.5%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-right:2.5%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 95%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 500px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 30px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .quizFrame iframe {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .signiature {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-top: 1px solid white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 13px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: right;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 250px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: right;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Testing Your Memory&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introParagraph&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Remember the end of Kaciupski&#39;s class where all we did was play Jetpunk and mess aroun&lt;!-- 4, 7, 30. Bubbshine--&gt;d and never actually do work? Now you can do the same here, except the quizzes are much harder. I also included some that I thought you may enjoy since I can only make so many quizzes about myself. (Hint: If you log in, there&#39;s a &quot;Stop Timer&quot; button that would probably prove itself quite helpful.&lt;br&gt;PS. These are all actually online and available to the public, so I tried to not put anything too incriminating in here.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizTitle&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;How Well Do You Know Me? *&lt;/h2&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.jetpunk.com/user-quizzes/152439/these-are-a-few-of-my-favorite-things&quot; target=&quot;_blank&quot;&gt;&lt;p class=&quot;blurb&quot;&gt;Click here to be redirected to the quiz on Jetpunk&lt;/p&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizFrame&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe src=&quot;http://www.jetpunk.com/user-quizzes/152439/these-are-a-few-of-my-favorite-things&quot;&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizTitle&quot; style=&quot;width:700px&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;How Well Do You Know My Music Taste? *&lt;/h2&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.jetpunk.com/user-quizzes/152439/how-well-do-you-know-my-music-taste&quot; target=&quot;_blank&quot;&gt;&lt;p class=&quot;blurb&quot;&gt;Click here to be redirected to the quiz on Jetpunk&lt;/p&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizFrame&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe src=&quot;http://www.jetpunk.com/user-quizzes/152439/how-well-do-you-know-my-music-taste&quot;&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizTitle&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Finish the Eminem Lyric *&lt;/h2&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.jetpunk.com/user-quizzes/152439/finish-the-eminem-lyric&quot; target=&quot;_blank&quot;&gt;&lt;p class=&quot;blurb&quot;&gt;Click here to be redi&lt;!--26. Peas--&gt;rected to the quiz on Jetpunk&lt;/p&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizFrame&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe src=&quot;http://www.jetpunk.com/user-quizzes/152439/finish-the-eminem-lyric&quot;&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizTitle&quot; style=&quot;width:700px&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;How Well Do You Know My&lt;!-- 6. Only--&gt; Favorite Cars? *&lt;/h2&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.jetpunk.com/user-quizzes/152439/do-you-know-the-best-car-in-each-category&quot; target=&quot;_blank&quot;&gt;&lt;p class=&quot;blurb&quot;&gt;Click here to be redirected to the quiz on Jetpunk&lt;/p&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizFrame&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe src=&quot;http://www.jetpunk.com/user-quizzes/152439/do-you-know-the-best-car-in-each-category&quot;&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizTitle&quot; style=&quot;width:700px&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Hotel California Lyrics&lt;/h2&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.jetpunk.com/user-quizzes/24769/hotel-california-lyrics&quot; target=&quot;_blank&quot;&gt;&lt;p class=&quot;blurb&quot;&gt;Click here to be redirected to the quiz on Jetpunk&lt;/p&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizFrame&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe src=&quot;http://www.jetpunk.com/user-quizzes/24769/hotel-california-lyrics&quot;&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizTitle&quot; style=&quot;width:700px&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Super Short Movie Titles&lt;/h2&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.jetpunk.com/quizzes/super-short-movie-titles-quiz.php&quot; target=&quot;_blank&quot;&gt;&lt;p class=&quot;blurb&quot;&gt;Click here to be redirected to the quiz on Jetpunk&lt;/p&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;quizFrame&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe src=&quot;http://www.jetpunk.com/quizzes/super-short-movie-titles-quiz.php&quot;&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;signiature&quot;&gt;&lt;sup&gt;*&lt;/sup&gt;Created by yours truly&lt;/div&gt; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/body&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
    
        <div class="sourceTitle">
            <h2>messages.htm</h2>
        </div>
        <p class="blurb">It was a cool touch making the iPhone interface, no?</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;iMessage&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; @import &quot;http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&quot;;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .header {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #2095FE;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #eee;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid #ccc;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-bottom: 1px solid #bbb;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-shadow: 0 1px 2px rgba(1,1,1,0.2);</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 60px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; white-space: nowrap;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 1000px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 50px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 0px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .left {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: left;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .right {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: right;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: -50px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-right: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .header h2 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-weight: bold;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #111111;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .header img {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; box-sizing: border-box;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 1000px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:90%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow-y: scroll;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow-x: hidden;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .messages-wrapper {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-top: 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid #ddd;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-top: 0 none;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone body {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: none repeat scroll 0 0 #fff;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #FFFFFF;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: &quot;Open Sans&quot;;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 26px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 400px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0 auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow-X: hidden;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0 15px 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 15px 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message.to {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #4CDA38;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #fff;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: 80px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message.from {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #E5E4E9;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #363636;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-right: 80px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message.from img {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 0px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message.to + #iphone .message.to,</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message.from + #iphone .message.from {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: -7px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message:before {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-color: #4CDA38;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 50% 50% 50% 50%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-style: solid;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-width: 0 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bottom: 0;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clip: rect(20px, 35px, 42px, 0px);</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; content: &quot; &quot;;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 40px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; right: -50px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 30px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; #iphone .message.from:before {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-color: #E5E4E9;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left: -50px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; transform: rotateY(180deg);</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; audio {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 100%; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;iMessage&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introParagraph&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Your organization made it very easy for me to keep track of how many times I&#39;ve told you how amazing and wonderful you truly are.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;header&quot;&gt;&lt;div class=&quot;left&quot;&gt;&amp;lt; Messages&lt;/div&gt;&lt;div class=&quot;center&quot;&gt;&lt;h2&gt;Bubbs &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/h2&gt;&lt;/div&gt;&lt;div class=&quot;right&quot;&gt;Contact&lt;/div&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;iphone&quot;&gt; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;messages-wrapper&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;br&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Secret 1: I like avatar the last Airbender&lt;br&gt;&lt;br&gt;</div>
<div>
Secret 2: I have no shame in that&lt;br&gt;&lt;br&gt;</div>
<div>
Secret 3: I think you&#39;re really cool to trust me with those stories and for exposing your life to me like that&lt;br&gt;&lt;br&gt;</div>
<div>
Secret 4: I think you&#39;re cool in general&lt;br&gt;&lt;br&gt;</div>
<div>
Secret 5: I&#39;m more excited for this Saturday more than all the Saturdays in the last two months combined&lt;br&gt;&lt;br&gt;</div>
<div>
Secret 6: I play an endless game of &quot;Ask me lite&lt;!--2, 14. Are--&gt;rally anything and I will answer completely honestly&quot;; my life is the most open book ever&lt;br&gt;&lt;br&gt;</div>
<div>
Secret 7: there are no secrets&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 8: I like you&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 9: I really like you&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 10: when I say you&#39;re a good friend, &nbsp;you&#39;re everything I aspire to be to other people. I want to learn to make people laugh on cue and cheer them up when they&#39;re sad. I&#39;m still working on that.&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 11: I&#39;m sleep deprived because of late night conversations with you, but I&#39;m not inclined to care because it&#39;s worth it&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 12: I like your hair&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 13: your views on PDA constantly confuse me. I want nothing more than to kiss you goodbye at the end of the day&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 14: I find the fact that you can balance five different friend groups absolutely remarkable, a&lt;!--22. I--&gt;nd I&#39;m glad you can fit me in there too&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 14: I&#39;m very tired&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 16:I&#39;m so tired I misnumbered that last one&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 17: there&#39;s nothing that gets me through the day more than a snapchat from you&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 18: alright I&#39;m out of truths for the time being. I&#39;m gonna go to sleep too. Goodnight beautiful &lt;img src=&quot;../Images/kiss_emoji.png&quot;&gt;&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 19: when I say beautiful, &nbsp;I am addressing the fact that you are indeed beautiful both inside and outside. Reminder that I cannot lie as this is a truth in itself. Okay goodnight &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;br&gt;&lt;br&gt;</div>
<div>
&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_1.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Well you laugh at my jokes, and when you do that &nbsp;you have a really contagious laugh, and when you laugh you smile, and you have a beautiful smile. And you smile with your eyes which are the perfect shade of greenish blue, and then you&#39;ll say something back to me. And when you speak it&#39;s always intelligently, &nbsp;and your words have a purpose. And generally this purpose is to make others feel better. Not just me but everyone. Your words and your presence make everyone&#39;s day just that much better. Especially when it&#39;s not a particularly good one. For example when a hypothetical person was up until 130 am doing college apps, nothing makes this hypothetical person happier than you tapping them on the shoulder and giving them a chocolate bar. Probably the happiest that persons been that entire day. Hypothetically speaking. So yeah, you&#39;re pretty much perfect, so far as I can see.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_2.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Well... first thing I noticed about you were your eyes. Especially in comparison to your hair, the two just contrast each other very nicely. You also have flawless skin, and are extremely fit. And you consistently smell very nice. So there&#39;s physical beauty. Then past that, you have a wonderful sense of humor, and like I&#39;ve said before, you laugh at my jokes and make me things and write me letters and all around make me feel appreciated. So then there&#39;s &#39;emotional&#39; beauty, if you will. Then there&#39;s the fact that you&#39;re a great friend to people, and I find that to be a very attractive quality in you. You&#39;re also driven, motivated, studious, personable, and you know how to have a good time. You&#39;re pretty much awesome, and that&#39;s what drew me to you.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_3.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;I guess I&#39;ll say goodnight then. So goodnight to one of the most intriguing people I know of. Seriously, the effect you have over my emotions is astounding. Earlier when you said you had something you wanted to talk about, I couldn&#39;t focus on the amazing game which I was playing, or anything other than just waiting for you to respond. Kinda scared me a bit, I won&#39;t lie, but that&#39;s okay. I&#39;m glad you addressed it, and you can be sure that if I have any concerns regarding you (which I doubt I will because you&#39;re perfect) I&#39;ll bring them directly to you. Just makes life easier. I&#39;m actually very excited for tomorrow, and possibly the day after that at Chipotle should you choose to accompany me, and possibly the weekend, idk it&#39;s all up to you. I honestly can&#39;t get enough of you, which may seem a bit annoying to you, I&#39;m sorry. But it is true, you intrigue me. I love spending my time with you. I love talking to you, and laughing with you, and smiling with you, and fantasizing about cars with you, and sharing basically everything there is to my being with you. I do hope my little speech Earlier convinced you of the fact that i would never cheat on you, or intentionally do anything at all to hurt you. You just mean too much to me for that to happen. And the fact that I&#39;ve been talking to you for maybe 2 months and I already have obtained this level of affection for you astounds me. You astound me. You&#39;re amazing. Okay goodnight beautiful &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_4.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So you&#39;ve made senior very bearable so far, and I can&#39;t thank you enough for that. Your p&lt;!--23. Is--&gt;leasant air seems to rub off on those that you&#39;re around (like me) and changes life for the better. You&#39;re the kind of person that can just brighten my day by smiling at something I say, and this is an invaluable trait. I&#39;ll be honest, when you said you had to go home today I was a bit bummed because I wanted to spend some more time with you, but i guess that just makes the next time I see you a bit more special. I also feel I need to throw this is here, you&#39;re just the right amount of everything. The faces and imitations of me are the just the right amount of weird yet funny, your singing voice is just the right pitch, your intellectual conversations are in depth but not out of proportion, you stay up late but not too late, you&#39;re a realist yet an optimist at the same time, you&#39;re responsible yet know how to have a good time... the list goes on. You&#39;re just goddamn perfect, and I&#39;m very lucky to have you as my girlfriend. I can call you mine, and that&#39;s a wonderful thing I think. So thank you for enabling me to say that. And now I&#39;m drifting off to sleep, but you&#39;ll be in my mind as a I close my eyes, and so I know I&#39;ll wake up with a smile. Goodnight iridescent &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_5.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;You&#39;re just my ideal person, and I think that&#39;s why it seems like I&#39;ve known you for longer. Because I&#39;ve thought about my ideal person for so long, and then you came along&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_6.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So I think you went to sleep and frankly I don&#39;t blame you, you were very... active tonight ;)</div>
<div>
But that aside, I value how easy it is to have a great time with you. I had a meal and &quot;watched&quot; a movie with you and I think its among the most fun nights I&#39;ve had with you. I love having a casual dinner conversation with you and then having you willingly meet my family, and then lying down next to you for hours, your body keeping me warm. I&#39;m also grateful that you are so easy to talk to. I don&#39;t have to cautiously broach any subject, I can just say what I&#39;m thinking and you get it. You get me. And this is why I think you&#39;re perfect. Not just perfect physically and mentally (which you are, absolutely) but you&#39;re perfect for ME. I used to have this trifecta to determine a perfect girl: attractive, successful/motivated, and good company. I can confidently say that you meet all three of things. But then in the past month I&#39;ve realized just how indescript this trifecta is. You&#39;re the perfect girl because of the little things. Because of the appreciation you show towards me. Because you miss me, and because you actively try to spend time with me. Because you when I hold you, you hold me back. When I kiss you, you fervently kiss me back. You&#39;re an amazing person and an amazing girlfriend, and I can honestly never thank Anita enough for introducing us. So as it is now officially thankgiving, I would like to give thanks to you, for being a part of my life, albeit for only a couple months so far. They&#39;ve been an amazing couple of months, and I can only hope for many more. Goodnight Caitlin, sweet dreams, and I hope to see you very soon &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_7.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Well exhibit A right here, you took most of those words right out of my mouth. You know what I&#39;m thinking all the time and that&#39;s kinda cool. We&#39;re on the same n (&quot;nu&quot; - another chemistry joke). It&#39;s been 2 months since I&#39;ve known you, and I have yet to find a single fault in you. People will tell their significant others all the time that they are perfect in every way, yet they still have one or two flaws that go unaddressed. With you, you literally have no flaws about you, and I can say that with complete confidence. You&#39;re interesting, you&#39;re sexy &nbsp;(in our definition of the word), you&#39;re corny just enough of the time, you&#39;re personable, you&#39;re fun &nbsp;(an important one that not many people seem to be anymore), and what amazes me most: you&#39;re mine. Not in a possessive way, but in a way that amazes me. You&#39;re my girlfriend. And if I were to try and verbalize my feelings for you right now, I would say that the prospect of not being able to envelope you in my arms for a day is bothering me immensely. And I know that work isn&#39;t going to make my time spent with you any less. I couldn&#39;t let that happen, it would pain me too much. You just mean so goddamn much to me I can hardly put it into words. The best I can come up with is: I love you. I think that&#39;s the best summation of my feelings towards you. I love every single little detail about you. I love staring into your beautiful eyes, I love kissing your neck, I lov&lt;!--3, 5, 29. My--&gt;e the face you make when you&#39;re turned on ;) , I love putting my arm under your neck and rolling your body closer to mine, I love that you feel able to share anything with me and that I&#39;m able to share anything with you. I love the vein on your forehead (even though no one else can see it) because that means you&#39;re smiling. I love your smile, and I love your laugh. Especially when you smile or laugh because of me. &nbsp;And it&#39;s because I love all of these things about you that I love you. After a mere three weeks of dating you. You truly are an amazing person.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_8.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;I just love you. And I&#39;m not just throwing those words around, I really, honestly love you alot. You&#39;re so perfect, in mind and in body, that I can&#39;t resist you. You&#39;re the perfect balance of everything: intelligence, sexiness, excellence, companionship, and hundreds of others, and you really just know how to get me going (and not in solely a sexual sense, though that&#39;s definitely there are well). You just make me feel so happy, and I look forward to doing things with you, to eat meals with you, to go to performances with you, to watch soccer games with you, to watch movies with you, and to &quot;watch movies&quot; with you and everything else that we&#39;ve done. I wouldn&#39;t change a single thing about the past month at all, and I hope that over the last 4 weeks I&#39;ve made you even a fraction as happy as you have made me. I love you Caitlin, I love you so much &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_9.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;You&#39;ve just had such a profound impact on my life on the short time you&#39;ve been a part of it, it amazes me. You amaze me. It&#39;s interesting to think about the fact that if I hadn&#39;t transferred into that bitch Mr Schuh &#39;s class, I wouldn&#39;t have had Calc 3/4 and we wouldn&#39;t have hit it off like we did. It&#39;s scary to think about the path not traveled. I&#39;m just so glad that I have an amazing, supportive girlfriend who loves me almost as much as I love her and who completes and counterbalances my personality perfectly. I don&#39;t know if I told you this (I probably did), but I&#39;m in love with your sense of humor. Your sarcasm comes at just the right times and is just the right level of sarcastic (not dry and confusing, but also not dick - like and annoying). I kinda fell asleep typing this yesterday and now my phone is basically dead but I was gonna add many other things but I lost my train of thought and I love you and goodmorning now I suppose &lt;img src=&quot;../Images/kiss_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_10.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;I&#39;d like to just take a moment and tell you how much I appreciate everything that you make me feel. You make me feel happy, you make me feel proud, you make me feel a little sore (physically, especially in my arms) and I value all of it. I value every second spent with you and I do my best to make the most of it. And you&#39;re right, I do love you. Crazy little you. But crazy in all the right ways. I love who you are and everything about you, but I also love myself when I&#39;m with you. You make me a better person, more confident, more outgoing, and for that I thank you immensely. I love you in so many different ways and for so many different reasons it ridiculous. So thank you for spending time with me yesterday, it really meant alot and I hope you have a merry Christmas eve my love &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_11.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Did you know I have the most perfect girlfriend ever? I mean, she&#39;s actually the definition and the essence of the word perfection. She always makes me feel so great about myself and who I am. Especially when I wake up to 17 new messages from her, it starts my day off right. She has the best &lt;!--24. Lava--&gt;sense of humor: the perfect mix of sarcasm and funny faces. She&#39;s the most caring, thoughtful individual I know, and the happiness of her friends is essential to her own. This is one of the things I admire most about her. She&#39;s everybody&#39;s friend. Everyone likes her (except for one certain soccer player, but he doesn&#39;t matter), but I like her just a little bit more than all those people. I love her. I love her smile, and her style (the only person I know that can rock green pants), her humor and her physique (don&#39;t even get me started on this one). I love her eyes and her hair and the reassurance I get when she places her hand on the nape of my neck. I love the fact that she misses me all the time, because I miss her more than she could imagine, everytime she goes away all I want is her to come back for one more hug and one more kiss. I can never get enough of her. And by her I mean you, you&#39;re my girlfriend whom I&#39;ve fallen deeply in love with. You&#39;re the most amazing person I know and I love you. So good morning my love &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_12.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;You may love me equally but loving me more than I love you is pretty much impossible. I absolutely love every time you say that you miss me because I miss you too, all of those times. You saying it just accentuates how much you care about me. There&#39;s nothing that I love more than being appreciated. I love you for how much you love me and beyond that. I love you for everything you do for me, whether it be buying me coffee or surprising me with warheads or just coming to my house randomly. I love you for your taste in music, and your sense of style, whether it be not giving a fuck about wearing sweatpants (like I do sometimes) or when you dawn a beautiful dress. I love you for how caring you are to other people, friends or otherwise. I just absolutely adore each and every single aspect about you so much, and that&#39;s why it&#39;s very difficult to love me more than I love you.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_13.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;And I&#39;m very sorry that I couldn&#39;t see you more on our 2 month, but again, I enjoy every day with you. Every second of every minute of every hour of every day. With you, I feel complete, holistic, unadulterated happiness. For an excess of two months, pure happiness. And I know that I can be a little bit of a pain in the ass sometimes, but I can&#39;t thank you enough for dealing with me and my bad habits because without you, I would be a very sad individual. I&#39;m not gonna be all dramatic and say that I could never live without you or any of that shit, because without you, yes I would keep breathing and my heart would continue beating, but those breaths would be woeful and the beats non-jubilant. I would just miss you to death if you were to leave and I hope that that doesn&#39;t happen. I just love you so much, you&#39;ve become such a huge part of my life so damn quickly I&#39;m awestruck. As I&#39;ve previously stated, these have been the happiest two months that I have had in a very long time, and I have you to thank for that. For being there for me when I&#39;ve needed someone to talk to, for keeping me company when I&#39;ve needed it most, and for loving me just the way I am. Weird little me, who drives like an idiot and has too much flab. You&#39;re so perfect, you balance my imperfections. Perfectly. You&#39;re the most beautiful girl in the world Caitlin, and I love you immeasurably and immensely. Happy two months you iridescent girl &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_14.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Alright well this is primarily my fault... I was talking to my grandma and slightly lost track of time. On the upside you&#39;re gonna be well rested and I get to see you again because I miss the shit out of you. I wanted to give you a hug after work today. BUT it&#39;s okay because it&#39;ll just make the next time more special. I also wanted to solidly apologize for mindlessly taking that shift without a second thought. I&#39;m sometimes too quick to help out those that need me, and I don&#39;t really stop and think about more important things. Blessing and a curse I guess. I should&#39;ve spent way more than that hour with you and I&#39;m sorry that I didn&#39;t. I love you immensely. And I also want you to know that no matter what, you&#39;ll always be the best girl in magnet. Or ait. Or literally anywhere. Your balance of physical and mental beauty is absolutely perfect. I&#39;m sorry for making you upset today, and I hope my attempts to better the situation worked somewhat. I love you to the moon and back and on forever you amazing, crazy, iridescent girl &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_15.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;You&#39;re just the most amazing person I could ever wish for. The way you treat me is perfect. You&#39;re not a bitch, but you don&#39;t hesitate to put me in my place if I do something wrong. You&#39;re just so thoughtful, writing letters to me and saying those little things to make me smile. Like saying &quot;I miss you&quot; all the time; it never gets old, it just reminds me that I&#39;m on your mind. And there is absolutely no better feeling. I love you for the little things, the big things and the in between.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_16.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So I was consolidating all of your Valentines day presents today... I made sure your letter was in its place in my collection, I ate the entire bag of Warheads just now &nbsp;(my jaw is gonna be on fire tomorrow), I stashed all the candy away in my drawer, I tucked the bear into my bed, I set the frame up on my dresser, and that just left the 52 things I love about you deck of cards. Words cannot express how much I love this. From first glance, I can see the time and effort that you put into it, and that really shows how much I mean to you. Then I looked at all of the things that you said inside those cards, &nbsp;and took a little trip down memory lane. I remembered or first Doba date, our first &quot;movie&quot; (which wasn&#39;t so much in quotes, we actually watched toy story), our first road trip (to the soccer game at Kean), playing music in the car on the way, eating dinner with you at the Thai restaurant, all of the subsequent soccer games where it was so cold I couldn&#39;t feel my dick, Michelle&#39;s house after that numbing Roselle park football game, Nov 9&lt;sup&gt;th&lt;/sup&gt;, coffee house, picking you up from the hospital and seeing you cry for the first time, surprising you at semi, New York and the tree, going to Shake Shack just because, seeing how stunningly beautiful you were at Project Hope, and it has all helped me to realize just how much I&#39;ve fallen in love with you in the past 5 months. We&#39;ve done so many cool things together in that time, and there is absolutely nobody else with whom I would&#39;ve rather shared the experiences. You&#39;re the perfect companion for every journey I have taken, or ever will take. I love you with all of my heart Caitlin, thank you for the most amazing time of my life &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;</div>
<div>
&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_17.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;I swear I&#39;m at my most productive on Monday morning at 1 am. Every. Single. Time. Oh well. I just got half my bio shit done and filled out both of our prom request forms and packed a little surprise for you and I&#39;m excited to sleep even though I&#39;m not tired. This might be because I had a coffee at like 4 but oh well. I love you. Alot. It still bugs me how I ended last night and it wasn&#39;t right of me and I really don&#39;t like myself for it. I don&#39;t like myself for getting mad at myself. Lol. There&#39;s an internal war going on inside me. No there isn&#39;t actually, there&#39;s just alot of caffeine :D But anyways, let&#39;s get on to the thing you did today that made me happy. I think the message that you sent to me at 12:27 this (yesterday?) afternoon would do it for me. It made me happy as a motherfucker to know that you&#39;re always there for me and that you&#39;ll love me no matter what happens. I treasure that. I treasure you. Treasure, that is what you are. You&#39;re my shining star. And we can make our dreams come true. If you let me treasure youuuuuuuuu. I don&#39;t actually know who wrote that song, I think it&#39;s bruno Mars but I could be wrong. YEAH, I COULD BE WRONG. Doesn&#39;t mean that I am. I actually just checked and I&#39;m right. As always. Anyways, I&#39;m gonna be for hours so I&#39;m gonna bid you goodnight and I love you and this has basically just been me rambling on for like 5 minutes but I hope you enjoy it. Good morning my love &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_18.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So once upon a time, there was a girl. This girl was you. Surprise. This girl met this guy. This guy was me. Surprise again. Coming into the senior year of high school, I would have never been able to fathom that such an amazing soul like yours would resonate with my own, and I would never have imagined the profound impact it would have on my life. Over the course of the past seven-ish months, I have come to the absurd realization that, from the bottom of my heart to the top, with every myofibril of my being, to the moons of Saturn and Neptune, to infinity and beyond, I love you. You and I share the type of connection that two sentient beings only ever dream of experiencing. You understand what I&#39;m trying to say all the time, especially when I&#39;m talking about my feelings. Feelings are hard to put into words, but you understand that. You understand everything about me. This is a reason that I fell for you.&lt;/p&gt; &nbsp;</div>
<div>
&lt;p&gt;I won&#39;t ever forget the moment in which I finally mustered up enough courage to tell you that. The second those three sacred words had left my mouth, I instantly knew there was no taking it back. But of course, why ever would I need to? I didn&#39;t pull a Ted Mosby and tell you I loved you on our first date. I waited until I was absolutely sure that&#39;s what I felt. And for you to get me to feel that way in under 3 months of knowing me is impressive in itself.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Its easy to get under my skin, to know who I am, where I have come from, and where I am going. I seldom hesitate to share those details with anyone who asks. However, you have gone deeper than the skin. You&#39;ve entered my bones, my heart, and my soul. There is not a single aspect of who I am that you do not know, and I can say this with confidence. What&#39;s more, you accept me for who I am, unchanged. You accept my flaws, my shortcomings, and my weaknesses. You accept them and in turn give me motivation to rid myself of them. I work out for you. I work late so I&#39;m able to spend a little extra on you. I still somewhat pay attention in calculus so that I can help you (if not only just a little bit). And I wouldn&#39;t have it any other way. I would never change a single aspect of you, of us, or of anything we&#39;ve done together. Because after all, anything we&#39;ve done together has been together, which means I&#39;ve had you by my side. And any moment with the girl I love by my side is one that I treasure.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&lt;p&gt;Caitlin, I&#39;m madly in love with you. And this entire note has passed me by without me saying one key phrase: HAPPY BIRTHDAY BABY!!!!!! You&#39;re finally (almost) free! I can&#39;t wait to celebrate with you, and I know you&#39;re going to have a truly amazing year. Despite all the changes and adjustments and whatever else the future has in store for us, one thing will always remain constant: the unwavering, undisputable fact that I love you.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_19.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;But they don&#39;t exist. There&#39;s absolutely nothing in the world that would make me love you any less. If you went away for the rest of your life at this very instant, I would NOT stop loving you. I just would never forget the woman that I loved had gone away. Fortunately for me, you&#39;re not going away. You&#39;re staying right where you are. And consequently, I know that the woman whom I love with the entirety of my heart and soul will be right there. There is nothing you, or any force of nature, can do to make me stop loving you.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_20.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So there was this reddit thread that asked &quot;Reddit, right now what is your favorite song?&quot; And one of the responses was &lt;a href=&quot;https://youtu.be/X_I4wtNPv5w&quot; target=&quot;_blank&quot;&gt;this&lt;/a&gt; song. And I naturally had to listen to it because it reminds me of you and your amazing McDonald&#39;s commercial. But listening to it, I realized it&#39;s astounding relevance in our relationship. The title &quot;You make my dreams come true&quot; begins it&#39;s automatically: YOU make my dreams come true. I&#39;ve dreamed about having the perfect girl just knock at my door one day. A girl that understands me, a girl that loves me no matter how much I fuck up, no matter how bad I am at making plans, no matter how unmotivated I can be, one that will love me unconditionally. And instead of knocking, you just one day showed up outside my house. Next, &quot;What I&#39;ve got&#39;s full stock of thoughts and dreams that scatter. &nbsp;You pull them all together. And how, I can&#39;t explain&quot; You drag me out of my biggest funks sometimes. You remind me how I do somewhat have my life together, how I really am a good, motivated, intelligent person. I always have your constant reminder, you pull me all together. Next, &quot; &#39;Cause I ain&#39;t the way you found me. And I&#39;ll never be the same&quot; I am certainly not the same person that I was 5 months ago. I&#39;ve grown stronger because at my side I have someone who supports me in all the actions I take. Without you, it is safe to say that I would not be nearly as happy at this point as I am now. You have changed me in ways that I could never thank you enough for. And in conclusion, why do I love you? &quot;Well &#39;cause you, You make my dreams come true.&quot;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_21.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;That&#39;s a great way to put it I think. I definitely felt more attached (in a good way, not a clingy way) to you at 8:00 this morning than I ever have in our entire relationship. I loved it so much. The feeling of waking up and being able to cuddle with you and put my arm under your head was amazing. Just amazing. I hope to do be able to do that many many many more times as we go on, and there&#39;s absolutely nobody I would rather wake up to have next to me. I love you so fucking unbelievably much, it astounds even me&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_22.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;You&#39;ve made me realize what true happiness really is. It&#39;s having someone to talk to when you&#39;re having a bad day. It&#39;s having someone you can call after work just to say hi. It&#39;s knowing that if and when you fuck up, you&#39;ve got someone who won&#39;t judge you (too hard :P) and will he there to catch you when you fall. It&#39;s having someone who can make you feel like a hundred million bucks when you think you&#39;re only a few thousand. It&#39;s having someone like you by your side. I never want you to leave my side, because you are the happiness in my life&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_23.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So our pictures from the photo booth at prom are still lying on my desk and I can&#39;t stop looking at them and thinking about how happy you make me. In the first picture, I look all suave and shit while holding your hand. I think this encases the beauty aspect of us. Having you by my side completes me as a person, as I would merely be holding onto the air if you werent there (and thatd be pretty lame). The next picture has me leaning over and kissing you on your cheek. I do this because I want you to feel like a cherished princess. Because, Caitlin, you are a princess. And I&#39;m honored to call myself your prince. In the final picture, I&#39;m holding you in my arms and I&#39;m smiling. You are possibly the only person in the world that can make me smile the way I do when Im around you. My smile (with teeth) comes only on rare occasion when there is truly something to smile about. You give me a reason to smile every single day. Every good morning text, every time your hand brushes mine, every time you talk like a cute lil baby, every hello hug and good bye kiss, every coffee, every ice cream, every stuffed animal, every warhead, every movie, every lemonade, every road trip picture, every time I lock eyes with you and we share a mutual understanding, every song, every shopping trip, every meal, everyTHING shared with you gives me yet another reason to smile. I smile everyday knowing its a day I&#39;ll be able to call myself yours, and call you mine. I just love you so much and I want to convey that to you. In the words of someone wise, you &quot;check all my boxes,&quot; you&#39;re my perfect match, and I never, ever want to lose you. I love you Caitlin, I truly do.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_24.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So I was reading through those messages that I managed to send to myself last night, and I received inspiration from the first post on the note: the secrets message. I rather like the structure of that one, so imma try that again, except radically different because this is 7 months later.&nbsp;</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Secret 1: Oh I forgot, there are no secrets, yet again. This is invaluable with you and I love it and please let us never change this aspect of our relationship</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 2: In the passing of time since writing this first message, I have fallen hopelessly, head over heels in love with you. Truths 8 and 9 (ref. original message) can be summed up in three concise words, consisting of 8 simple letters: I love you.</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 3: I&#39;m scared shitless in the most wonderful of ways for college</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 4: There is no one in the world I would rather be scared with. Your determination to make us work (the visit schedule especially) truly highlights how much you care for me and how willing you are to make this work</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 5: Truth 4 inspires so much hope in me, its ridiculous. I love that you love me, its such a wonderful feeling.&nbsp;</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 6: 7 months ago, as I lay in bed writing that original secrets message, I had no idea that I would be laying here, exact same position, writing out the same thing, except with so much more heart in it. Not to say that I didn&#39;t pour my heart and soul out to you beforehand; by &quot;heart&quot; I mean love and trust and lust and fright and happiness and hope and all those other crazy emotions that are a result of be ing your boyfriend.</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 7: You&#39;re the greatest woman to ever have walked into my life, and I can&#39;t stop telling you that</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 8: Today, one the kids at the grad party I went to (in Bridgewater) shared a successful long distance relationship story during his first year at college (CT and NC) and this inspired hope in me as well</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 9: I actually enjoy being dressed by you, believe it or not. Your taste in my clothes is better than my taste in my clothes. I&#39;m gonna text your mom tomorrow to say thanks.</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 10: I just popped the zit on my forehead and now its bleeding. Oops.</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 11: When you call me bubbs it makes me sound like a fat person. But I couldn&#39;t give a fuck because you sound so damn adorable when you say it, I never want you to stop&nbsp;</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 12: Speaking of never stopping, while I do thoroughly enjoy having the sex with you, I, too, would like to have days where we just lay down and make out a little like randy little teenagers, so if you&#39;re ever in the mood for that, just ask. I&#39;ll do the same.</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 13: I want to stow you away in my suitcase when I go to Florida, and I think you should do the same.</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 14: I sooooooo tired bubbs</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 15: I lied up in Truth 6, even though I said it was a truth... I&#39;m not laying down, I&#39;ve been typing this on my computer. Everything else was true though, I is promises.&nbsp;</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 16: I can&#39;t put any emojis in on my CPU to say goodnight with, so I&#39;m just gonna say goodnight. Goodnight my love, sweet dreams, I hope you have the best of times at Wicked tomorrow, say hi to Grammy Mahoney for me (unless its on your mom&#39;s side, then say hello to Grammy [insert mother&#39;s maiden name here] for me).</div>
<div>
&lt;br&gt;&lt;br&gt;</div>
<div>
Truth 17: I love you.</div>
<div>
&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_25.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Bubbsybouglum, I actually listened to your voicemail just now (the one from earlier) and I loved it so much. You never miss an opportunity to express your affection for me, and I want to be the same way with you. I want you to know that I love you infinitely, to no end. You&#39;re the first pick in the draft, the best pea in the pod, the most loving, caring girl(friend) that I have ever known. I swear to always make you feel this way. Even when we have our differences or disputes, at the end of the day I will make sure you know that you&#39;re the best thing that has ever happened to me. I love you with my entire heart and soul, with every fiber of my being. With every intimate moment we share, every coffee we get, every condom we use, every restaurant we visit, we get just that much closer to one another. We&#39;re two attractive entities: I&#39;m the Milky Way and you&#39;re Andromeda, and we&#39;re getting closer to each other at a speed of 56000 miles per second. And maybe in 10 billion years, we may get too close and destroy each other, but that&#39;s 10 billion long years away. Here&#39;s to a better tomorrow, and to a future filled with laughter and prosperity. And you, my angel &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_26.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message from&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;So it&#39;s 1:50 in the morning and I can&#39;t sleep. And I was thinking earlier about stuff and I got all sad and shit about college and whatnot, you know the usual shit. But then I thought about how great you are. How awesome it feels to hold you in my arms and smell your hair and touch your soft skin. And I realized that in college, the moments in which I get to do this will be few and far wide. But that&#39;s okay. Because every time I look at your bracelet, or unlock my phone, or see on my watch a snapchat from Shrooms, I remember exactly how it is to be with you once more. I can once again sense your aroma, feel your fingers interlock with mine, and image your lips parting softly as they meet my own. You, whether you intended to or not, have left a everlasting impression on me Caitlin. You&#39;ve forever changed my life in a way in which I could never forget. And so it&#39;s my belief that your little grad gift has more than served it&#39;s purpose, because even though you&#39;re some 900 miles away right now, you&#39;re still lying in bed next to me quietly soothing me to sleep. For this I could never truly express my full gratitude. I love you Catlin, so much &lt;img src=&quot;../Images/heart_emoji.png&quot;&gt;&lt;/p&gt; &nbsp; &nbsp; &nbsp; &nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;message to&quot;&gt;&lt;audio src=&quot;../Voice/Read_Messages/message_27.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/body&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
    
        <div class="sourceTitle">
            <h2>voicemail.htm</h2>
        </div>
        <p class="blurb">The one good thing Verizon has done for me is save all my voicemails.</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;uMessage&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .wrap-title {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 800px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: paleturquoise;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 90px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 0px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid black;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .wrap-title h2 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: black;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 40px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .voicemail-wrapper {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 800px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 0px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .voicemail-entity {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid black;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: azure;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .voicemail-entity h3 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 24px;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-left: 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .number {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: right;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-right: 5px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: darkgray;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: -62px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .voicemail-entity .audio {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: absolute;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-left: 250px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: -40px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;uMessage&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introParagraph&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Remember when you said that you can never see all of the times you&#39;ve been cute to me? Well that&#39;s now a lie because here I&#39;ve saved some of them. Hehe I&#39;m right :D And I actually captured them in the best medium possible: you&#39;re spectacular voice. Although they don&#39;t all captur&lt;!--12. When--&gt;e the epitomy of your cuteness (you&#39;re mostly just getting out of work), every word you speak is a soundwave of pure gold and I treasure it all. I also lost all form of timestamps or chronological order while encoding the audio files, so they&#39;re gonna be from all different times, just a heads up.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;wrap-title&quot;&gt;&lt;h2&gt;Voicemails&lt;/h2&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-wrapper&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mu&lt;!--28. Take--&gt;shroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;1&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v1.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;2&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v2.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;3&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v3.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;4&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v4.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;5&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v5.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;6&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v6.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;7&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v7.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;8&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v8.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;9&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v9.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;10&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v10.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;1&lt;!--13. Skies--&gt;1&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v11.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;12&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v12.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;voicemail-entity&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Mushroom&lt;/h3&gt;&lt;span class=&quot;number&quot;&gt;13&lt;/span&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Voicemails/v13.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
    
        <div class="sourceTitle">
            <h2>audiobook.htm</h2>
        </div>
        <p class="blurb">Painstakingly recording around 3 hours of audio.</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;Audiobooks&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .introHead {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 500px; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .wrap-title {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 800px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: paleturquoise;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 90px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 0px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: 1px solid black;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .wrap-title h2 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: black;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 40px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .audiobook-table {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 1200;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 50px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 20pt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .audiobook-table img {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 200px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 150px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .audiobook-table td {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .title {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: &quot;Palatino Linotype&quot;, &quot;Book Antiqua&quot;, Palatino, serif;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-decoration: underline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .author {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 16pt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: &quot;Palatino Linotype&quot;, &quot;Book Antiqua&quot;, Palatino, serif;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .narrator {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 13pt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: &quot;Palatino Linotype&quot;, &quot;Book Antiqua&quot;, Palatino, serif;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .audio {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 400px; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; audio {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 400px; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Audiobooks&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introParagraph&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;This was slightly inspired by that tim&lt;!--15. Gray--&gt;e you called me when you were in Long Island and read me your favorite childhood book. You were so far away, but your voice reading to me made you seem so close. And so maybe I can recreate that feeling for you by reading you some books. Hope you enjoy :D&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;wrap-title&quot;&gt;&lt;h2&gt;Here&#39;s Your Selection...&lt;/h2&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;table class=&quot;audiobook-table&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/dingoes_at_dinnertime.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;Magic Tree House: Dingoes at&lt;!--16. You&#39;ll--&gt; Dinnertime&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Mary Pope Osborne&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/dingoes_at_dinnertime_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/green_eggs_and_ham.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;Green Eggs and Ham&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/green_eggs_and_ham_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/cat_in_the_hat.gif&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;The Cat in the Hat&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/cat_in_the_hat_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/the_lorax.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;The Lorax&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/the_lorax_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/the_giving_tree.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;The Giving Tree&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Shel Silverstein&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/the_giving_tree_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/the_kissing_hand.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;The Kissing Hand&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Audrey (U)Penn&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/the_kissing_hand_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/happy_birthday_to_you.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;Happy Birthday to You!&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/happy_birthday_to_you_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/oh_the_places_youll_go.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;Oh, the Places You&#39;ll Go&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/places_youll_go_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/sleep_book.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;Sleep Book&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/sleep_book_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/the_sneetches.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;The Sneetc&lt;!--31. Away--&gt;hes&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/the_sneetches_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/butter_battle_book.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;The Butter Battle Book&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. &lt;!--17. Never--&gt;Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/butter_battle_book_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/the_zax.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;The Zax&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/the_zax_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/too_many_daves.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;Too Many Daves&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/too_many_daves_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;img src=&quot;../Images/Book_Previews/what_was_scared_of.jpg&quot;&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td&gt;&lt;span class=&quot;title&quot;&gt;What Was I Scared Of?&lt;/span&gt;&lt;br&gt;&lt;br&gt;&lt;span class=&quot;author&quot;&gt;By Dr. Suess&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;narrator&quot;&gt;Narrated by MEEEEE&lt;/span&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;td class=&quot;audio&quot;&gt;&lt;audio src=&quot;../Voice/Audiobooks/what_was_i_scared_of_audio.mp3&quot; controls&gt;&lt;/audio&gt;&lt;/td&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/tr&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/table&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
    
        <div class="sourceTitle">
            <h2>awww.htm</h2>
        </div>
        <p class="blurb">This one was more of an afterthought for when I forget to send you cute stuff everyday.</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;AWWW&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .introHead {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 700px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .introParagraph img {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: inline;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .frameTitle {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 500px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: cadetblue;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 40px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 100%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .frameTitle h2 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 25pt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position: relative;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .awwFrameGroup2 .frameTitle:hover h2 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: yellow; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .blurb {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .awwFrameGroup iframe {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 90%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 5%;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 75%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: white;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 10px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom: 30px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; overflow: scroll;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Cute Stuff for my &lt;!--18. Know--&gt;Cute Stuff&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introParagraph&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Here you can find a compilation of cute things and resources to find cute things in case I&#39;m not being the nicest of people and you need something to cheer you up. Or if I fall asleep or something and forget to send you your cute lil aminal or something. Or you just miss me and want to see me again. Any occasion really, just en&lt;!--19. Just--&gt;joy it &lt;img src=&quot;../Images/kiss_emoji.png&quot;&gt;&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;awwFrameGroup2&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;http://www.reddit.com/r/aww&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;div class=&quot;frameTitle&quot;&gt;&lt;h2&gt;www.Reddit.com/r/AWWW&lt;/h2&gt;&lt;/div&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;blurb&quot;&gt;Although they&#39;re mostly cats on here, there are also some other cute things you may enjoy.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;awwFrameGroup2&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;https://www.google.com/search?site=imghp&amp;tbm=isch&amp;source=hp&amp;biw=1440&amp;bih=778&amp;q=baby+animals&amp;oq=baby+animals&amp;gs_l=img.3..0l10.1060.3441.0.3538.12.10.0.2.2.0.124.830.4j5.9.0....0...1ac.1.64.img..1.11.832.aNURd1Dqxt8&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;div class=&quot;frameTitle&quot;&gt;&lt;h2&gt;Baby Aminals&lt;/h2&gt;&lt;/div&gt;&lt;/a&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;blurb&quot;&gt;Just in case I forget, steal one from here.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;awwFrameGroup&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;frameTitle&quot;&gt;&lt;h2&gt;Our Slideshow Take 1&lt;/h2&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;blurb&quot;&gt;This is the works of none other than you, if I remember correctly.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/Bbu7dfMj4NM&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;awwFrameGroup&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;frameTitle&quot;&gt;&lt;h2&gt;Our S&lt;!--20. How--&gt;lideshow Take 2&lt;/h2&gt;&lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;blurb&quot;&gt;This one I take credit for.&lt;/p&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/R8nBblx5Xgg&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;/iframe&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/body&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
    
        <div class="sourceTitle">
            <h2>letter.htm</h2>
        </div>
        <p class="blurb">And finally, here's your letter.</p>
        <div class="sourceFrame">
            <p class="sourceText"></p>
        </div>
    
        <div class="sourceTitle">
            <h2>screen.css</h2>
        </div>
        <p class="blurb" style="width:900px; margin:auto;">The CSS usually contains all the styling info for the entire website, but I found it easier to put most of the styling in the page itself (called internal styling), but all the congruency within the website happens here in this Cascading Style Sheet file.</p>
        <div class="sourceFrame">
            <p class="sourceText"><div>
&lt;html&gt;</div>
<div>
&lt;head&gt;</div>
<div>
&nbsp; &nbsp; &lt;title&gt;Afterwords&lt;/title&gt;</div>
<div>
&nbsp; &nbsp; &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;../CSS/screen.css&quot;&gt;</div>
<div>
&nbsp; &nbsp; &lt;style&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .letterNote {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-radius: 20px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 85%;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: auto;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: beige;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-top: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .p1 {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: &quot;Palatino Linotype&quot;, &quot;Book Antiqua&quot;, Palatino, serif;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 21px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 5px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-left: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding-right: 15px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: justify;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 35px;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; .firstLetter {</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family: &quot;Palatino Linotype&quot;, &quot;Book Antiqua&quot;, Palatino, serif;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 50px; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; }</div>
<div>
&nbsp; &nbsp; &lt;/style&gt;</div>
<div>
&lt;/head&gt;</div>
<div>
&nbsp; &nbsp; &lt;body&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;introHead&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h1&gt;Afterwords&lt;/h1&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;letterNote&quot;&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p class=&quot;p1&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class=&quot;firstLetter&quot;&gt;I&amp;#39;&lt;/span&gt;m going to start this little letter by saying that this entire letter is a work in progress. It begins here, on Wednesday, July the 15th at approximately 02:46, and extends all the way up until the final publication, whenever that may be.&amp;nbsp;&lt;/p&gt;</div>
<div>
&lt;p class=&quot;p1&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;I like to think I started this wild adventure with you such a long time ago, but in reality, that is not so. It has only been a mere 10 or so months since I said my first (memorable) words to you: &amp;ldquo;So I was told you needed help with 105.&amp;rdquo; Only 10 months. Since then, we&amp;rsquo;ve seen ups and downs, lefts and rights, and everywhere in between.&lt;/p&gt;</div>
<div>
&lt;p class=&quot;p1&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;How is it so easy to let someone in? That&amp;rsquo;s simple: sometimes two people meet and just click, like a seatbelt and a buckle. When these two people click, a little passageway opens up between them. Through this passageway passes information. Dark secrets, insecurities, hopes, dreams, aspirations, deep seeded fears, and more all are passed within this passageway. When this passageway first opened between the two of us I can&amp;rsquo;t tell you, it&amp;rsquo;s all lost in a jubilant whirlwind somewhere in the inner machinations of my mind. I think the first time in which the strength of this passageway was tested was after what I think to be the boy&amp;rsquo;s semi-final soccer game (or something of the sort) at Kean. That day, I had taken you out for Thai food where we partook in small talk and the like, and then we went off to the game. After, I took you to my special spot: Ponderosa(&amp;rsquo;s parking lot). I then asked a lot of you; I asked you to tell me your biggest insecurity. And you told me, with very little hesitation. If you&amp;rsquo;re wondering how it&amp;rsquo;s so easy to let you in, Caitlin, it&amp;rsquo;s because I feel so welcomed around you. You let me in, and consequently, I let you in. On that night, you opened the book that is my life, and you needn&amp;rsquo;t ever close it.&lt;/p&gt;</div>
<div>
&lt;p class=&quot;p1&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;I think it so amazing that I&amp;rsquo;ve met someone as breathtaking as you. I take it for granted sometimes, how well you get me. Not everyone has someone who understands them like you understand me. Every time we simultaneously say the same exact thing out loud I think I fall a little more in love with you. Our minds are on the same wavelength, and in order for two people to work well together, they must always be on the same page, like us. Like you just said today, &amp;ldquo;Perfect couples can do anything.&amp;rdquo; And it&amp;rsquo;s my belief that we are the perfect couple.&lt;/p&gt;</div>
<div>
&lt;p class=&quot;p1&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Sure people can go on and say &amp;ldquo;Oh my girlfriend is so great, she does this and that and gets me and me feel special and whatnot&amp;hellip;&amp;rdquo; You, on the other hand, &lt;i&gt;do&lt;/i&gt;&amp;nbsp;make me feel special. For one, whenever we are in a group setting and I have something to say, I can always count on it getting attention from you. You never let me feel left out and always value and accept what I have to say. Why, though, does this make us the perfect couple? Because what I say sometimes is completely fucking nuts sometimes. I am sexual, weird, and I swear like a goddamn sailor. But you still accept me. What&amp;rsquo;s more, you are weird along with me. Nothing makes me smile more than your face that looks like a gorilla. Nothing makes me laugh harder than when you talk about sex with Anita and she gets all uncomfortable and stuff. I think something I value most in you is that you are comfortable in your skin, and being able to do all this weird, quirky shit truly exemplifies that.&lt;/p&gt;</div>
<div>
&lt;p class=&quot;p1&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Now being that this is an ongoing project, today I received your necklace in the mail. I want to dedicate a little blurb to that. I loved the idea that you had with the coordinates of where you are. The dichotomy of the distance and the familiarity makes for the most special gift I could&amp;rsquo;ve ever asked for. This is also why I chose to do the same for your gift, to bring you the same dose of happiness that you brought to me. You also said something along the lines of &amp;ldquo;when I think of your necklace, all I&amp;rsquo;m going to think about is our fight.&amp;rdquo; Well I don&amp;rsquo;t want this to be the case. When I look at the coordinates on your bracelet, all I can think is, &amp;ldquo;that&amp;rsquo;s where the love of my life will be. That&amp;rsquo;s where she&amp;rsquo;s smiling and laughing and living her jubilant life, and the image of this alone makes me smile and remember all the laughs we&amp;rsquo;ve shared together over the past 9 or 10 or however many months. And when I see the phrase on the other side, &amp;ldquo;I is love you mostest,&amp;rdquo; your voice echoes jovially through my head. When you look at my necklace, I hope you do have a similar reaction. But I do not want to nullify your original thought, only modify it a tad. I don&amp;rsquo;t want you to &lt;em&gt;only&lt;/em&gt; think about our fight when looking at that gift. I do, however, want the subject to cross your mind. We fight. We&amp;rsquo;re not perfect. We have our fair share of disagreements and arguments. But this is all part of being of a couple, a &lt;em&gt;real&lt;/em&gt; couple. I love you through thick and through thin and everywhere in between, and just because we fight, it doesn&amp;rsquo;t mean that I don&amp;rsquo;t love you. We wouldn&amp;rsquo;t advance in our relationship without disagreeing with one another, addressing what needs to be addressed, and changing what needs to be changed.&lt;/p&gt;</div>
<div>
&lt;p class=&quot;p1&quot;&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;So on another note, by the time you read this, you&amp;rsquo;re either going to be at Pitt or somewhere close to being at Pitt, which means that you&amp;rsquo;re probably not sitting next to me. But I want you never to forget something love: I&amp;rsquo;m never more than a phone call or text message or Skype session away. Technology is a great thing (as exemplified by this magnificent work of art website) and I want us to utilize it to the fullest capacity. So if you&amp;rsquo;re ever having a shitty day, just gimme a call. If you&amp;rsquo;re ever having a really great day, gimme a call. If you feel overwhelmed by anything, whether it be a project, roommate trouble, homesickness, or you just miss me, just gimme a call. I&amp;rsquo;m always here for you, Caitlin. I&amp;rsquo;m your rock, here to keep you grounded and sane. And to love you, that&amp;rsquo;s my job. So if, after reading this, I&amp;rsquo;ve made you really happy, or I&amp;rsquo;ve made you sad (which I hopefully haven&amp;rsquo;t, the purpose of this whole project is quite the opposite), or you don&amp;rsquo;t believe a word that I&amp;rsquo;ve said, just gimme a call and let me know. It warms my heart to hear your voice, and I need all the warmth I can get in Boston. You remember where Boston is right? It&amp;rsquo;s at 42.3389&amp;deg; N, 71.0903&amp;deg; W, and if you&amp;rsquo;ve forgotten, just look at your neck. That&amp;rsquo;s where I am: around your neck. Right there with you. Forever and always, to the moon and back and to the moon again, to infinity and beyond. I love you.&lt;/p&gt;</div>
<div>
&nbsp;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</div>
<div>
&nbsp; &nbsp; &nbsp; &nbsp; &lt;/body&gt;</div>
<div>
&lt;/html&gt;</div>
</p>
        </div>
 
        <div class="sourceTitle">
            <h2>source_code.htm</h2>
        </div>
        <p class="blurb" style="width:900px; margin:auto;">Kind of creating a paradox here, but this is the code for this page, within the page.</p>
        <div class="sourceFrame">
            <p class="sourceText"></p>
        </div>
    
        </body>
</html>