commit 5d6f1704dca7790277fdbdef3c08107142adaf65 · finxol.io/portfolio

public/fonts/scorekard/Scorekard-Bold.otf

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Bold.woff

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Bold.woff2

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Regular.otf

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Regular.woff

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Regular.woff2

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Semibold.otf

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Semibold.woff

This is a binary file and will not be displayed.

public/fonts/scorekard/Scorekard-Semibold.woff2

This is a binary file and will not be displayed.

+32

src/assets/fonts/scorekard.css

···

       1
       +
       @font-face {

     

       2
       +
           font-family: "Scorekard";

     

       3
       +
           src:

     

       4
       +
               url("/fonts/scorekard/Scorekard-Regular.woff2") format("woff2"),

     

       5
       +
               url("/fonts/scorekard/Scorekard-Regular.woff") format("woff"),

     

       6
       +
               url("/fonts/scorekard/Scorekard-Regular.otf") format("opentype");

     

       7
       +
           font-weight: normal;

     

       8
       +
           font-style: normal;

     

       9
       +
           font-display: swap;

     

       10
       +
       }

     

       11
       +
       

     

       12
       +
       @font-face {

     

       13
       +
           font-family: "Scorekard";

     

       14
       +
           src:

     

       15
       +
               url("/fonts/scorekard/Scorekard-Semibold.woff2") format("woff2"),

     

       16
       +
               url("/fonts/scorekard/Scorekard-Semibold.woff") format("woff"),

     

       17
       +
               url("/fonts/scorekard/Scorekard-Semibold.otf") format("opentype");

     

       18
       +
           font-weight: 600;

     

       19
       +
           font-style: normal;

     

       20
       +
           font-display: swap;

     

       21
       +
       }

     

       22
       +
       

     

       23
       +
       @font-face {

     

       24
       +
           font-family: "Scorekard";

     

       25
       +
           src:

     

       26
       +
               url("/fonts/scorekard/Scorekard-Bold.woff2") format("woff2"),

     

       27
       +
               url("/fonts/scorekard/Scorekard-Bold.woff") format("woff"),

     

       28
       +
               url("/fonts/scorekard/Scorekard-Bold.otf") format("opentype");

     

       29
       +
           font-weight: bold;

     

       30
       +
           font-style: normal;

     

       31
       +
           font-display: swap;

     

       32
       +
       }

+11

src/assets/styles/main.css

···

       1
        
       /* https://harmonizer.evilmartians.com/#W1siMTAwIiwxMDAsbnVsbCwiMjAwIiw5MCxudWxsLCIzMDAiLDc3LG51bGwsIjQwMCIsNjUsbnVsbCwiNTAwIiw1MSxudWxsLCI2MDAiLDY1LG51bGwsIjcwMCIsNzcsbnVsbCwiODAwIiw5MCxudWxsLCI5MDAiLDEwMCxudWxsXSxbIlJlZCIsMjAsIk1haG9nYW55IiwzOCwiQnJvbnplIiw1NSwiT3JhbmdlIiw3MywiTXVzdGFyZCIsOTAsIkxpbWUiLDEzNSwiVHVycXVvaXNlIiwxODAsIkF6dXJlIiwyNTAsIkxhdmVuZGVyIiwyODUsIkZ1Y2hzaWEiLDMyMCwiRmxhbWluZ28iLDM2MF0sWyJhcGNhIiwiZmdUb0JnIiwiZXZlbiIsIiNmZmYiLCIjMDAwIiw1LCJwMyJdXQ */

     

       2
        
       /* https://color.surf/ */

     

       3
        
       @import "@evilmartians/harmony/css/amber.css";

     

       0
        
       
     

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

     

       0
        
       
     

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

     

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

     

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

     
···

       9
        
       /* Fonts */

     

       10
        
       @import url("@/assets/fonts/spagetty.css");

     

       11
        
       @import url("@/assets/fonts/easycoast.css");

     

       0
        
       
     

       12
        
       

     

       13
        
       :root {

     

       14
        
           --radius: 0.75rem;

     

       15
        
           --spacing: 0.75rem;

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       16
        
       }

     

       17
        
       

     

       18
        
       svg[data-icon] {

···

       1
        
       /* https://harmonizer.evilmartians.com/#W1siMTAwIiwxMDAsbnVsbCwiMjAwIiw5MCxudWxsLCIzMDAiLDc3LG51bGwsIjQwMCIsNjUsbnVsbCwiNTAwIiw1MSxudWxsLCI2MDAiLDY1LG51bGwsIjcwMCIsNzcsbnVsbCwiODAwIiw5MCxudWxsLCI5MDAiLDEwMCxudWxsXSxbIlJlZCIsMjAsIk1haG9nYW55IiwzOCwiQnJvbnplIiw1NSwiT3JhbmdlIiw3MywiTXVzdGFyZCIsOTAsIkxpbWUiLDEzNSwiVHVycXVvaXNlIiwxODAsIkF6dXJlIiwyNTAsIkxhdmVuZGVyIiwyODUsIkZ1Y2hzaWEiLDMyMCwiRmxhbWluZ28iLDM2MF0sWyJhcGNhIiwiZmdUb0JnIiwiZXZlbiIsIiNmZmYiLCIjMDAwIiw1LCJwMyJdXQ */

     

       2
        
       /* https://color.surf/ */

     

       3
        
       @import "@evilmartians/harmony/css/amber.css";

     

       4
       +
       @import "@evilmartians/harmony/css/yellow.css";

     

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

     

       6
       +
       @import "@evilmartians/harmony/css/sky.css";

     

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

     

       8
        
       @import "@evilmartians/harmony/css/rose.css";

     

       9
        
       @import "@evilmartians/harmony/css/gray.css";

     
···

       11
        
       /* Fonts */

     

       12
        
       @import url("@/assets/fonts/spagetty.css");

     

       13
        
       @import url("@/assets/fonts/easycoast.css");

     

       14
       +
       @import url("@/assets/fonts/scorekard.css");

     

       15
        
       

     

       16
        
       :root {

     

       17
        
           --radius: 0.75rem;

     

       18
        
           --spacing: 0.75rem;

     

       19
       +
       }

     

       20
       +
       

     

       21
       +
       .container {

     

       22
       +
           padding: var(--spacing);

     

       23
       +
           width: calc(100% - 2rem * var(--spacing));

     

       24
       +
           border-radius: var(--radius);

     

       25
       +
           color: var(--container-text-color, var(--emerald-950, black));

     

       26
       +
           background-color: var(--container-color, var(--emerald-500, red));

     

       27
        
       }

     

       28
        
       

     

       29
        
       svg[data-icon] {