Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
cc6519c302
|
|||
|
705e35e971
|
|||
|
61fe6f71a4
|
|||
|
404e79211e
|
@@ -54,6 +54,7 @@ Element makeShareLink(Element icon, String url) {
|
|||||||
..append(Element.a()
|
..append(Element.a()
|
||||||
..attributes['href'] = url
|
..attributes['href'] = url
|
||||||
..attributes['target'] = '_blank'
|
..attributes['target'] = '_blank'
|
||||||
|
..attributes['rel'] = 'noreferrer'
|
||||||
..append(icon));
|
..append(icon));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -2,13 +2,15 @@ import 'dart:html';
|
|||||||
|
|
||||||
import './navbar.dart' show makeNavbar;
|
import './navbar.dart' show makeNavbar;
|
||||||
|
|
||||||
|
const image_header =
|
||||||
|
'https://phundrak.fra1.cdn.digitaloceanspaces.com/img/mahakala-monochrome.png';
|
||||||
|
|
||||||
Future<Element> makeHeader() async {
|
Future<Element> makeHeader() async {
|
||||||
var header = Element.tag('header');
|
var header = Element.tag('header');
|
||||||
header
|
header
|
||||||
..append(Element.img()
|
..append(Element.img()
|
||||||
..attributes['src'] =
|
..attributes['src'] = image_header
|
||||||
'https://cdn.phundrak.com/img/mahakala-monochrome.png'
|
..attributes['alt'] = 'Logo'
|
||||||
..attributes['alt'] = 'Logo de Phundrak'
|
|
||||||
..attributes['heigh'] = '150px'
|
..attributes['heigh'] = '150px'
|
||||||
..attributes['width'] = '150px')
|
..attributes['width'] = '150px')
|
||||||
..append(querySelector('h1'));
|
..append(querySelector('h1'));
|
||||||
|
|||||||
@@ -1,20 +1,3 @@
|
|||||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Slab:400,700|Inconsolata:400,700);
|
|
||||||
@font-face {
|
|
||||||
font-family: "DoulosSIL";
|
|
||||||
font-display: swap;
|
|
||||||
src: url("/fonts/DoulosSIL-R.woff");
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: "Noto Sans Runes";
|
|
||||||
font-display: swap;
|
|
||||||
src: url("../fonts/NotoSansRunic-Regular.ttf");
|
|
||||||
}
|
|
||||||
@font-face {
|
|
||||||
font-family: "Helvetica Neue";
|
|
||||||
font-display: swap;
|
|
||||||
src: url("../fonts/HelveticaNeue.ttf");
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Variables *****************************************************************/
|
/* Variables *****************************************************************/
|
||||||
|
|
||||||
$switch-small-screen: "only screen and (max-width: 600px)";
|
$switch-small-screen: "only screen and (max-width: 600px)";
|
||||||
@@ -79,7 +62,7 @@ $gradient-accent3-light-right: linear-gradient(to right, $light, $accent3);
|
|||||||
transition: background 500ms ease-in-out, color 1s ease-in-out;
|
transition: background 500ms ease-in-out, color 1s ease-in-out;
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
box-shadow: 3px 3px $dark;
|
box-shadow: 3px 5px $dark;
|
||||||
border-color: $light;
|
border-color: $light;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -277,7 +260,7 @@ $gradient-accent3-light-right: linear-gradient(to right, $light, $accent3);
|
|||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: "Noto Sans Runes", "DoulosSIL", "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
|
font-family: "Lato", "proxima-nova", Arial, sans-serif;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
|
||||||
transition: background 500ms ease-in-out, color 1s ease-in-out;
|
transition: background 500ms ease-in-out, color 1s ease-in-out;
|
||||||
|
|||||||
Reference in New Issue
Block a user