diff --git a/css/font/NEOTERIC.woff b/css/font/NEOTERIC.woff new file mode 100644 index 0000000..afb23d6 Binary files /dev/null and b/css/font/NEOTERIC.woff differ diff --git a/css/font/NEOTERIC.woff2 b/css/font/NEOTERIC.woff2 new file mode 100644 index 0000000..d89ce5e Binary files /dev/null and b/css/font/NEOTERIC.woff2 differ diff --git a/img/whitfoxvecto.svg b/img/whitfoxvecto.svg new file mode 100644 index 0000000..0a6a999 --- /dev/null +++ b/img/whitfoxvecto.svg @@ -0,0 +1,143 @@ + + + +image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index fe66526..8ccb6e6 100644 --- a/index.html +++ b/index.html @@ -69,8 +69,9 @@
- - + +
+
diff --git a/scss/_about.scss b/scss/_about.scss index 73ac32b..5cb03d8 100644 --- a/scss/_about.scss +++ b/scss/_about.scss @@ -2,20 +2,39 @@ padding: 50px 0; position: relative; overflow: hidden; + background-color: $background-baniere !important; h1 { - font-family: descuadrado-webfont; - font-size: 4rem; + font-family: NEOTERIC; + font-size: 3rem; + text-transform: uppercase; + } + hr { + position: absolute; + max-width: 100%; + width: 30%; + top: 50%; + margin: 0; + border-color: white; + border-width: 2px; + &#hr_left{ + + } + &#hr_right{ + right: 0; + } } img { position: absolute; width: 100%; - &.vecto1 { - left: -70rem; - top: -70rem; - } - &.vecto2 { - right: -60rem; - top: -20rem; + &#renard { + height: 170%; + opacity: 0.15; + position: absolute; + top: -9999px; + bottom: -9999px; + left: -9999px; + right: -9999px; + margin: auto; } } } diff --git a/scss/_global.scss b/scss/_global.scss index e1bc75d..eb1e314 100644 --- a/scss/_global.scss +++ b/scss/_global.scss @@ -9,6 +9,14 @@ } +@font-face { + font-family: 'NEOTERIC'; + src: url('font/NEOTERIC.woff2') format('woff2'), + url('font/NEOTERIC.woff') format('woff'); + font-weight: normal; + font-style: normal; +} + html, body { width: 100%; diff --git a/scss/_variables.scss b/scss/_variables.scss index 2021f08..b74c9a1 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -3,6 +3,7 @@ // Gray and Brand Colors for use across theme $theme-primary: #F04B12; +$background-baniere: #210A0B; $gray-base: #000 !default; $gray-darker: lighten($gray-base, 13.5%) !default; // #222