git.iko.soy/urbit.org
on master help sign in
Merge pull request #74 from urbit/zola-port

Refactored stylesheets and docs updates

commitf0eb63b5f4a31c85d4938c5655dc6f99f55c8af2 authorMorgan Sutherland <msutherl@users.noreply.github.com> dateThu 9 May 2019, 18:42 (7 years ago) parent5e862b5251db09
11 files changed+40−76
compare with master
unifiedsplit
content/posts/epicenter-episode-205-urbit-a-digital-republic-reinventing-the-internet.md+1−1 content/posts/lambdaconf-2018-ted-blackman-ford-urbits-build-system.md+1−1 sass/_main.scss+16−55 sass/_indigo.scss → sass/indigo.scss+2−2 sass/_primer.scss → sass/primer.scss+1−2 sass/styles.scss−6 templates/base.html+2−1 templates/partials/footer.html+4−4 templates/partials/navigation.html+4−4 templates/primer.html+1 templates/shortcodes/youtube.html+8
content/posts/epicenter-episode-205-urbit-a-digital-republic-reinventing-the-internet.md+1−1
@@ -6,6 +6,6 @@ description = "Galen discusses Urbit with Brian Fabian Crain and Meher Roy on th
66[taxonomies]
77posts = ["Media"]
88+++
9−{{ youtube(id="DFeN-TKZor0") }}
9+{{ youtube(id="DFeN-TKZor0") }}
1010
1111[\#205 Galen Wolfe-Pauly: Urbit - A Digital Republic Reinventing the Internet](https://epicenter.tv/episode/205/)
content/posts/lambdaconf-2018-ted-blackman-ford-urbits-build-system.md+1−1
@@ -6,6 +6,6 @@ description = "Ted presents a technical overview of Ford, Urbit's build system,
66[taxonomies]
77posts = ["Media"]
88+++
9−{{ youtube(id="5ZAFEylHdiU") }}
9+{{ youtube(id="5ZAFEylHdiU") }}
1010
1111[Ted Blackman Ford - Urbit's Build System - λC 2018](https://www.youtube.com/watch?v=5ZAFEylHdiU)
sass/_main.scss+16−55
@@ -13,11 +13,6 @@ a {
1313 color: #000;
1414}
1515
16−* {
17− font-smoothing: antialiased;
18− -webkit-font-smoothing: antialiased;
19−}
20−
2116p img {
2217 margin: 4rem 0;
2318 width: 100%;
@@ -158,6 +153,21 @@ iframe {
158153 margin-bottom: 7rem;
159154}
160155
156+.video-wrapper {
157+ position: relative;
158+ padding-bottom: 56.25%;
159+ height: 0;
160+}
161+
162+.video-wrapper iframe {
163+ position: absolute;
164+ top: 0;
165+ left: 0;
166+ width: 100%;
167+ height: 100%;
168+ border: none;
169+}
170+
161171/*
162172 * components
163173 */
@@ -334,12 +344,7 @@ button, .btn {
334344 font-weight: 700;
335345}
336346
337−.text-mono {
338− font-family: "Source Code Pro", "Roboto mono", "Courier New", monospace;
339−}
340−
341347.h-font {
342− font-family: 'Inter UI',-apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
343348 text-transform: lowercase;
344349}
345350
@@ -348,48 +353,8 @@ h1, h2, h3, h4, h5, h6, .text-heading {
348353 font-family: 'Inter UI',-apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
349354}
350355
351−h1, .h1 {
352− font-size: 6rem;
353− line-height: 8rem;
354− margin-top: 0;
355−}
356−
357−h2, .h2 {
358− margin: 0;
359− font-size: 5rem;
356+.text-600 {
360357 font-weight: 600;
361− line-height: 6rem;
362−}
363−
364−h3, .h3 {
365− font-size: 4rem;
366− font-weight: 500;
367− line-height: 5rem;
368−}
369−
370−h4, .h4 {
371− font-size: 3.5rem;
372− font-weight: 500;
373− line-height: 4rem;
374−}
375−
376−h5, .h5 {
377− font-size: 3.5rem;
378− font-weight: 500;
379− line-height: 4rem;
380−}
381−
382−h6, .h6 {
383− font-size: 3.5rem;
384− font-weight: 500;
385− line-height: 4rem;
386−}
387−
388−.h1-large {
389− font-size: 8rem;
390− line-height: 12rem;
391− text-transform: none;
392− height: auto;
393358}
394359
395360p, .p {
@@ -405,10 +370,6 @@ p, .p {
405370 }
406371}
407372
408−pre, code, .code-block, .text-code, .text-mono {
409− font-family: "Source Code Pro", "Roboto mono", "Courier New", monospace;
410−}
411−
412373pre, code {
413374 background-color: #eee !important;
414375 color: #000 !important;
sass/_indigo.scss → sass/indigo.scssrenamed+2−2
@@ -20,7 +20,7 @@ html {
2020}
2121body {
2222 margin: 0;
23−}
23+}
2424h1 {
2525 font-size: 2em;
2626 margin: 0.67em 0;
@@ -1992,7 +1992,7 @@ template {
19921992.medium {
19931993 font-weight: 500;
19941994}
1995−.600,
1995+.text-600,
19961996.semibold {
19971997 font-weight: 600;
19981998}
sass/_primer.scss → sass/primer.scssrenamed+1−2
@@ -20,7 +20,7 @@ html {
2020 * Remove default margin.
2121 */
2222body {
23− margin: 0; }
23+ margin: 0; }
2424
2525/* HTML5 display definitions
2626 ========================================================================== */
@@ -13143,7 +13143,6 @@ input[type="number"] {
1314313143TYPOGRAPHY from address collection
1314413144*/
1314513145
13146−@import url('https://rsms.me/inter/inter-ui.css');
1314713146html { font-family: 'Inter UI', sans-serif; }
1314813147@supports (font-variation-settings: normal) {
1314913148 html { font-family: 'Inter UI var alt', sans-serif; }
sass/styles.scss−6
@@ -1,9 +1,3 @@
1−// primer
2−@import "primer";
3−
4−// base
5−@import "indigo";
6−
71// custom
82@import "main";
93@import "responsive";
templates/base.html+2−1
@@ -10,7 +10,8 @@
1010 <link rel="icon" type="image/png" href="../images/favicon.ico"/>
1111 <title>{{ config.title }}</title>
1212 <!-- stylesheets -->
13− <link rel="stylesheet" href="{{ config.base_url }}/styles.css" >
13+ <link rel="stylesheet" href="{{ config.base_url }}/indigo.css">
14+ <link rel="stylesheet" href="{{ config.base_url }}/styles.css">
1415 <script async src="https://www.googletagmanager.com/gtag/js?id=UA-47054188-1"></script>
1516 <script>
1617 window.dataLayer = window.dataLayer || [];
templates/partials/footer.html+4−4
@@ -30,23 +30,23 @@
3030 <h4 class="mb1">Follow</h4>
3131 <ul class="list">
3232 <li class="list__item">
33− <a class="text-mono" href="#">twitter.com/urbit</a>
33+ <a class="mono" href="https://twitter.com/urbit">twitter.com/urbit</a>
3434 </li>
3535 <li class="list__item">
36− <a class="text-mono" href="#">github.com/urbit</a>
36+ <a class="mono" href="https://github.com/urbit/">github.com/urbit</a>
3737 </li>
3838 </ul>
3939 </section>
4040 <section class="mb6">
4141 <h4 class="mb1">Contact</h4>
42− <a class="text-mono" href="mailto:support@urbit.org">support@urbit.org</a>
42+ <a class="mono" href="mailto:support@urbit.org">support@urbit.org</a>
4343 </section>
4444 <section class="mb6">
4545 <h4 class="mb1">Company</h4>
4646 <ul class="list">
4747 {% for item in config.extra.urbit_footer %}
4848 <li class="list__item">
49− <a class="text-mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
49+ <a class="mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
5050 {{ item.name }}
5151 </a>
5252 </li>
templates/partials/navigation.html+4−4
@@ -22,23 +22,23 @@
2222 <h4 class="mb1">Follow</h4>
2323 <ul class="list">
2424 <li class="list__item">
25− <a class="text-mono" href="#">twitter.com/urbit</a>
25+ <a class="mono" href="#">twitter.com/urbit</a>
2626 </li>
2727 <li class="list__item">
28− <a class="text-mono" href="#">github.com/urbit</a>
28+ <a class="mono" href="#">github.com/urbit</a>
2929 </li>
3030 </ul>
3131 </section>
3232 <section class="mb6">
3333 <h4 class="mb1">Contact</h4>
34− <a class="text-mono" href="mailto:support@urbit.org">support@urbit.org</a>
34+ <a class="mono" href="mailto:support@urbit.org">support@urbit.org</a>
3535 </section>
3636 <section class="mb6">
3737 <h4 class="mb1">Company</h4>
3838 <ul class="list">
3939 {% for item in config.extra.urbit_footer %}
4040 <li class="list__item">
41− <a class="text-mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
41+ <a class="mono" href="{{ item.url | replace(from="$BASE_URL", to=config.base_url) }}">
4242 {{ item.name }}
4343 </a>
4444 </li>
templates/primer.html+1
@@ -9,6 +9,7 @@
99 <title>{{ config.title }}</title>
1010 <!-- stylesheets -->
1111 <link rel="stylesheet" href="{{ config.base_url }}/styles.css" >
12+ <link rel="stylesheet" href="{{ config.base_url }}/primer.css" >
1213</head>
1314<body>
1415 <div class="bg-black pt-30 mb-30">
templates/shortcodes/youtube.htmlnew file+8
@@ -0,0 +1,8 @@
1+<div class="video-wrapper">
2+ <iframe
3+ src="https://www.youtube.com/embed/{{id}}"
4+ webkitallowfullscreen
5+ mozallowfullscreen
6+ allowfullscreen>
7+ </iframe>
8+</div>