diff --git a/src/index.html.ejs b/public/htmlLogo.html
similarity index 90%
rename from src/index.html.ejs
rename to public/htmlLogo.html
index c5f603d..5f83311 100644
--- a/src/index.html.ejs
+++ b/public/htmlLogo.html
@@ -1,4 +1,3 @@
-
-
-
-
-
-
-
-
-
-
-
+-->
\ No newline at end of file
diff --git a/src/components/Favicons.tsx b/src/components/Favicons.tsx
new file mode 100644
index 0000000..ab40d5e
--- /dev/null
+++ b/src/components/Favicons.tsx
@@ -0,0 +1,55 @@
+import React from "react";
+
+export default (): JSX.Element => (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+);
\ No newline at end of file
diff --git a/src/components/HTMLLogo.tsx b/src/components/HTMLLogo.tsx
new file mode 100644
index 0000000..bf7dfda
--- /dev/null
+++ b/src/components/HTMLLogo.tsx
@@ -0,0 +1,52 @@
+import React from "react";
+
+export default (): JSX.Element => (
+ `}} />
+)
diff --git a/src/index.scss b/src/index.scss
deleted file mode 100644
index 05abd4e..0000000
--- a/src/index.scss
+++ /dev/null
@@ -1,142 +0,0 @@
-@import "./assets/scss/normalize";
-
-$font: 'Montserrat', sans-serif;
-$base-font: 12pt; // 16px
-$base-line-height: 1.5;
-
-$colors: (
- // Name Color ?Hover?
- dark-blue: 'dark-blue' #002d3a,
- light-blue: 'light-blue' #bfdbd9,
- white1: 'white1' #fff,
- black1: 'black1' #000,
- grey1: 'grey1' #d4d0c7,
- grey2: 'grey2' #efece4,
- orange1: 'orange1' #d57a2d,
- orange2: 'orange2' #dd934e,
- blue1: 'blue1' #57b2df,
- light-turquoise: 'light-turquoise' #beddeb,
- green1: 'green1' #c0dcd9,
- sand: 'sand' #fdf9d7
-);
-
-@function color($label) {
- $color: map-get($colors, $label);
-
- @if $color {
- @return nth($color, 2);
- }
-
- @warn 'No specified color for '#{$label}'; add your own to _colors.scss';
- @return null;
-}
-
-* {
- box-sizing: border-box;
-}
-
-html {
- font-family: $font;
- /* 12px */
- font-size: $base-font * 0.75;
- line-height: $base-line-height;
-
- @media screen and (min-width: 1200px) {
- /* 16px */
- font-size: $base-font * 1;
- }
-
- @media screen and (min-width: 1920px) {
- /* 20px */
- font-size: $base-font * 1.25;
- }
-
- @media screen and (min-width: 2560px) {
- /* 32px */
- font-size: $base-font * 2;
- }
-}
-
-body {
- padding: 0;
- background-color: color(dark-blue);
-}
-
-#root {
- position: relative;
- min-height: 100vh;
- display: flex;
- flex-flow: column nowrap;
- color: color(black1);
- background-color: color(white1);
-}
-
-p {
- font-size: 1.2rem;
- font-weight: 300;
- word-break: break-word;
- hyphens: auto;
-}
-
-h1 {
- line-height: 1.15;
- font-size: 2.5rem;
- font-weight: 200;
- margin-block-start: 0;
- margin-block-end: 0;
-}
-
-h2 {
- font-size: 1.2rem;
- font-weight: 700;
- letter-spacing: 0.1em;
- margin-block-start: 0;
- margin-block-end: 0;
- text-transform: uppercase;
-}
-
-h3 {
- font-size: 2rem;
- font-weight: 200;
- margin-block-start: 0;
- margin-block-end: 0;
-}
-
-h4 {
- font-size: 1rem;
- font-weight: 700;
- letter-spacing: 0.1em;
- margin-block-start: 0;
- margin-block-end: 0;
- text-transform: uppercase;
-}
-
-h5 {
- font-size: 1.125rem;
- font-weight: 600;
- margin-block-start: 0;
- margin-block-end: 0;
-}
-
-h6 {
- font-size: 0.8rem;
- letter-spacing: 0.1em;
- font-weight: 800;
- margin-block-start: 0;
- margin-block-end: 0;
- text-transform: uppercase;
-}
-
-li {
- font-weight: 600;
-}
-
-
-a {
- text-decoration: underline;
- color: color(blue1);
-}
-
-a:hover {
- text-decoration: none;
-}
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 1d883c5..5293cac 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -3,60 +3,8 @@ import Document, {
Html, Head, Main, NextScript, DocumentContext,
} from "next/document";
import { ServerStyleSheet } from "styled-components";
-
-const FaviconHTML = () => (
- <>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-);
+import Favicons from "@components/Favicons";
+import HTMLLogo from "@components/HTMLLogo";
export default class MyDocument extends Document {
static async getInitialProps(ctx: DocumentContext) {
@@ -85,9 +33,10 @@ export default class MyDocument extends Document {
const { styleTags } = this.props as any;
return (
+
-
+
{styleTags}