Starting up a homepage.

sjlu · Oct 15, 2013 · 2980fcb · 2980fcb
1 parent 1d8bfb6
commit 2980fcb
Show file tree

Hide file tree

Showing 5 changed files with 61 additions and 3 deletions.
diff --git a/static/img/avatar.jpg b/static/img/avatar.jpg
diff --git a/static/less/global.less b/static/less/global.less
@@ -0,0 +1,4 @@
+html,
+body {
+  -webkit-font-smoothing: antialiased;
+}
diff --git a/static/less/homepage.less b/static/less/homepage.less
@@ -0,0 +1,38 @@
+#homepage {
+  padding-top: 20px;
+
+  #header {
+    padding: 20px 0;
+
+    .avatar {
+      width: 100px;
+      margin: 0 auto;
+
+      img {
+        width: 100px;
+        height: 100px;
+
+        .border-radius(50px);
+      }
+    }
+
+    .name {
+      width: 100%;
+      text-align: center;
+
+      font-family: "europa", sans-serif;
+      font-size: 50px;
+      text-transform: uppercase;
+      font-weight: 600;
+
+      line-height: 100px;
+    }
+
+    .tagline {
+      text-align: center;
+      font-family: "adobe-garamond-pro", serif;
+      font-size: 24px;
+      font-weight: 300;
+    }
+  }
+}
diff --git a/templates/base.html b/templates/base.html
@@ -2,8 +2,8 @@
 <html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-  <meta name="description" content="" />
-  <meta name="keywords" content="" />
+  <meta name="description" content="Joy Sun -- A personality expressionist photographer." />
+  <meta name="keywords" content="photography, modeling, joy sun, personal shots" />
 
   <title>Joy Sun Photography</title>
 
@@ -23,5 +23,9 @@
 </head>
 <body>
   {% block body %}{% endblock %}
+
+  <script type="text/javascript" src="//use.typekit.net/geq2gwt.js"></script>
+  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+  <!-- This site was made with love from Steven Lu (stevenlu.com) -->
 </body>
 </html>
diff --git a/templates/homepage.html b/templates/homepage.html
@@ -1,4 +1,16 @@
 {% extends "base.html" %}
 {% block body %}
-  <div class="container"></div>
+  <div id="homepage" class="container">
+    <div id="header">
+      <div class="avatar">
+        <img src="{{ url_for('static', filename='img/avatar.jpg') }}" />
+      </div>
+      <div class="name">
+        Joy Sun
+      </div>
+      <div class="tagline">
+        Photographing human expressions one person at a time.
+      </div>
+    </div>
+  </div>
 {% endblock %}