shipit

dlocs · Feb 22, 2015 · 6d48238 · 6d48238
1 parent ffdc8c2
commit 6d48238
Show file tree

Hide file tree

Showing 40 changed files with 582 additions and 3 deletions.
diff --git a/about/index.html b/about/index.html
@@ -0,0 +1,40 @@
+<!--[if lt IE 7]>      <html class='oldie ie6'> <![endif]-->
+<!--[if IE 7]>         <html class='oldie ie7'> <![endif]-->
+<!--[if IE 8]>         <html class='oldie ie8'> <![endif]-->
+<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+<head>
+  <script src="//use.typekit.net/ead2ukl.js"></script>
+  <script>try{Typekit.load();}catch(e){}</script>
+  <title>Danny Loiacono</title>
+  <link href='/assets/css/grid.css' media="all" rel="stylesheet">
+  <link href='/assets/css/main.css' media="all" rel="stylesheet">
+  <meta content='I am Danny.' name='description'>
+</head>
+<body>
+<div id="wrapper">
+  <div class="row">
+    <div id="left" class="columns two">
+      <h1><a href="/"><img src="/assets/images/logo.jpg" width="104"></a></h1>
+      <ul id="nav">
+        <li><a href="/work">Work</a></li>
+        <li><a href="/about">About</a></li>
+        <li><a href="/contact">Contact</a></li>
+      </ul>
+    </div>
+    <div class="columns eight">
+      <div id="main" class="about-page">
+        <div class="row">
+          <div class="columns seven">
+            <h3>About</h3>
+            <p>I’m Danny Loiacono and I provide creative design for start-ups, small businesses and entrepreneurs. In 2010 I started the apparel/product line DPTR (depature). If you’d like to get in touch, <a href="mailto:dlocs9@gmail.com">shoot me an email.</a></p>
+          </div>
+          <div class="columns five">
+            <img width="100%" src="/assets/images/about/danny-loiacono.jpg">
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/assets/css/grid.css b/assets/css/grid.css
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -0,0 +1,157 @@
+html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
+
+table { border-collapse: collapse; border-spacing: 0; }
+
+a { outline: 0; text-decoration: none; }
+
+html, body {
+  height: 100%
+}
+
+body {
+  font-family: "aktiv-grotesk-std", sans-serif;
+  font-size: 100%;
+}
+
+#wrapper {
+  margin: 1em;
+}
+
+@media only screen and (min-width : 480px) {
+  #wrapper {
+    margin: 4em 4em 2em 4em;
+  }
+}
+
+#left ul {
+  margin-top: 2em;
+  margin-right: 5em;
+}
+
+#left ul li {
+  list-style-type: none;
+  margin-bottom: 0.5em;
+}
+
+#left ul li a {
+  text-transform: lowercase;
+  color: #555;
+  font-size: 1.1em;
+}
+
+#left ul li a:hover {
+  color: #fabc00;
+  border-bottom: 1px dotted #fabc00;
+}
+
+#main {
+  margin-top: 2em;
+}
+
+@media only screen and (min-width : 480px) {
+  #main {
+    margin-top: 4.2em;
+  }
+}
+
+/*** home page ***/
+#main.home-page img {
+  margin: 0 auto;
+  display: block;
+}
+
+/*** contact page ***/
+@media only screen and (min-width : 480px) {
+  #main.contact-page {
+    margin-top: 5.5em;
+  }
+}
+
+.contact-page h3 {
+  font-size: 1.6em;
+  margin-bottom: 0.6em;
+}
+
+.contact-page p {
+  margin-bottom: 1em;
+}
+
+.contact-page a {
+  color: #57b7e7;
+  border-bottom: 1px dotted #57b7e7;
+}
+
+/*** about page ***/
+@media only screen and (min-width : 480px) {
+  #main.about-page {
+    margin-top: 5.5em;
+  }
+
+  .about-page p {
+    margin-right: 1.5em;
+  }
+}
+
+.about-page h3 {
+  font-size: 1.6em;
+  margin-bottom: 0.6em;
+}
+
+.about-page p {
+  margin-bottom: 1.5em;
+}
+
+.about-page a {
+  color: #57b7e7;
+  border-bottom: 1px dotted #57b7e7;
+}
+
+/*** projects page ***/
+.projects-page .row {
+  margin-bottom: 1.2em;
+}
+
+.projects-page .project-thumbnail {
+  position: relative;
+  margin: 0 0.2em;
+}
+
+.projects-page .project-thumbnail a {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: #aaa;
+  opacity: 0.1;
+}
+.projects-page .project-thumbnail a:hover {
+  background: transparent;
+}
+
+/*** project page ***/
+@media only screen and (min-width : 480px) {
+  #main.project-page {
+    margin-top: 5.5em;
+  }
+}
+
+.project-page h3 {
+  font-size: 1.6em;
+  margin-bottom: 1em;
+}
+
+.project-page .thumb {
+  margin: 1em 0;
+}
+
+@media only screen and (min-width : 480px) {
+  .project-page .thumb {
+    margin-right: 1.5em;
+  }
+}
+
+.project-page .bottom-spacing {
+  margin-bottom: 2em;
+}
+
diff --git a/assets/images/about/danny-loiacono.jpg b/assets/images/about/danny-loiacono.jpg
diff --git a/assets/images/home/hero.jpg b/assets/images/home/hero.jpg
diff --git a/assets/images/logo.jpg b/assets/images/logo.jpg
diff --git a/assets/images/work/art/poster.jpg b/assets/images/work/art/poster.jpg
diff --git a/assets/images/work/beanies/poster.jpg b/assets/images/work/beanies/poster.jpg
diff --git a/assets/images/work/logos/poster.jpg b/assets/images/work/logos/poster.jpg
diff --git a/assets/images/work/shirts/shirts4.jpg b/assets/images/work/shirts/shirts4.jpg
diff --git a/assets/images/work/shirts/shirts5.jpg b/assets/images/work/shirts/shirts5.jpg
diff --git a/assets/images/work/shirts/tshirts1.jpg b/assets/images/work/shirts/tshirts1.jpg
diff --git a/assets/images/work/shirts/tshirts2.jpg b/assets/images/work/shirts/tshirts2.jpg
diff --git a/assets/images/work/shirts/tshirts3.jpg b/assets/images/work/shirts/tshirts3.jpg
diff --git a/assets/images/work/snapbacks/snapback1.jpg b/assets/images/work/snapbacks/snapback1.jpg
diff --git a/assets/images/work/snapbacks/snapbacks10.jpg b/assets/images/work/snapbacks/snapbacks10.jpg
diff --git a/assets/images/work/snapbacks/snapbacks2.jpg b/assets/images/work/snapbacks/snapbacks2.jpg
diff --git a/assets/images/work/snapbacks/snapbacks3.jpg b/assets/images/work/snapbacks/snapbacks3.jpg
diff --git a/assets/images/work/snapbacks/snapbacks4.jpg b/assets/images/work/snapbacks/snapbacks4.jpg
diff --git a/assets/images/work/snapbacks/snapbacks5.jpg b/assets/images/work/snapbacks/snapbacks5.jpg
diff --git a/assets/images/work/snapbacks/snapbacks6.jpg b/assets/images/work/snapbacks/snapbacks6.jpg
diff --git a/assets/images/work/snapbacks/snapbacks7.jpg b/assets/images/work/snapbacks/snapbacks7.jpg
diff --git a/assets/images/work/snapbacks/snapbacks8.jpg b/assets/images/work/snapbacks/snapbacks8.jpg
diff --git a/assets/images/work/snapbacks/snapbacks9.jpg b/assets/images/work/snapbacks/snapbacks9.jpg
diff --git a/assets/images/work/thumbnail-beanies.jpg b/assets/images/work/thumbnail-beanies.jpg
diff --git a/assets/images/work/thumbnail-diamond.jpg b/assets/images/work/thumbnail-diamond.jpg
diff --git a/assets/images/work/thumbnail-monkey.jpg b/assets/images/work/thumbnail-monkey.jpg
diff --git a/assets/images/work/thumbnail-shirts.jpg b/assets/images/work/thumbnail-shirts.jpg
diff --git a/assets/images/work/thumbnail-snapbacks.jpg b/assets/images/work/thumbnail-snapbacks.jpg
diff --git a/assets/images/work/thumbnail-wallet.jpg b/assets/images/work/thumbnail-wallet.jpg
diff --git a/assets/images/work/wallet/poster.jpg b/assets/images/work/wallet/poster.jpg
diff --git a/contact/index.html b/contact/index.html
@@ -0,0 +1,34 @@
+<!--[if lt IE 7]>      <html class='oldie ie6'> <![endif]-->
+<!--[if IE 7]>         <html class='oldie ie7'> <![endif]-->
+<!--[if IE 8]>         <html class='oldie ie8'> <![endif]-->
+<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+<head>
+  <script src="//use.typekit.net/ead2ukl.js"></script>
+  <script>try{Typekit.load();}catch(e){}</script>
+  <title>Danny Loiacono</title>
+  <link href='/assets/css/grid.css' media="all" rel="stylesheet">
+  <link href='/assets/css/main.css' media="all" rel="stylesheet">
+  <meta content='I am Danny.' name='description'>
+</head>
+<body>
+<div id="wrapper">
+  <div class="row">
+    <div id="left" class="columns two">
+      <h1><a href="/"><img src="/assets/images/logo.jpg" width="104"></a></h1>
+      <ul id="nav">
+        <li><a href="/work">Work</a></li>
+        <li><a href="/about">About</a></li>
+        <li><a href="/contact">Contact</a></li>
+      </ul>
+    </div>
+    <div class="columns eight">
+      <div id="main" class="contact-page">
+        <h3>Contact</h3>
+        <p>Lets talk about your project - Shoot me an email and lets get started.</p>
+        <a href="mailto:dlocs9@gmail.com">dlocs9@gmail.com</a>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -3,11 +3,30 @@
 <!--[if IE 8]>         <html class='oldie ie8'> <![endif]-->
 <!--[if gt IE 8]><!--> <html> <!--<![endif]-->
 <head>
+  <script src="//use.typekit.net/ead2ukl.js"></script>
+  <script>try{Typekit.load();}catch(e){}</script>
   <title>Danny Loiacono</title>
-  <link href='/css/styles.css' media="all" rel="stylesheet">
+  <link href='/assets/css/grid.css' media="all" rel="stylesheet">
+  <link href='/assets/css/main.css' media="all" rel="stylesheet">
+  <meta content='I am Danny.' name='description'>
 </head>
 <body>
-<h1>Hi im danny</h1>
-
+  <div id="wrapper">
+    <div class="row">
+      <div id="left" class="columns two">
+        <h1><a href="/"><img src="/assets/images/logo.jpg" width="104"></a></h1>
+        <ul id="nav">
+          <li><a href="/work">Work</a></li>
+          <li><a href="/about">About</a></li>
+          <li><a href="/contact">Contact</a></li>
+        </ul>
+      </div>
+      <div class="columns eight">
+        <div id="main" class="home-page">
+          <img src="/assets/images/home/hero.jpg" width='80%'>
+        </div>
+      </div>
+    </div>
+  </div>
 </body>
 </html>
diff --git a/work/art/index.html b/work/art/index.html
@@ -0,0 +1,32 @@
+<!--[if lt IE 7]>      <html class='oldie ie6'> <![endif]-->
+<!--[if IE 7]>         <html class='oldie ie7'> <![endif]-->
+<!--[if IE 8]>         <html class='oldie ie8'> <![endif]-->
+<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+<head>
+  <script src="//use.typekit.net/ead2ukl.js"></script>
+  <script>try{Typekit.load();}catch(e){}</script>
+  <title>Danny Loiacono</title>
+  <link href='/assets/css/grid.css' media="all" rel="stylesheet">
+  <link href='/assets/css/main.css' media="all" rel="stylesheet">
+</head>
+<body>
+<div id="wrapper">
+  <div class="row">
+    <div id="left" class="columns two">
+      <h1><a href="/"><img src="/assets/images/logo.jpg" width="104"></a></h1>
+      <ul id="nav">
+        <li><a href="/work">Work</a></li>
+        <li><a href="/about">About</a></li>
+        <li><a href="/contact">Contact</a></li>
+      </ul>
+    </div>
+    <div class="columns eight">
+      <div id="main" class="project-page">
+        <h3>Artwork</h3>
+        <img src="/assets/images/work/art/poster.jpg" width="100%">
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>
diff --git a/work/beanies/index.html b/work/beanies/index.html
@@ -0,0 +1,32 @@
+<!--[if lt IE 7]>      <html class='oldie ie6'> <![endif]-->
+<!--[if IE 7]>         <html class='oldie ie7'> <![endif]-->
+<!--[if IE 8]>         <html class='oldie ie8'> <![endif]-->
+<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
+<head>
+  <script src="//use.typekit.net/ead2ukl.js"></script>
+  <script>try{Typekit.load();}catch(e){}</script>
+  <title>Danny Loiacono</title>
+  <link href='/assets/css/grid.css' media="all" rel="stylesheet">
+  <link href='/assets/css/main.css' media="all" rel="stylesheet">
+</head>
+<body>
+<div id="wrapper">
+  <div class="row">
+    <div id="left" class="columns two">
+      <h1><a href="/"><img src="/assets/images/logo.jpg" width="104"></a></h1>
+      <ul id="nav">
+        <li><a href="/work">Work</a></li>
+        <li><a href="/about">About</a></li>
+        <li><a href="/contact">Contact</a></li>
+      </ul>
+    </div>
+    <div class="columns eight">
+      <div id="main" class="project-page">
+        <h3>DPTR Beanies</h3>
+        <img src="/assets/images/work/beanies/poster.jpg" width="100%">
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>