diff --git a/public/deco.svg b/public/deco.svg new file mode 100644 index 0000000..23a8c20 --- /dev/null +++ b/public/deco.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/main.css b/public/main.css index f3e2821..d995f0b 100644 --- a/public/main.css +++ b/public/main.css @@ -56,10 +56,10 @@ header nav a { background: #CAB1FB; width: 500px; height: 500px; - position: absolute; + position: relative; top: 50%; left: 50%; - transform: translate(calc(-50% - 35px), calc(-50% + 120px)); + transform: translate(calc(-50% - 35px), -50%); border-radius: 50%; z-index: 5; /* Tmp */ @@ -67,6 +67,21 @@ header nav a { justify-content: center; align-items: center; } +.light-purple-circle .n2ds { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin-left: -40px; + z-index: 3; +} +.light-purple-circle .deco { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, calc(-50% + 70px)); + z-index: 2; +} /* Hero */ .hero { diff --git a/public/n2ds.png b/public/n2ds.png new file mode 100644 index 0000000..e4c9f0e Binary files /dev/null and b/public/n2ds.png differ diff --git a/views/home.handlebars b/views/home.handlebars index 4c286e3..3630f2a 100644 --- a/views/home.handlebars +++ b/views/home.handlebars @@ -1,7 +1,7 @@ {{!-- this is temp --}} - +{{!-- --}} {{!-- This is not --}} @@ -41,7 +41,36 @@
- I will do this bit later + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +