start of stacked layout
This commit is contained in:
parent
b12d27f495
commit
74ae942ea7
5 changed files with 37 additions and 2 deletions
|
@ -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 %}
|
||||
|
|
|
@ -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; }
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
---
|
||||
layout: stacked
|
||||
---
|
||||
|
||||
Hello
|
||||
|
|
Loading…
Reference in a new issue