Browse Source

adjusting template meta tags and css for proper mobile styles

Casey DeLorme 10 years ago
parent
commit
9b8308ea9c
2 changed files with 16 additions and 17 deletions
  1. 12 16
      public/css/main.css
  2. 4 1
      template.tmpl

+ 12 - 16
public/css/main.css

@@ -30,7 +30,6 @@ time, audio, video, progress {
     margin: 0;
     padding: 0;
     border: 0;
-    font-size: 100%;
     font: inherit;
     vertical-align: baseline;
 }
@@ -43,7 +42,7 @@ audio, canvas, progress, video {
 }
 html {
     font-family: 'droidsans', helvetica;
-    font-size: 32px;
+    font-size: 22px;
 }
 body {
     line-height: 1.4;
@@ -51,16 +50,13 @@ body {
     background-color: #fff;
 }
 h1 {
-    font-size: 2.25em;
+    font-size: 1.75em;
 }
 h2 {
-    font-size: 1.875em;
-}
-h3 {
     font-size: 1.5em;
 }
-h4 {
-  font-size: 1.125em;
+h3 {
+    font-size: 1.25em;
 }
 h1, h2, h3, h4, h5, h6 {
     font-family: 'aller', sans-serif, georgia;
@@ -74,7 +70,6 @@ h3, h4 {
 }
 h5, h6 {
     margin-top: 10px;
-    font-size: 0.9em;
 }
 h1, h2 {
     font-weight: bolder;
@@ -82,9 +77,6 @@ h1, h2 {
 h3, h4, strong, b {
     font-weight: bold;
 }
-strong {
-    font-size: 1.15em;
-}
 em {
     font-style: italic;
     font-weight: 200;
@@ -94,7 +86,6 @@ blockquote {
     quotes: none;
     padding: 10px 20px;
     margin: 0 0 20px;
-    font-size: 17.5px;
     border-left: 5px solid #eee;
     font-style: italic;
 }
@@ -171,7 +162,6 @@ header, .content, footer {
     max-width: 980px;
     margin: 20px auto;
     padding: 0 2%;
-    font-size: 1em;
 }
 
 /* header & navigation */
@@ -185,8 +175,8 @@ header h1 {
 nav li {
     font-size: 1.5em;
     line-height: 2;
-    display: inline;
     padding: 0 15px;
+    list-style: none;
 }
 
 /* footer styles */
@@ -229,7 +219,7 @@ footer .skype {
 /* responsive font sizes and link styles */
 @media only screen and (min-width: 981px) {
     html {
-        font-size: 24px;
+        font-size: 19px;
     }
 }
 @media only screen and (min-width: 1200px) {
@@ -239,4 +229,10 @@ footer .skype {
     a, a:hover, a:active, a:visited, h1 a, h2 a, h3 a, h4 a, strong a {
         text-decoration: none;
     }
+    header h1 {
+        font-size: 3em;
+    }
+    nav li {
+        display: inline;
+    }
 }

+ 4 - 1
template.tmpl

@@ -2,6 +2,9 @@
 <html lang="en">
     <head>{{/* depth stored for access inside navigation loop */}}{{$depth := .Depth}}
         <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="description" content="">
         <title>{{if .Name}}{{.Name}} | {{end}}Casey DeLorme's Portfolio / caseydelorme.com</title>
         <link rel="icon" type="image/x-icon" href="https://d2xxklvztqk0jd.cloudfront.net/favicon.ico" />
         <link rel="stylesheet" type="text/css" href="{{$depth}}/css/main.css#{{.Version}}">
@@ -36,4 +39,4 @@
         </footer>
 
     </body>
-</html>
+</html>