Revert "Use wrapper class instead of id"

8 years ago · 72b335765d
parent 0bb01bc762
commit 72b335765d
8 changed files with 22 additions and 20 deletions
--- a/layouts/404.html
+++ b/layouts/404.html
@ -2,7 +2,7 @@
 	<body>
    {{ partial "nav.html" . }}

-    <section class="wrapper home">
+    <section id="wrapper" class="home">
        <article class="post">
            <header>
                <h1>{{ with .Site.Params.title404 }}{{ . }}{{ else }}404 - Page not found{{ end }}</h1>
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@ -3,7 +3,7 @@
 	{{ partial "nav.html" . }}
 	{{ partial "profile.html" . }}

-	<section class="wrapper home">
+	<section id="wrapper" class="home">
 		{{ range .Data.Pages.GroupByDate "2006" }}
 		<div class="archive">
 			<h3>{{ .Key }}</h3>
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -2,7 +2,7 @@
    <body>
       {{ partial "nav.html" . }}

-        <section class="wrapper">
+        <section id="wrapper">
            <article class="post">
                <header>
                    <h1>
--- a/layouts/about/single.html
+++ b/layouts/about/single.html
@ -3,7 +3,7 @@
 {{ partial "nav.html" . }}
 {{ partial "profile.html" . }}

-<section class="wrapper home">
+<section id="wrapper" class="home">
    {{ .Content }}

    {{ if .Site.Params.enableDisqus }}
--- a/layouts/index.html
+++ b/layouts/index.html
@ -4,7 +4,7 @@

    {{ partial "profile.html" . }}

-    <section class="wrapper home">
+    <section id="wrapper" class="home">
        {{ partial "post-list.html"  . }}
        {{ partial "pagination.html" . }}
        {{ partial "footer.html"     . }}
--- a/layouts/partials/profile.html
+++ b/layouts/partials/profile.html
@ -1,9 +1,11 @@
-<section class="wrapper profile">
-  <header id="header">
-      <a href='{{ .Site.BaseURL }}about'>
-          <img id="avatar" class="2x" src="{{ .Site.BaseURL }}images/avatar.png"/>
-      </a>
-      <h1>{{ .Site.Params.name }}</h1>
-      <h2>{{ .Site.Params.bio | markdownify }}</h2>
-  </header>
-</section>
+<div class="profile">
+    <section id="wrapper">
+        <header id="header">
+            <a href='{{ .Site.BaseURL }}about'>
+                <img id="avatar" class="2x" src="{{ .Site.BaseURL }}images/avatar.png"/>
+            </a>
+            <h1>{{ .Site.Params.name }}</h1>
+            <h2>{{ .Site.Params.bio | markdownify }}</h2>
+        </header>
+    </section>
+</div>
--- a/layouts/tags/single.html
+++ b/layouts/tags/single.html
@ -3,7 +3,7 @@
       {{ partial "nav.html" . }}
       {{ partial "profile.html" . }}

-        <section class="wrapper tags">
+        <section id="wrapper" class="tags">
            <div class="page-tags" id="tags">
                {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
                 <span class="tags">
--- a/static/css/style.css
+++ b/static/css/style.css
@ -134,7 +134,7 @@ h2 {
    color: #bbb;
 }

-.wrapper.profile {
+.profile #wrapper {
    padding: 100px 40px 0px;
    max-width: 600px;
    margin: 0 auto;
@ -200,13 +200,13 @@ nav.main-nav a.cta {
    margin-left: 12px;
 }

-.wrapper {
+#wrapper {
    max-width: 600px;
    margin: 0 auto;
    padding: 60px 40px 100px 40px;
 }

-.wrapper.home {
+#wrapper.home {
    max-width: 600px;
    margin: 0 auto;
    padding: 0px 40px 20px 40px;
@ -747,7 +747,7 @@ h2.month {
 /* Media Queries */

@media screen and (max-width: 540px) {
-    .wrapper {
+    #wrapper {
        padding: 20px 20px 20px 20px;
    }
    #header {
@ -871,7 +871,7 @@ code {
 * tags page
 */

-.wrapper.tags {
+#wrapper.tags {
  padding: 0px 40px 20px 40px;
 }
 .page-tags {