-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog 3.html
141 lines (130 loc) · 6.54 KB
/
blog 3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE HTML>
<!--
Forty by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Food n' Research</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Foodways Research</strong> <span>by Jamariah</span></a>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="landing.html">Blog Posts</a></li>
<li><a href="generic.html">Accessibility and Design Philosophy</a></li>
<li><a href="references.html">References</a></li>
</ul>
<ul class="actions stacked">
<li><a href="project abstract.html" class="button primary fit">Project Abstract</a></li>
<li><a href="cornerstone.html" class="button fit">Cornerstone Post</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main" class="alt">
<!-- One -->
<section id="one">
<div class="inner">
<header class="major">
<h1>Post Slavery in the South</h1>
</header>
<p>Slavery in the United States was abolished in the form of the 13th amendment on December 6, 1865, after being passed and ratified in Congress. The 14th amendment gave African Americans citizenship legally and the 15th amendment gave them (men) the right to vote. However, this didn't necessarily stop the enactment of slavery, it simply meant that white plantation owners couldn't call them 'slaves'. The white population, especially in the south, benefited from slavery and didn't want to integrate with 'freed' African Americans. So, the Black Codes were enacted to ensure it wouldn't be a possibility.</p>
<p>According to the Khan Academy's Unit 5 on US History, Black Codes were laws that gave African Americans certain privileges but make it clear want they couldn't do. They could sue in court but weren't allowed to be on juries or testify against whites, for an example. "If they refused they could be arrested and hired out for work" (Life After Slavery for African Americans (Article) | Khan Academy, n.d.). Being hired out for work meant potentially putting ex-slaves back on the plantation that enslaved them in the first place.</p>
<p>During this time, sharecropping was on the rise. Sharecropping is simple terms was farming on a white settler's land in order to rent out a portion of that land. In the event that African Americans had nowhere to go after being freed, "many black families rented land from white owners and raised cash crops such as cotton, tobacco, and rice" (Sharecropping | Themes | Slavery by Another Name | PBS, n.d.).</p>
<p>The Black Codes required those partaking in sharecropping to sign annual labor contracts. If you didn't sign you'd be arrested and forced to "work for free" but by being a sharecropper, African Americans were still at the mercy of landowners who valued how the share of crops and what African Americans could keep. Funny how that works.</p>
<p>It wouldn't be until after Jim Crow laws were outlawed in 1954, which was 69 years ago, that African Americans began to see and feel their rights as noted in the 13th, 14th, and 15th amendments.</p>
</div>
</section>
</div>
<!-- Contact -->
<section id="contact">
<div class="inner">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" class="primary" /></li>
<li><input type="reset" value="Clear" /></li>
</ul>
</form>
</section>
<section class="split">
<section>
<div class="contact-method">
<span class="icon solid alt fa-envelope"></span>
<h3>Email</h3>
<a href="#">jd-white6@wiu.edu</a>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-phone"></span>
<h3>Phone</h3>
<span>(000) 000-0000</span>
</div>
</section>
<section>
<div class="contact-method">
<span class="icon solid alt fa-home"></span>
<h3>Address</h3>
<span>1 University Cir<br />
Macomb, IL 61455<br />
United States of America</span>
</div>
</section>
</section>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/researchartist2" target="_blank" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.instagram.com/jamfood6/" target="_blank" class="icon brands alt fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.tumblr.com/blog/researchartist2" target="_blank" class="icon brands alt fa-github"><span class="label">Tumblr</span></a></li>
<li><a href="www.linkedin.com/in/jamariah-white22" target="_blank" class="icon brands alt fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
<ul class="copyright">
<li>© Forty</li><li>By: <a href="https://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>