archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

restyle header

Browse source
This commit is contained in:
Jake Howard 2017-01-17 22:03:25 +00:00
parent fd8e512fd5
commit 0bf9bbfcfb
5 changed files with 20 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
content/pages/about.html
View file

@ -4,16 +4,6 @@
<meta name="no_container" content="true" />
</head>
<body>
<section class="bg-primary">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h1 class="section-heading">About Me</h1>
<hr class="light">
</div>
</div>
</div>
</section>
<section id="me">
<div class="container">
<div class="row">
@ -23,7 +13,7 @@
I work as a full stack developer, but I prefer working on servers and mobile apps.
</p>
</div>
<div class="col-sm-4 text-center">
<div class="col-sm-4 text-center github-card-container">
<div data-theme="medium" data-github="RealOrangeOne" class="github-card"></div>
</div>
</div>

12
theme/static/src/scss/index.scss
View file

@ -71,16 +71,18 @@ p a {
padding: 1px 0;
}
#header {
header#header {
display: flex;
align-items: center;
min-height: 50vh;
&.image .section-heading {
@extend .text-shadow;
}
@media screen and (min-height: $screen-xs-max) {
height: 40vh;
@media screen and (max-height: $screen-xs-max) {
height: 100vh;
}
}
@ -99,3 +101,7 @@ p a {
}
}
}
.github-card-container > iframe {
max-width: 100%;
}

13
theme/templates/category.html
View file

@ -1,7 +1,7 @@
{% extends "base.html" %}
{% block htmltitle %}
{{ category|title }}
{{ category.name|title }}
{% endblock %}
{% block metadata %}
@ -9,16 +9,7 @@
{% endblock %}
{% block content %}
<section class="bg-primary">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h1 class="section-heading">{{ category.name|title }}</h1>
<hr class="light">
</div>
</div>
</div>
</section>
{% include 'extras/header.html' with instance=category %}
{% if category.page.content %}
<section>
<div class="container">

12
theme/templates/extras/header.html
View file

@ -1,6 +1,8 @@
<section id="header" class="bg-primary image" data-image="{{ instance.image }}">
<div class="container text-center text-uppercase">
<h1 class="section-heading">{{ instance.title }}</h1>
<hr class="light">
<header id="header" class="bg-primary image" data-image="{{ instance.image or (instance.page and instance.page.image) }}">
<div class="header-content">
<div class="header-content-inner">
<h1>{{ instance.title or instance.name or (instance.page and instance.page.name) }}</h1>
<hr>
</div>
</div>
</section>
</header>

2
theme/templates/page.html
View file

@ -9,8 +9,8 @@
{% endblock %}
{% block content %}
{% include 'extras/header.html' with instance=page %}
{% if not page.no_container %}
{% include 'extras/header.html' with instance=page %}
<section>
<div class="container">
{{ page.content }}