rav4s
/
english-books-website
mirror of https://github.com/Rav4s/english-books-website
1
1
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Added oedipus reflection

main
Ravi Shah 5 years ago
parent
57cd13da87
commit
2a8d1553cb
4 changed files with 196 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      css/styles.css
  2. 14
      index.html
  3. 3
      js/redirects.js
  4. 172
      oedipustheking.html

7
css/styles.css
View File

@ -4,6 +4,13 @@
--main-highlight-color: #a40e4c; --main-highlight-color: #a40e4c;
} }
::selection {
background: var(--main-highlight-color); /* WebKit/Blink Browsers */
}
::-moz-selection {
background: var(--main-highlight-color); /* Gecko Browsers */
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }

14
index.html
View File

@ -276,6 +276,20 @@
</div> </div>
</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 --> <!-- End Responsive Layout -->
<!-- Begin Footer --> <!-- Begin Footer -->

3
js/redirects.js
View File

@ -23,3 +23,6 @@ document.getElementById("imacg3stevejobs").onclick = function() {
document.getElementById("googlefloc").onclick = function() { document.getElementById("googlefloc").onclick = function() {
location.href = "./googleflocterrible.html"; location.href = "./googleflocterrible.html";
}; };
document.getElementById("oedipustheking").onclick = function() {
location.href = "./oedipustheking.html";
};

172
oedipustheking.html
View File

@ -0,0 +1,172 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Oedipus the King</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Oedipus the King">
<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">Oedipus the King</p>
<br />
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="main-box">
<div class="main-box-text">
Type: Play<br />Author: Sophocles<br />Publish Date: ~430 B.C.<br />Publisher: N/A<br />Reflection: This tragedy by Sophocles centers around one main topic that was highly debated and questioned in Athens at the time: prophecy. By writing this play, Sophocles was able to strengthen the image of the prophecy in Athenians' minds. Throughout the play, multiple characters, such as Oedipus and Jocasta, can be seen doubting and even disregarding the prophecy entirely. This eventually results in their bitter demise, as it turns out that the prophecy is ultimately true. By showing this as a cause-and-effect relationship, Sophocles drills the idea that the prophecy is all-knowing and is always true into the minds of Athenians.
</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