-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathday7.html
More file actions
162 lines (153 loc) · 10.8 KB
/
Copy pathday7.html
File metadata and controls
162 lines (153 loc) · 10.8 KB
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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html>
<head>
<title>#100DaysOfCode Journal</title>
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<style type="text/css">
.dropdown-menu {
height: 50vh;
overflow-y: auto;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<i class="fas fa-code"></i>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Days
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="day81.html">Day 81</a>
<a class="dropdown-item" href="day80.html">Day 80</a>
<a class="dropdown-item" href="day79.html">Day 79</a>
<a class="dropdown-item" href="day78.html">Day 78</a>
<a class="dropdown-item" href="day77.html">Day 77</a>
<a class="dropdown-item" href="day76.html">Day 76</a>
<a class="dropdown-item" href="day75.html">Day 75</a>
<a class="dropdown-item" href="day74.html">Day 74</a>
<a class="dropdown-item" href="day73.html">Day 73</a>
<a class="dropdown-item" href="day72.html">Day 72</a>
<a class="dropdown-item" href="day71.html">Day 71</a>
<a class="dropdown-item" href="day70.html">Day 70</a>
<a class="dropdown-item" href="day69.html">Day 69</a>
<a class="dropdown-item" href="day68.html">Day 68</a>
<a class="dropdown-item" href="day67.html">Day 67</a>
<a class="dropdown-item" href="day66.html">Day 66</a>
<a class="dropdown-item" href="day65.html">Day 65</a>
<a class="dropdown-item" href="day64.html">Day 64</a>
<a class="dropdown-item" href="day63.html">Day 63</a>
<a class="dropdown-item" href="day62.html">Day 62</a>
<a class="dropdown-item" href="day61.html">Day 61</a>
<a class="dropdown-item" href="day60.html">Day 60</a>
<a class="dropdown-item" href="day59.html">Day 59</a>
<a class="dropdown-item" href="day58.html">Day 58</a>
<a class="dropdown-item" href="day57.html">Day 57</a>
<a class="dropdown-item" href="day56.html">Day 56</a>
<a class="dropdown-item" href="day55.html">Day 55</a>
<a class="dropdown-item" href="day54.html">Day 54</a>
<a class="dropdown-item" href="day53.html">Day 53</a>
<a class="dropdown-item" href="day52.html">Day 52</a>
<a class="dropdown-item" href="day51.html">Day 51</a>
<a class="dropdown-item" href="day50.html">Day 50</a>
<a class="dropdown-item" href="day49.html">Day 49</a>
<a class="dropdown-item" href="day48.html">Day 48</a>
<a class="dropdown-item" href="day47.html">Day 47</a>
<a class="dropdown-item" href="day46.html">Day 46</a>
<a class="dropdown-item" href="day45.html">Day 45</a>
<a class="dropdown-item" href="day44.html">Day 44</a>
<a class="dropdown-item" href="day43.html">Day 43</a>
<a class="dropdown-item" href="day42.html">Day 42</a>
<a class="dropdown-item" href="day41.html">Day 41</a>
<a class="dropdown-item" href="day40.html">Day 40</a>
<a class="dropdown-item" href="day39.html">Day 39</a>
<a class="dropdown-item" href="day38.html">Day 38</a>
<a class="dropdown-item" href="day37.html">Day 37</a>
<a class="dropdown-item" href="day36.html">Day 36</a>
<a class="dropdown-item" href="day35.html">Day 35</a>
<a class="dropdown-item" href="day34.html">Day 34</a>
<a class="dropdown-item" href="day33.html">Day 33</a>
<a class="dropdown-item" href="day32.html">Day 32</a>
<a class="dropdown-item" href="day31.html">Day 31</a>
<a class="dropdown-item" href="day30.html">Day 30</a>
<a class="dropdown-item" href="day29.html">Day 29</a>
<a class="dropdown-item" href="day28.html">Day 28</a>
<a class="dropdown-item" href="day27.html">Day 27</a>
<a class="dropdown-item" href="day26.html">Day 26</a>
<a class="dropdown-item" href="day25.html">Day 25</a>
<a class="dropdown-item" href="day24.html">Day 24</a>
<a class="dropdown-item" href="day23.html">Day 23</a>
<a class="dropdown-item" href="day22.html">Day 22</a>
<a class="dropdown-item" href="day21.html">Day 21</a>
<a class="dropdown-item" href="day20.html">Day 20</a>
<a class="dropdown-item" href="day19.html">Day 19</a>
<a class="dropdown-item" href="day18.html">Day 18</a>
<a class="dropdown-item" href="day17.html">Day 17</a>
<a class="dropdown-item" href="day16.html">Day 16</a>
<a class="dropdown-item" href="day15.html">Day 15</a>
<a class="dropdown-item" href="day14.html">Day 14</a>
<a class="dropdown-item" href="day13.html">Day 13</a>
<a class="dropdown-item" href="day12.html">Day 12</a>
<a class="dropdown-item" href="day11.html">Day 11</a>
<a class="dropdown-item" href="day10.html">Day 10</a>
<a class="dropdown-item" href="day9.html">Day 9</a>
<a class="dropdown-item" href="day8.html">Day 8</a>
<a class="dropdown-item" href="day7.html">Day 7</a>
<a class="dropdown-item" href="day6.html">Day 6</a>
<a class="dropdown-item" href="day5.html">Day 5</a>
<a class="dropdown-item" href="day4.html">Day 4</a>
<a class="dropdown-item" href="day3.html">Day 3</a>
<a class="dropdown-item" href="day2.html">Day 2</a>
<a class="dropdown-item" href="day1.html">Day 1</a>
</div>
</li>
</ul>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div id="content">
<h1>#100DaysOfCode</h1>
<h5>Follow me elsewhere at these locations below:</h5>
<a href="https://github.com/stroudn1" target="_blank"><button type="button" class="btn btn-light my-1"><i class="fab fa-github"></i> Github</button></a>
<a href="https://dev.to/_nataliestroud" target="_blank"><button type="button" class="btn btn-light my-1"><i class="fab fa-dev"></i> Dev.to</button></a>
<a href="https://www.linkedin.com/in/natalie-stroud-63110a113/" target="_blank"><button type="button" class="btn btn-light my-1"><i class="fab fa-linkedin"></i> LinkedIn</button></a>
<a href="http://www.natalieastroud.com/" target="_blank"><button type="button" class="btn btn-light my-1"><i class="fas fa-globe-americas"></i> Website</button></a>
<hr>
</div>
<div>
<h4>Day 7</h4>
<h6><i class="far fa-calendar-alt"></i> March 27 2019</h6>
<p>Today feels like the most productive day that I've had even though I'm only 7% done with the #100DaysOfCode challenge. But it's funny because at 7%, I feel like I've accomplished so much. My CodePen profile is coming together nicely. My Github is shaping up and isn't just 7 or 8 projects from 2016 (thanks MIN240!)<br>
As much as I can become discouraged sometimes, it feels good to code. It feels good because it feels like finally knowing what it is I want to do. It feels natural. In all honesty, I should be working. Or at least checking on some items for work but I appear to have been on a coding frenzy. I guess we can thank JavaScript for showing up because when I tell you I am <i>terrified</i> to learn JavaScript. But I know it’s the "verbs" of everything. It's what makes things interactive and pieced together. Plus, I'm sure once you learn JS, you open a door to lots of other things.<br>
So here's my <b>Day 7</b> for you:
<ul>
<li>Image Gallery: Finished up the Image Gallery project from Colt Steele's Online WebDev Bootcamp. I had to post on dev.to for some help on my colors not demonstrating correctly. A big thanks to everyone who commented to help me get this fixed! It also helped with my landing page project too!</li>
<li>Landing Page: Started and completed the Landing Page project for Colt Steele's Online WebDev Bootcamp. I applied the solution on my dev.to post to this which fixed everything! It also fixed my Image Gallery too. The landing page is probably my favorite and prettiest. Mine was for something called "Breeze Cart" which is an idea I came up with in a class to help disabled/low income users. I'd love to integrate it to where it's like Google Maps meets Uber Eats/Clicklist meets Virtual Tellers (from banks)</li>
<li>Bootstrap: I quickly found between both that I LOVE Bootstrap. A great mixture of HTML and CSS. Can you tell I'm so scared to do JS?</li>
<li>#100DaysOfCode: I also started this page so that I can go into more detail any time I write code. Twitter only allows so many characters which helps to get a snippet of things so this dives right in.</li>
</ul><br>
Until next time!</p>
<p>Image Gallery:
<a href="https://codepen.io/natastro/full/vPqErg"><i class="fab fa-codepen"></i></a>
<a href="https://github.com/stroudn1/image-gallery"><i class="fab fa-github"></i></a></p>
<p>Landing Page:
<a href="https://codepen.io/natastro/full/KEjmqj"><i class="fab fa-codepen"></i></a>
<a href="https://github.com/stroudn1/breeze-cart-landing-page"><i class="fab fa-github"></i></a></p>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>