michaelh/hugo-academic-mirror
1
0
Fork 0
mirror of https://github.com/gcushen/hugo-academic.git synced 2025-07-26 19:15:16 +02:00
Code Issues Projects Releases Packages Wiki Activity

Fix homepage section widths and responsiveness

Browse source
This commit is contained in:
George Cushen 2016-05-12 22:38:09 +01:00
commit e59e1382e5
2 changed files with 62 additions and 73 deletions
Download patch file Download diff file Expand all files Collapse all files

94
layouts/index.html
View file

@ -1,25 +1,27 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}
<div class="container">
<!-- Flag for jQuery --> <!-- Flag for jQuery -->
<span id="homepage" style="display: none"></span> <span id="homepage" style="display: none"></span>
<!-- Biography Section --> <!-- Biography Section -->
{{ range where .Data.Pages "Type" "home" }} {{ range where .Data.Pages "Type" "home" }}
{{ if eq .Title "about" }} {{ if eq .Title "about" }}
<section id="bio" class="home-section-wrapper full_width home" style="padding-top: 0;"> <section id="bio" class="home-section">
<div class="container">
{{ partial "home_biography" . }} {{ partial "home_biography" . }}
</section> </div>
{{ end }} </section>
{{ end }} {{ end }}
{{ end }}
<!-- Publications Section --> <!-- Publications Section -->
{{ $pubs_len := len (where .Data.Pages "Type" "publication") }} {{ $pubs_len := len (where .Data.Pages "Type" "publication") }}
{{ if gt $pubs_len 0 }} {{ if gt $pubs_len 0 }}
<section id="publications" class="home-section-wrapper full_width home"> <section id="publications" class="home-section">
<div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-4"> <div class="col-xs-12 col-md-4">
<h2>Recent Publications</h2> <h2>Recent Publications</h2>
@ -37,14 +39,16 @@
</ul> </ul>
</div> </div>
</div> </div>
</section> </div>
{{ end }} </section>
{{ end }}
<!-- Blog Posts Section --> <!-- Blog Posts Section -->
{{ $posts_len := len (where .Data.Pages "Type" "post") }} {{ $posts_len := len (where .Data.Pages "Type" "post") }}
{{ if gt $posts_len 0 }} {{ if gt $posts_len 0 }}
<section id="posts" class="home-section-wrapper full_width home"> <section id="posts" class="home-section">
<div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-4"> <div class="col-xs-12 col-md-4">
<h2>Posts</h2> <h2>Posts</h2>
@ -69,14 +73,16 @@
{{ end }} {{ end }}
</div> </div>
</div> </div>
</section> </div>
{{ end }} </section>
{{ end }}
<!-- Projects Section --> <!-- Projects Section -->
{{ $projects_len := len (where .Data.Pages "Type" "project") }} {{ $projects_len := len (where .Data.Pages "Type" "project") }}
{{ if gt $projects_len 0 }} {{ if gt $projects_len 0 }}
<section id="projects" class="home-section-wrapper full_width home"> <section id="projects" class="home-section">
<div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-4"> <div class="col-xs-12 col-md-4">
<h2>Projects</h2> <h2>Projects</h2>
@ -94,15 +100,17 @@
</ul> </ul>
</div> </div>
</div> </div>
</section> </div>
{{ end }} </section>
{{ end }}
<!-- Custom Sections --> <!-- Custom Sections -->
{{ range $index, $page := where .Data.Pages "Type" "home" }} {{ range $index, $page := where .Data.Pages "Type" "home" }}
{{ if and (isset .Params "section_id") (not (eq .Params.section_id 0)) }} {{ if and (isset .Params "section_id") (not (eq .Params.section_id 0)) }}
{{ $title_words := split $page.Title " " }} {{ $title_words := split $page.Title " " }}
<section id="{{ range $k, $v := $title_words }}{{ if eq $k 0 }}{{ . | urlize | lower }}{{ end }}{{ end }}" class="home-section-wrapper full_width home"> <section id="{{ range $k, $v := $title_words }}{{ if eq $k 0 }}{{ . | urlize | lower }}{{ end }}{{ end }}" class="home-section">
<div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-4"> <div class="col-xs-12 col-md-4">
<h2>{{ title $page.Title }}</h2> <h2>{{ title $page.Title }}</h2>
@ -111,13 +119,15 @@
{{ $page.Content }} {{ $page.Content }}
</div> </div>
</div> </div>
</section> </div>
{{ end }} </section>
{{ end }} {{ end }}
{{ end }}
<!-- Contact Section --> <!-- Contact Section -->
<section id="contact" class="home-section-wrapper full_width home"> <section id="contact" class="home-section">
<div class="container">
<div class="row"> <div class="row">
<div class="col-xs-12 col-md-4"> <div class="col-xs-12 col-md-4">
<h2>Contact</h2> <h2>Contact</h2>
@ -126,11 +136,13 @@
{{ partial "home_contact.html" . }} {{ partial "home_contact.html" . }}
</div> </div>
</div> </div>
</section> </div>
</section>
<!-- Page Footer --> <!-- Page Footer -->
<div class="container">
{{ partial "footer_container.html" . }} {{ partial "footer_container.html" . }}
</div> </div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

41
static/css/hugo-academic.css
View file

@ -104,35 +104,16 @@ footer p.powered-by {
* Home Sections * Home Sections
**************************************************/ **************************************************/
.home-section-wrapper { .home-section {
position: relative;
margin-bottom: 45px;
border-style: solid;
border-color: #f7f7f7;
border-width: 0px;
background-repeat: no-repeat;
background-position: center center;
background-attachment: scroll;
background-size: cover;
}
.home-section-wrapper.full_width {
padding-left: calc(0vw);
padding-right: calc(0vw);
margin-left: calc(0vw);
margin-right: calc(0vw);
}
.home-section-wrapper.full_width.home {
padding: 110px 371.25px;
margin-top: 0px;
margin-bottom: 0px;
width: 1905px;
margin-left: -382.5px;
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
padding: 110px 0 110px 0;
} }
.home-section-wrapper.full_width.home:nth-of-type(even) { .home-section:first-of-type {
padding-top: 0;
}
.home-section:nth-of-type(even) {
background-color: rgb(247, 247, 247); background-color: rgb(247, 247, 247);
} }
@ -365,12 +346,8 @@ ul.ul-edu li .description p.institution {
} }
@media (max-width:992px){ @media (max-width:992px){
.home-section-wrapper.full_width.home { .home-section {
padding: 110px 0px; padding: 60px 0 60px 0;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
width: 100%;
} }
.space-below { .space-below {