-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
179 lines (138 loc) · 7.06 KB
/
index.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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<html>
<head>
<title>Adam's Webpage</title>
<link rel="stylesheet" type="text/css" href="http://adamron1.github.io/unit1_projects/fonts/font-awesome-4.1.0/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<header>
<div id= "logo">
<img src="http://devacademy.co.nz/assets/img/logoEnspiralDevAcademy.png">
</div>
<h1>Index</h1>
<h2>EDA Student page directory</h2>
</header>
<nav>
<a href="http://adamron1.github.io"><b class = "fa-home"></b> </a>
<a href="unit1_projects/eda1.html"><b class = "fa-play"></b></a>
<a href="unit1_projects/blog-posts/week4_technical.html"><b class = "fa-step-forward"></b> </a>
</nav>
<div id = "profile">
<div id="profilepic">
<img src="unit1_projects/images/profile_pic.jpg">
</div>
<h2>Adam Ron</h2>
<ul>
<li>Student, EDA</li>
<li>Kereru 2014 Cohort</li>
</ul>
</div>
<section>
<div id="index">
<h3>Week One</h3>
<h4><a href="unit1_projects/eda1.html">First Web page</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>My first Web Page</h3>
<p>The content here isn't all that amazing, but it was good to see something I made up and running. Not much consideration for design, but it can only get better, right?</p>
<img src="unit1_projects/images/firstpage.png">
</div></span>
<h4><a href="unit1_projects/eda2.html">Second Web page</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>My Second Web Page</h3>
<p>The task was to write about stuff that we like, so I decided to write a teeny bit about some of my favourite musical groups. By the end, I was getting a bit tired with making good content, but the real challenge for me was making it semi-presentable, and doing some CSS stuff. It doesn't look amazing, but I was pretty happy with it at the time.</p>
<img src="unit1_projects/images/webpage2.png">
</div></span>
<h4><a href="unit1_projects/blog-posts/week1_technical.html">Technical Blog</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Technical Blog: Website Analysis</h3>
<p>This was my first-ever go at writing a blog, technical or otherwise. In this, I write about 3 websites that I use, and what about their design makes people like them. It's not that pretty, but as you can see, it's getting better!</p>
<img src="unit1_projects/images/techblog1.png">
</div></span>
<h4><a href="unit1_projects/blog-posts/week1_cultural.html">Cultural Blog</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Cultural Blog: Initial EDA thoughts</h3>
<p>In this blog, I write about my initial thoughts on what I thought EDA/Dev Bootcamp was all about (at the time of writing). </p>
<img src="unit1_projects/images/cultblog1.png">
</div></span>
<h3>Week Two</h3>
<h4><a href="unit1_projects/blog-posts/week2_technical.html">Technical Blog 2</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Technical Blog: Padding, Margins and Borders</h3>
<p>This was a quick guide of the differences between padding, margins and borders on html.css. Pretty basic content, but if it's something you're struggling with, I hope this provides clarity.</p>
<img src="unit1_projects/images/techblog2.png">
</div></span>
<h4><a href="unit1_projects/blog-posts/wireframe_sites.html">Wireframe Blog</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Wireframe Analysis</h3>
<p>This was an exercise where I took some wireframes from the sites I had mentioned in my previous technical blog, and attempted to analyse them from a design perspective</p>
<img src="unit1_projects/images/wireframe_analysis.png">
</div></span>
<h4><a href="unit1_projects/adam_wireframes.html">Home Page Wireframe</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>My Wireframes</h3>
<p>This was my attempt at wireframing my own webpage. Utimately, I haven't gone with this design, as I ran with it for a bit and I felt like it didn't look very good at all. </p>
<img src="unit1_projects/images/wireframepage.png">
</div></span>
</ul>
<h3>Week Three</h3>
<h4><a href="unit1_projects/blog-posts/week3_cultural.html">Cultural Blog 2</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>My Learning Style</h3>
<p>This blog talks about my learning style, and how I should approach EDA considering this</p>
<img src="unit1_projects/images/cult3.png">
</div></span>
<h4><a href="unit1_projects/blog-posts/week3_technical.html">Technical Blog 3</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Javascript</h3>
<p>This blog talks a little bit about Javascript, why we learn it, and what's good about it.</p>
<img src="unit1_projects/images/tech3.png">
</div></span>
<h3>Week Four</h3>
<h4><a href="unit1_projects/blog-posts/week4_cultural.html">Cultural Blog 3</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Internet Freedom</h3>
<p>This blog is my biggest yet; touching on Internet Freedom: what it is and why we should care about it.</p>
<img src="unit1_projects/images/cult4.png">
</div></span>
<h4><a href="unit1_projects/blog-posts/week4_technical.html">Technical Blog 4</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Loops</h3>
<p>In this blog I cover the main looping conventions that ruby programmers favor.</p>
<img src="unit1_projects/images/tech4.png">
</div></span>
<h3>Week Six</h3>
<h4><a href="unit1_projects/blog-posts/week6_cultural.html">Cultural Blog 6</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Stereotype Threat</h3>
<p>This blog is all about the social phenomenon called stereotype threat and how it affects our performance</p>
<img src="unit1_projects/images/cult6.png">
</div></span>
<h4><a href="unit1_projects/blog-posts/week6_technical.html">Technical Blog 6</a></h4>
<span><a href="#" class ="show">[show]</a><a href="#" class ="hide">[hide]</a>
<div class = "appear" id="firstpage">
<h3>Blocs, Procs and Lambda</h3>
<p>A short technical guide to blocks, procs and lambdas in ruby.</p>
<img src="unit1_projects/images/tech6.png">
</div></span>
</div>
</section>
<footer>
<div id= "copyright">
<p>2014 Adam Ron</p>
</div>
<div id = "totop">
<p><a href="#logo">Back to Top</a></p>
</div>
</footer>
</html>