diff --git a/src/app/app.css b/src/app/app.css index f4279fe..e69de29 100644 --- a/src/app/app.css +++ b/src/app/app.css @@ -1,4 +0,0 @@ -main { - margin-top: 120px; /* Space for nav and ticker */ -} - diff --git a/src/app/app.html b/src/app/app.html index 421a50a..7a1f5db 100644 --- a/src/app/app.html +++ b/src/app/app.html @@ -1,9 +1,9 @@ -
+
-
+
\ No newline at end of file diff --git a/src/app/home/home.css b/src/app/home/home.css index e69de29..15e0bb7 100644 --- a/src/app/home/home.css +++ b/src/app/home/home.css @@ -0,0 +1,61 @@ +pre { + background-color: var(--color-secondary); + color: var(--color-accent); + border: 2px dashed var(--color-accent); +} + +.typing-container { + display: block; +} + +.typing-line { + display: block; + overflow: hidden; + white-space: pre; + width: 0; + animation: typing-line 0.8s steps(30, end) forwards; +} + +.line-1 { + animation-delay: 0s; +} + +.line-2 { + animation-delay: 0.8s; +} + +.line-3 { + animation-delay: 1.6s; +} + +.line-4 { + animation-delay: 2.4s; +} + +.line-5 { + animation-delay: 3.2s; +} + +.typing-cursor { + display: inline-block; + margin-left: 2px; + animation: blink 1s infinite; + animation-delay: 4s; + opacity: 0; + animation-fill-mode: forwards; +} + +@keyframes typing-line { + to { + width: 100%; + } +} + +@keyframes blink { + 0%, 50% { + opacity: 1; + } + 51%, 100% { + opacity: 0; + } +} \ No newline at end of file diff --git a/src/app/home/home.html b/src/app/home/home.html index 5f2c53f..e8c22ed 100644 --- a/src/app/home/home.html +++ b/src/app/home/home.html @@ -1 +1,19 @@ -

home works!

+

NHCarrigan

+

Solutions for the Digital Age. And the Ages Before That.

+

+ We are NHCarrigan. Most consulting firms operate on a quarterly basis. We operate on a centennial + one. Whether you are fighting a hostile takeover, a DDoS attack, or a curse buried in your source + code, we provide the permanence you need in a transient world. +

+

Private. Precise. Permanent.

+
+
+
+SYSTEM STATUS:
+  > NETWORKS: ONLINE
+  > COFFEE: CRITICAL
+  > SUNLIGHT: 5%
+  > HUMANS: 0
+|
+    
+
\ No newline at end of file diff --git a/src/index.html b/src/index.html index 9ec1f61..b5b5e4b 100644 --- a/src/index.html +++ b/src/index.html @@ -6,6 +6,9 @@ + + + diff --git a/src/styles.css b/src/styles.css index 0d0d0cd..af42814 100644 --- a/src/styles.css +++ b/src/styles.css @@ -8,6 +8,11 @@ --color-accent: #00ff9d; --color-ticker: #8a0000; --color-background: #12121288; + font-size: 1.1rem; +} + +* { + font-family: "Quintessential", sans-serif; } body::before { @@ -33,6 +38,8 @@ main { margin: 0 auto; background-color: var(--color-background); color: var(--color-primary); + margin-top: 100px; /* Space for nav and ticker */ + margin-bottom: 100px; /* Space for footer */ } a { @@ -54,4 +61,8 @@ button { button:hover { background-color: var(--color-primary); +} + +p { + @apply my-1; } \ No newline at end of file