Website overhaul v1

1 files changed, 148 insertions, 36 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index d246fde..5d8594d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,61 +1,173 @@
 @charset "utf-8";
 
+/* source-code-pro-regular - latin */
 @font-face {
-	font-family: Basis;
-	src: url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype');
-	font-weight: normal;
- }
- @font-face {
-	 font-family: Basis;
-	 src: url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype');
-	 font-weight: 100;
- }
- @font-face {
-	 font-family: Basis;
-	 src: url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype');
-	 font-weight: bold;
- }
-
-* {
-	font-family: Basis;
-	color: black;
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/source-code-pro-v14-latin-regular.eot'); /* IE9 Compact Modes */
+  src: local(''),
+    url('../fonts/source-code-pro-v14-latin-regular.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-IE8 */ url('../fonts/source-code-pro-v14-latin-regular.woff2')
+      format('woff2'),
+    /* Super Modern Browsers */
+      url('../fonts/source-code-pro-v14-latin-regular.woff') format('woff'),
+    /* Modern Browsers */ url('../fonts/source-code-pro-v14-latin-regular.ttf')
+      format('truetype'),
+    /* Safari, Android, iOS */
+      url('../fonts/source-code-pro-v14-latin-regular.svg#SourceCodePro')
+      format('svg'); /* Legacy iOS */
+}
+
+/* source-sans-pro-regular - latin */
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compact Modes */
+  src: local(''),
+    url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix')
+      format('embedded-opentype'),
+    /* IE6-IE8 */ url('../fonts/source-sans-pro-v14-latin-regular.woff2')
+      format('woff2'),
+    /* Super Modern Browsers */
+      url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'),
+    /* Modern Browsers */ url('../fonts/source-sans-pro-v14-latin-regular.ttf')
+      format('truetype'),
+    /* Safari, Android, iOS */
+      url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro')
+      format('svg'); /* Legacy iOS */
+}
+
+ul#nav {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+}
+
+body#home header ul#nav {
+  width: 436px;
+}
+
+body#about header ul#nav {
+  width: 403.2px;
+}
+ul#nav li {
+	font-size: 12px;
+  margin: 1.5em;
+  width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
+  text-align: center; /* If you want the text to be centered */
+}
+
+body#home {
+  max-width: 570px;
+}
+
+body#about {
+  max-width: 570px;
+}
+
+body {
+  font-family: 'Source Sans Pro';
+  font-size: 14px;
+  margin: 0 auto;
+}
+
+section#intro h1:after {
+  content: ' // Dylan Bolger';
+  color: #d3d3d3;
+}
+
+section#webthings h2:after {
+	content: ' // <3';
+	color: #d3d3d3;
+}
+
+section#projects h1:after {
+  content: ' // :)';
+  color: #d3d3d3;
+}
+
+div.project.js h2:after {
+  font-style: normal;
+  content: ' // JavaScript';
+  color: #d3d3d3;
+}
+
+div.project.css h2:after {
+  font-style: normal;
+  content: ' // CSS';
+  color: #d3d3d3;
+}
+
+div.project.swift h2:after {
+  font-style: normal;
+  content: ' // Swift';
+  color: #d3d3d3;
+}
+
+div.project.objc h2:after {
+  font-style: normal;
+  content: ' // Objective-C';
+  color: #d3d3d3;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: 'Source Code Pro';
 }
 
 a {
-	color: blue;
+  color: blue;
 }
 
 a:hover {
-	color: black;
+  color: black;
 }
 
 a:active {
-	color:gray;
+  color: gray;
 }
 
 section {
-	padding-left: 125px;
-	padding-bottom: 50px;
-	line-height: 20px;
+  padding-bottom: 50px;
+  line-height: 20px;
 }
 
-header {
-	padding-top: 100px;
-	padding-left: 125px;
+div.project {
+  margin-bottom: 2em;
 }
 
-section ul {
-	padding-left: 0px;
-	list-style-type: none;
-	line-height:20px;
+div.project h2 {
+  font-style: italic;
 }
 
+section#projects p#description {
+  margin-bottom: 1.5em;
+}
 
-section h1 {
-	font-size: 28px;
+header {
+  padding-left: 0px;
+  margin: auto;
+}
+/*make uls clean*/
+section ul {
+  padding-left: 0px;
+  list-style-type: none;
+  line-height: 20px;
 }
 
-p {
-	font-weight: lighter;
-	size: 14px;
+div.project h1 {
+  margin-bottom: 200px;
+}
+
+section h1 {
+  font-weight: bold;
+  font-size: 28px;
 }