lols

jlord · Jun 30, 2014 · f27826a · f27826a · GUNDABABA · Mar 25, 2020
1 parent 22003bd
commit f27826a
Show file tree

Hide file tree

Showing 3 changed files with 34 additions and 5 deletions.
diff --git a/css/style.css b/css/style.css
@@ -11,7 +11,7 @@ p {font-weight: 200; font-size: 20px;}
 
 .name {font-family: Playfair Display; font-size: 50px; font-weight: 900; padding-bottom: 20px;}
 
-.container {margin: 0 auto; width: 600px; height: 400px; padding: 80px 0px; overflow: auto;}
+.container {margin: 0 auto; width: 600px; height: 400px; padding: 80px 12px; overflow: auto;}
 
 .meta {text-transform: uppercase; font-family: Courier New, Quicksand, "Helvetica Neue", "Arial", sans-serif; font-size: 11px; letter-spacing: .15em;}
 .meta a:hover {border-bottom: 1px solid #CCFF26; color: #333;}

diff --git a/css/style2.css b/css/style2.css
@@ -1,7 +1,20 @@
 /* Stylez
 Franklin Gothic Book*/
 
-body {font-family: Montserrat, Helvetica Neue, sans-serif; margin: 0 auto; background: #FFDED1; line-height: 2em; padding: 12px; box-sizing: border-box; color: #333;}
+/*body {font-family: Montserrat, Helvetica Neue, sans-serif; margin: 0 auto; background: #FFDED1; line-height: 2em; padding: 12px; box-sizing: border-box; color: #333; overflow: auto;}*/
+
+body {font-family: Montserrat, Helvetica Neue, sans-serif; margin: 0 auto; line-height: 2em; padding: 12px; box-sizing: border-box; color: #333; overflow: auto;
+background: #ffded1; /* Old browsers */
+background: -moz-linear-gradient(-45deg,  #ffded1 0%, #ffded1 50%, #ffc5af 50%, #ffc5af 100%); /* FF3.6+ */
+background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffded1), color-stop(50%,#ffded1), color-stop(50%,#ffc5af), color-stop(100%,#ffc5af)); /* Chrome,Safari4+ */
+background: -webkit-linear-gradient(-45deg,  #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* Chrome10+,Safari5.1+ */
+background: -o-linear-gradient(-45deg,  #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* Opera 11.10+ */
+background: -ms-linear-gradient(-45deg,  #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* IE10+ */
+background: linear-gradient(135deg,  #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); /* W3C */
+filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffded1', endColorstr='#ffc5af',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+
+}
+
 body, html {height: 100%;}
 
 .wrapper {box-sizing: border-box; height: 100%; overflow: auto; }
@@ -13,8 +26,25 @@ p {font-weight: 200; font-size: 20px;}
 
 .name {font-family: Montserrat; font-size: 45px; text-transform: uppercase; font-weight: 900; padding: 12px; border: 4px solid #0068FF; color: #0068FF; display: inline-block; position: absolute; margin-bottom: 60px; top: 60px; left: 90px;}
 
-.container {margin: 0 auto; width: 600px; height: 400px; padding: 130px 12px; overflow: auto;}
-article {padding-top: 60px;}
+.container {margin: 0 auto; width: 700px; padding: 120px 12px 50px; overflow: auto;}
+article {padding: 60px;}
+article::before {
+  content: '\2601';
+  position: relative;
+  top: 0;
+  left: -30px;
+  color: #0068FF;
+  font-size: 24px;
+}
+article::after {
+  content: '\2A55\2A55\2A55\2A55';
+  position: relative;
+  top: 40px;
+  left: 300px;
+  color: #0068FF;
+  font-size: 44px;
+}
+hr {border-bottom: 3px solid #0068FF;}
 
 .meta {text-transform: uppercase; font-family: Arial, Courier New, Source Sans Pro, sans-serif; font-size: 10px; letter-spacing: .15em;}
 .meta a:hover {color: #333;}

diff --git a/index.html b/index.html
@@ -19,7 +19,6 @@ <h1 class="name">jlord</h1>
         <p> Previously I was an <a href="www.bostonredevelopmentauthority.org" target="_blank">urban designer</a>, but the call of the wild open tech world would win me over.</p>
       </article>
 
-
     <footer>
       <ul class="meta inline-list">
         <li><a href="mailtop:[email protected]">[email protected]</a></li>