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 more articles

main
Ravi Shah 5 years ago
parent
540feda72f
commit
59bb96e003
6 changed files with 553 additions and 1 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. 173
      africanamericans.html
  2. 2
      basecampemployeesleave.html
  3. 173
      busboycott.html
  4. 24
      index.html
  5. 173
      jimcrow.html
  6. 9
      js/redirects.js

173
africanamericans.html
View File

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>African Americans - Britannica School</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="African Americans - Britannica School">
<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">African Americans - Britannica School</p>
<br />
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="main-box">
<div class="main-box-text">
Type: Article<br />Author: Britannica School<br />Publish Date: 8/14/2020<br />Publisher: Encyclopædia Britannica<br />
<a href="https://school.eb.com/levels/high/article/African-Americans/477096">Link</a><br />Reflection: This article details the history & heritage of the African American population in the United States. It goes into special detail on the many plights that have been faced by Black people, such as slavery, racism, and police violence. I learned a lot about the Civil Rights Movement, and how WWII contributed to its growth throughout the country. I also thought that the article did a great job at highlighting the disproportionate impacts of the Great Depression & the following commodity shortages on Black people compared to the reast of the population.
</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>

2
basecampemployeesleave.html
View File

@ -148,7 +148,7 @@
<div class="main-box"> <div class="main-box">
<div class="main-box-text"> <div class="main-box-text">
Type: Article<br />Author: Taylor Hatmaker<br />Publish Date: 4/30/2021<br />Publisher: Techcrunch<br /> Type: Article<br />Author: Taylor Hatmaker<br />Publish Date: 4/30/2021<br />Publisher: Techcrunch<br />
<a href="https://techcrunch.com/2021/04/30/basecamp-employees-quit-ceo-letter/">Link</a><br />Reflection: The CEO of productivity company Basecamp sent out an internal blog post which informed employees that they would no longer be allowed to openly share their “societal and political discussions” at work. Many employees were disgruntled by this blog post, and proceeded to announce that they were leaving the company. About 20 employees (34% of the workforce) have already resigned, including the head of design, head of marketing, and head of customer service. The entire iOS app development team has also chosen to resign over this decision. One employee's tweet reads: <p class="tweet">"After 7 years, today is my last day at Basecamp. I plan on taking a little time off, but if anyone is looking for an iOS engineer, I would love to chat, my DMs are open."</p> This situation has sparked concern, since the CEOs banning political discussions are primarily white males, and many issues being discussed relate to BLM and LGBTQ rights movements. In my opinion, it is important to draw the line for political discussions somewhere, but Basecamp's decision seems particularly harsh and uncalled for.
<a href="https://techcrunch.com/2021/04/30/basecamp-employees-quit-ceo-letter/">Link</a><br />Reflection: The CEO of productivity company Basecamp sent out an internal blog post which informed employees that they would no longer be allowed to openly share their “societal and political discussions” at work. Many employees were disgruntled by this blog post, and proceeded to announce that they were leaving the company. About 20 employees (34% of the workforce) have already resigned, including the head of design, head of marketing, and head of customer service. The entire iOS app development team has also chosen to resign over this decision. One employee's tweet reads: <p class="tweet">"After 7 years, today is my last day at Basecamp. I plan on taking a little time off, but if anyone is looking for an iOS engineer, I would love to chat, my DMs are open."</p> This situation has sparked concern, since the executives banning political discussions are primarily white males, and many issues being discussed relate to BLM and LGBTQ rights movements. In my opinion, it is important to draw the line for political discussions somewhere, but Basecamp's decision seems particularly harsh and uncalled for.
</div> </div>
</div> </div>

173
busboycott.html
View File

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Montgomery Bus Boycott</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Montgomery Bus Boycott">
<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">Montgomery Bus Boycott</p>
<br />
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="main-box">
<div class="main-box-text">
Type: Article<br />Author: History.com Editors<br />Publish Date: 2/03/2010<br />Publisher: A&E Television Networks<br />
<a href="https://www.history.com/topics/black-history/montgomery-bus-boycott">Link</a><br />Reflection: The Montgomery Bus Boycott was a monumental event that sparked a revolution in civil rights during the 20th century. The boycott of public bus transportation lasted over one year, starting in December 1955 and ending in December 1956. This boycott also caused unrest & contention with white supremacist groups like the KKK; many Black homes & meeting places were bombed and shot at in response to the protest. This boycott also helped put Martin Luther King, Jr. into a central role in the Civil Rights Movement, as he was one of the most prominent leaders in the boycott & the following protests across the country.
</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>

24
index.html
View File

@ -223,6 +223,30 @@
</div> </div>
</div> </div>
</div> </div>
<div class="column">
<br />
<div id="african-americans" class="card">
<div class="card-header">
African Americans - Britannica School
</div>
</div>
</div>
<div class="column">
<br />
<div id="jimcrow" class="card">
<div class="card-header">
Jim Crow Laws
</div>
</div>
</div>
<div class="column">
<br />
<div id="busboycott" class="card">
<div class="card-header">
Montgomery Bus Boycott
</div>
</div>
</div>
</div> </div>
<br /> <br />
<div class="top-banner-text-medium"> <div class="top-banner-text-medium">

173
jimcrow.html
View File

@ -0,0 +1,173 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jim Crow Laws</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Jim Crow Laws">
<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">Jim Crow Laws</p>
<br />
</div>
</div>
<!-- End Top Banner -->
<!-- Begin Responsive Layout -->
<div class="main-box">
<div class="main-box-text">
Type: Article<br />Author: History.com Editors<br />Publish Date: 2/28/2018<br />Publisher: A&E Television Networks<br />
<a href="https://www.history.com/topics/early-20th-century-us/jim-crow-laws">Link</a><br />Reflection: Jim Crow laws existed in many forms throughout the post-Civil War era up till 1968. This article looks into how they impacted Black people across the country and how many people organized boycotts & protests to fight back against them. Even though these laws were officially abolished in 1968 by the Civil Rights Act, Voting Rights Act, and Fair Housing Act, they continued to exist in many locations across the Southern United States. A prime example of this is the U.S. Justice System, which has been shown to favor white people over other racial groups (especially African Americans).
</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>

9
js/redirects.js
View File

@ -35,3 +35,12 @@ document.getElementById("rtxbetadriverhack").onclick = function() {
document.getElementById("basecamp").onclick = function() { document.getElementById("basecamp").onclick = function() {
location.href = "./basecampemployeesleave.html"; location.href = "./basecampemployeesleave.html";
}; };
document.getElementById("african-americans").onclick = function() {
location.href = "./africanamericans.html";
};
document.getElementById("jimcrow").onclick = function() {
location.href = "./jimcrow.html";
};
document.getElementById("busboycott").onclick = function() {
location.href = "./busboycott.html";
};
Write Preview
Loading…
Cancel
Save