1 changed files with 172 additions and 0 deletions
-
172worm.html
@ -0,0 +1,172 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
|
||||
|
<head> |
||||
|
<title>Worm: The First Digital World War</title> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
||||
|
<meta name="description" content="Worm: The First Digital World War"> |
||||
|
<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-medium">Worm: The First Digital World War</p> |
||||
|
<br /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End Top Banner --> |
||||
|
|
||||
|
<!-- Begin Responsive Layout --> |
||||
|
|
||||
|
<div class="main-box"> |
||||
|
<div class="main-box-text"> |
||||
|
Type: Book<br />Author: Mark Bowden<br />Publish Date: 9/27/2011<br />Publisher: Atlantic Monthly Press<br />Reflection: This book documents the adventures of the Cabal, a group of computer security experts and hackers who are determined to stop a rampaging computer virus. This true story occured in 2008-2009, when a deadly virus named "Conficker" began wreaking havoc on over 3 million Windows computers. Mark Bowden captures every facet of the story in this book, and goes deeply into detail on not only the behavior of the virus & its creator, but also on the efforts (lack thereof) to stop the virus by the United States government. It is truly astonishing that a small group of vigilante hackers were able to defeat a virus this pervasive and dangerous on such a large scale. |
||||
|
</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/expandnavbar.js" defer></script> |
||||
|
</body> |
||||
|
|
||||
|
</html> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue