-
Notifications
You must be signed in to change notification settings - Fork 1
/
day12.html
154 lines (144 loc) · 9.11 KB
/
day12.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
142
143
144
145
146
147
148
149
150
151
152
153
154
<!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 12</h4>
<h6><i class="far fa-calendar-alt"></i> April 1 2019</h6>
<p>Happy April and happy Monday! I took a small break from coding this weekend and played around on Grasshopper so I could say I coded. But this weekend was for time spent with family and taking a break which I enjoyed.<br>
Today I'm working on Colt Steele's bootcamp. Looks like I jumped the gun where I thought I was starting JavaScript but I'm currently going over Bootstrap 4. (His Boostrap unit started on v3)<br>
So far I've learned about backgrounds, colors, typography, spacing utilities (m for margin and p for padding), breakpoints (xs, s, m, l, xl), navbars, and flexbox!<br>
-Natalie</p>
<p>Mood: <i class="far fa-tired"></i> Tired</p>
<p>Listening to:</p>
<iframe src="https://open.spotify.com/embed/track/018Lv2nSK23HDJeqmvw1A8" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</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>