add first day project

danielvamosi · Nov 16, 2015 · 2a208d3 · 2a208d3
1 parent 169ea47
commit 2a208d3
Show file tree

Hide file tree

Showing 3 changed files with 82 additions and 0 deletions.
diff --git a/week-1/1-introduction/project/img/austria.jpg b/week-1/1-introduction/project/img/austria.jpg
diff --git a/week-1/1-introduction/project/index.html b/week-1/1-introduction/project/index.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>My medium article</title>
+    <link href='https://fonts.googleapis.com/css?family=Lato:900,300|Merriweather:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+    <link href="style/style.css" rel="stylesheet">
+  </head>
+  <body>
+    <!-- Helloka -->
+    <img src="img/austria.jpg" alt="austria">
+    <article>
+      <h1>💩How She Got There</h1>
+      <h2>An interview with Mule Design’s Erika Hall about philosophy, phone calls and her professional journey.</h2>
+      <p>
+        <em>
+          In the fall of 2013 I interviewed Erika Hall, co-founder of <a href="http://muledesign.com">Mule Design Studio</a>, one of the most influential design practices in North America. It was the first of fourteen interviews that I would conduct for my book How They Got There: Interviews With Digital Designers About Their Careers, and so in many ways it was the most important, too.
+        </em>
+      </p>
+      <p>
+        <strong>
+          You studied philosophy at Dartmouth. How did you get from there into doing the kind of work that you’re doing? What was the first step?
+        </strong>
+      </p>
+      <p>
+        Well, let’s see, the first step was graduating into a recession with a philosophy degree [laughs].
+      </p>
+    </article>
+  </body>
+</html>
diff --git a/week-1/1-introduction/project/style/style.css b/week-1/1-introduction/project/style/style.css
@@ -0,0 +1,52 @@
+body {
+  margin: 0;
+}
+
+img {
+  height: auto;
+  width: 100%;
+}
+
+article {
+  max-width: 700px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 10px;
+}
+
+/* Ez itt nem is ertelmezodik */
+
+h1 {
+  color: #444;
+  font-weight: 900;
+  font-size: 36px;
+  margin-bottom: 0;
+}
+
+h2 {
+  color: #999;
+  font-size: 32px;
+  font-weight: 300;
+  margin-bottom: 40px;
+  margin-top: 0;
+}
+
+h1,
+h2 {
+  font-family: Lato;
+  text-align: center;
+}
+
+p {
+  color: #444;
+  font-family: Merriweather;
+  line-height: 1.5;
+}
+
+a {
+  color: #444;
+}
+
+a:hover {
+  color: #999;
+}