start of stacked layout

This commit is contained in:
Sophie Shepherd 2019-01-25 10:57:43 -06:00
parent b12d27f495
commit 74ae942ea7
5 changed files with 37 additions and 2 deletions

View file

@ -1,5 +1,17 @@
{% include header.html %}
{{ content }}
{% assign user = site.github.organization_members[0] %}
<div class="container-lg py-6 p-responsive text-center">
<img src="{{ user.avatar_url }}" class="circle mb-3" style="max-width: 180px;">
<h1 class="h0 mb-2">{{ site.github.project_title }}</h1>
<p class="f4">
<a href="https://github.com/{{ user.login }}">
@{{ user.login }}
</a>
</p>
</div>
{{ content }}
{% include footer.html %}

View file

@ -6,6 +6,7 @@
*/
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
@import url("https://fonts.googleapis.com/css?family=Rubik:400,500,700,900");
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
/** Remove the margin in all browsers (opinionated). */
@ -3243,3 +3244,5 @@ a.tabnav-extra:hover { color: #0366d6; text-decoration: none; }
.show-on-focus { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }
.show-on-focus:focus { z-index: 20; width: auto; height: auto; clip: auto; }
body { font-family: 'Rubik', sans-serif; }

View file

@ -8,7 +8,20 @@
<body>
<div class="container-lg py-6 p-responsive text-center">
<img src="https://avatars0.githubusercontent.com/u/11095731?v=4" class="circle mb-3" style="max-width: 180px;">
<h1 class="h0 mb-2">profile-generator</h1>
<p class="f4">
<a href="https://github.com/BenEmdon">
@BenEmdon
</a>
</p>
</div>
Hello
</body>
</html>

View file

@ -1,3 +1,8 @@
---
---
@import "primer-core/index";
@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,700,900');
body {
font-family: 'Rubik', sans-serif;
}

View file

@ -1,3 +1,5 @@
---
layout: stacked
---
Hello