commit 6e68fec882aae554136fa955c1ae36951db60864 · finxol.io/portfolio

src/assets/styles/main.css

···

       5
       5
        
       @import "@evilmartians/harmony/css/emerald.css";

     

       6
       6
        
       @import "@evilmartians/harmony/css/teal.css";

     

       7
       7
        
       @import "@evilmartians/harmony/css/sky.css";

     

       8
       8
       +
       @import "@evilmartians/harmony/css/indigo.css";

     

       8
       9
        
       @import "@evilmartians/harmony/css/fuchsia.css";

     

       9
       10
        
       @import "@evilmartians/harmony/css/rose.css";

     

       10
       11
        
       @import "@evilmartians/harmony/css/gray.css";

+35

src/pages/404.astro

···

       1
       1
       +
       ---

     

       2
       2
       +
       import Layout from "@/layouts/Layout.astro";

     

       3
       3
       +
       ---

     

       4
       4
       +
       

     

       5
       5
       +
       <Layout>

     

       6
       6
       +
           <article>

     

       7
       7
       +
               <h1>404 Not Found</h1>

     

       8
       8
       +
               <a href="/">Go home</a>

     

       9
       9
       +
           </article>

     

       10
       10
       +
       </Layout>

     

       11
       11
       +
       

     

       12
       12
       +
       <style>

     

       13
       13
       +
           article {

     

       14
       14
       +
               display: flex;

     

       15
       15
       +
               flex-direction: column;

     

       16
       16
       +
               align-items: center;

     

       17
       17
       +
               justify-content: center;

     

       18
       18
       +
               height: 100%;

     

       19
       19
       +
           }

     

       20
       20
       +
       

     

       21
       21
       +
           h1 {

     

       22
       22
       +
               font-size: 2rem;

     

       23
       23
       +
               margin-bottom: 1rem;

     

       24
       24
       +
           }

     

       25
       25
       +
       

     

       26
       26
       +
           a {

     

       27
       27
       +
               color: var(--indigo-500);

     

       28
       28
       +
               text-decoration: none;

     

       29
       29
       +
               transition: color 0.3s ease;

     

       30
       30
       +
           }

     

       31
       31
       +
       

     

       32
       32
       +
           a:hover {

     

       33
       33
       +
               color: var(--indigo-700);

     

       34
       34
       +
           }

     

       35
       35
       +
       </style>