|
|
<!DOCTYPE html><html lang="en">
<head> <title>Outside Reading Assignment</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Find books, articles, short stories, and poems I've read for the outside reading assignment!"> <meta charset="UTF-8"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="css/styles.css" rel="stylesheet" media="screen"> <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></noscript> <link rel="manifest" href="static/site.webmanifest"> <link rel="apple-touch-icon" sizes="180x180" href="static/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="static/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="static/favicon-16x16.png">
<!-- Begin Inlined Google Fonts -->
<style> /* cyrillic-ext */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; font-display: swap; src: local('Roboto Light'), local('Roboto-Light'), local('sans-serif-light'), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style>
<!-- End Inlined Google Fonts -->
<!-- Matomo --> <script type="text/javascript"> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u = "//analytics.yeetpc.com/matomo/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '4']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.type = 'text/javascript'; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <!-- End Matomo Code -->
</head>
<body> <div class="page-container"> <div class="content-wrap"> <!-- Top Navbar --> <div class="Navbar"> <div class="Navbar__Link Navbar__Link-brand"> <h1><a href="#">Outside Reading Assignment</a></h1> </div> <div class="Navbar__Link Navbar__Link-toggle"> <i class="fa fa-bars"></i> </div> <nav class="Navbar__Items Navbar__Items--right"> <div class="Navbar__Link"> <a href="mailto:ravi@yeetpc.com">Contact Me</a> </div> </nav> </div> <!-- End Top Navbar -->
<!-- Begin Top Banner --> <div class="banner"> <div class="card-top-banner"> <p class="top-banner-text">Outside Reading Assignment</p> <p class="top-banner-text-smaller">Below you'll find the books, articles, short stories, and poems I've read for this assignment.</p> <br /> <div class="go-down-container"> <button class="go-down" id="go-down">Get Started!</button> </div> </div> </div> <!-- End Top Banner -->
<!-- Begin Responsive Layout --> <div class="row" id="row"> <br /> <div class="top-banner-text-medium"> Books & Novels </div> <div class="column"> <br /> <div id="worm" class="card"> <div class="card-header"> Worm: The First Digital World War </div> </div> </div> <div class="column"> <br /> <div id="redmoonrising" class="card"> <div class="card-header"> Red Moon Rising: Sputnik and the Hidden Rivalries that Ignited the Space Age </div> </div> </div> </div> <br /> <div class="top-banner-text-medium"> Articles </div> <div class="row"> <div class="column"> <br /> <div id="centosdead" class="card"> <div class="card-header"> CentOS Linux is dead—and Red Hat says Stream is “not a replacement” </div> </div> </div> <div class="column"> <br /> <div id="imacg3stevejobs" class="card"> <div class="card-header"> Twenty Years Ago, Steve Jobs Introduced the iMac G3 </div> </div> </div> <div class="column"> <br /> <div id="googlefloc" class="card"> <div class="card-header"> Google’s FLoC Is a Terrible Idea </div> </div> </div> <div class="column"> <br /> <div id="appleovertooksamsung" class="card"> <div class="card-header"> TrendForce: Apple Overtook Samsung to Become World's Largest Smartphone Maker in Fourth Quarter </div> </div> </div> <div class="column"> <br /> <div id="rtxbetadriverhack" class="card"> <div class="card-header"> Nvidia beta driver unlocks GeForce RTX 3060's full crypto mining capabilities </div> </div> </div> <div class="column"> <br /> <div id="basecamp" class="card"> <div class="card-header"> Basecamp sees mass employee exodus after CEO bans political discussions </div> </div> </div> </div> <br /> <div class="top-banner-text-medium"> Poems </div> <div class="row"> <div class="column"> <br /> <div id="sonnetbillycollins" class="card"> <div class="card-header"> “Sonnet” by Billy Collins </div> </div> </div> <div class="column"> <br /> <div id="sonnetxii" class="card"> <div class="card-header"> “Sonnet XII” by William Shakespeare </div> </div> </div> </div> <br /> <div class="top-banner-text-medium"> Plays </div> <div class="row"> <div class="column"> <br /> <div id="oedipustheking" class="card"> <div class="card-header"> Oedipus the King </div> </div> </div> </div> <!-- End Responsive Layout -->
<!-- Begin Footer -->
<div class="footer"> <div class="footer-links"> <p>Source code <a href="https://github.com/Rav4s/english-books-website">on GitHub</a>.</p> <p style="border-bottom: 100px;">© 2021 Ravi Shah</p> </div> </div>
<!-- End Footer --> </div> </div>
<script src="js/redirects.js"></script> <script src="js/expandnavbar.js" defer></script></body>
</html>
|
