Simplify homepage
I quite liked the old style
This commit is contained in:
parent
30e77f3cfb
commit
c66af9defa
3 changed files with 9 additions and 50 deletions
|
@ -1,24 +1,17 @@
|
|||
.homepage-jumbotron {
|
||||
@extend .valign-wrapper, .center-align;
|
||||
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
@extend .center-align;
|
||||
|
||||
color: white;
|
||||
|
||||
@media #{$large-and-up} {
|
||||
height: calc(70vh - #{$navbar-height});
|
||||
}
|
||||
|
||||
@media #{$medium-and-down} {
|
||||
height: calc(100vh - #{$navbar-height});
|
||||
h1 {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.homepage-recent-content {
|
||||
h2 {
|
||||
@extend .center-align;
|
||||
.homepageview > main {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
margin-bottom: $element-bottom-margin * 2;
|
||||
}
|
||||
background-image: url('../img/header.jpg');
|
||||
}
|
||||
|
|
|
@ -1,13 +0,0 @@
|
|||
<div class="row">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<p>
|
||||
I am a very simple card. I am good at containing small bits of information.
|
||||
I am convenient because I require little markup to use effectively.
|
||||
</p>
|
||||
</div>
|
||||
<div class="card-action">
|
||||
<a href="#">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
|
@ -1,4 +1,3 @@
|
|||
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% load static %}
|
||||
|
@ -6,28 +5,8 @@
|
|||
{% block title %}Homepage{% endblock %}
|
||||
|
||||
{% block main %}
|
||||
<div class="homepage-jumbotron parallax-container">
|
||||
<div class="parallax">
|
||||
<img src="{% static 'img/header.jpg' %}" />
|
||||
</div>
|
||||
|
||||
<div class="homepage-jumbotron">
|
||||
<h1>Jake Howard</h1>
|
||||
<p class="flow-text">Part Developer. Part SysAdmin. Part InfoSec. All Nerd!</p>
|
||||
</div>
|
||||
|
||||
<div class="container homepage-recent-content">
|
||||
<h2>Recent Content</h2>
|
||||
|
||||
{% include "card-list-item.html" %}
|
||||
</div>
|
||||
{% endblock%}
|
||||
|
||||
|
||||
{% block extrascripts %}
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
var elems = document.querySelectorAll('.parallax');
|
||||
var instances = M.Parallax.init(elems, {});
|
||||
});
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
|
Reference in a new issue