A mirror of my website's source code.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

Use fonts inter and mononoki.

steve0greatness,
created on Saturday, 27 January 2024, 03:39:11 (1706326751), received on Monday, 6 May 2024, 02:55:36 (1714964136)
Author identity: Steve0Greatness <75220768+Steve0Greatness@users.noreply.github.com>

f1cb023266303be11cc9343f24bea56e5292b14a

static/fonts/inter/Inter-Black.woff2

static/fonts/inter/Inter-BlackItalic.woff2

static/fonts/inter/Inter-Bold.woff2

static/fonts/inter/Inter-BoldItalic.woff2

static/fonts/inter/Inter-ExtraBold.woff2

static/fonts/inter/Inter-ExtraBoldItalic.woff2

static/fonts/inter/Inter-ExtraLight.woff2

static/fonts/inter/Inter-ExtraLightItalic.woff2

static/fonts/inter/Inter-Italic.woff2

static/fonts/inter/Inter-Light.woff2

static/fonts/inter/Inter-LightItalic.woff2

static/fonts/inter/Inter-Medium.woff2

static/fonts/inter/Inter-MediumItalic.woff2

static/fonts/inter/Inter-Regular.woff2

static/fonts/inter/Inter-SemiBold.woff2

static/fonts/inter/Inter-SemiBoldItalic.woff2

static/fonts/inter/Inter-Thin.woff2

static/fonts/inter/Inter-ThinItalic.woff2

static/fonts/inter/InterDisplay-Black.woff2

static/fonts/inter/InterDisplay-BlackItalic.woff2

static/fonts/inter/InterDisplay-Bold.woff2

static/fonts/inter/InterDisplay-BoldItalic.woff2

static/fonts/inter/InterDisplay-ExtraBold.woff2

static/fonts/inter/InterDisplay-ExtraBoldItalic.woff2

static/fonts/inter/InterDisplay-ExtraLight.woff2

static/fonts/inter/InterDisplay-ExtraLightItalic.woff2

static/fonts/inter/InterDisplay-Italic.woff2

static/fonts/inter/InterDisplay-Light.woff2

static/fonts/inter/InterDisplay-LightItalic.woff2

static/fonts/inter/InterDisplay-Medium.woff2

static/fonts/inter/InterDisplay-MediumItalic.woff2

static/fonts/inter/InterDisplay-Regular.woff2

static/fonts/inter/InterDisplay-SemiBold.woff2

static/fonts/inter/InterDisplay-SemiBoldItalic.woff2

static/fonts/inter/InterDisplay-Thin.woff2

static/fonts/inter/InterDisplay-ThinItalic.woff2

static/fonts/inter/InterVariable-Italic.woff2

static/fonts/inter/InterVariable.woff2

static/fonts/inter/inter.css

@@ -0,0 +1,57 @@

                                
                                
                                
                            
                                
                                    
                                        
                                        /* Variable fonts usage:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        :root { font-family: "Inter", sans-serif; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @supports (font-variation-settings: normal) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        } */
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-family: InterVariable;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-style: normal;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-weight: 100 900;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-display: swap;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          src: url("InterVariable.woff2") format("woff2");
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-family: InterVariable;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-style: italic;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-weight: 100 900;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          font-display: swap;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          src: url("InterVariable-Italic.woff2") format("woff2");
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        /* static fonts */
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 200; font-display: swap; src: url("Inter-ExtraLight.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 200; font-display: swap; src: url("Inter-ExtraLightItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 300; font-display: swap; src: url("Inter-Light.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 300; font-display: swap; src: url("Inter-LightItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 400; font-display: swap; src: url("Inter-Regular.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 400; font-display: swap; src: url("Inter-Italic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 500; font-display: swap; src: url("Inter-Medium.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 500; font-display: swap; src: url("Inter-MediumItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 600; font-display: swap; src: url("Inter-SemiBold.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 600; font-display: swap; src: url("Inter-SemiBoldItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 700; font-display: swap; src: url("Inter-Bold.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 700; font-display: swap; src: url("Inter-BoldItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 800; font-display: swap; src: url("Inter-ExtraBold.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 800; font-display: swap; src: url("Inter-ExtraBoldItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: normal; font-weight: 900; font-display: swap; src: url("Inter-Black.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "Inter"; font-style: italic; font-weight: 900; font-display: swap; src: url("Inter-BlackItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 100; font-display: swap; src: url("InterDisplay-Thin.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 100; font-display: swap; src: url("InterDisplay-ThinItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLight.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 200; font-display: swap; src: url("InterDisplay-ExtraLightItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 300; font-display: swap; src: url("InterDisplay-Light.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 300; font-display: swap; src: url("InterDisplay-LightItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 400; font-display: swap; src: url("InterDisplay-Regular.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 400; font-display: swap; src: url("InterDisplay-Italic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 500; font-display: swap; src: url("InterDisplay-Medium.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 500; font-display: swap; src: url("InterDisplay-MediumItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBold.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 600; font-display: swap; src: url("InterDisplay-SemiBoldItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 700; font-display: swap; src: url("InterDisplay-Bold.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 700; font-display: swap; src: url("InterDisplay-BoldItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBold.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 800; font-display: swap; src: url("InterDisplay-ExtraBoldItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: normal; font-weight: 900; font-display: swap; src: url("InterDisplay-Black.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "InterDisplay"; font-style: italic; font-weight: 900; font-display: swap; src: url("InterDisplay-BlackItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

static/fonts/mononoki/mononiki.css

@@ -0,0 +1,4 @@

                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "mononiki"; font-style: normal; font-weight: normal; font-display: swap; src: url("mononoki-Regular.ttf") format("ttf"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "mononiki"; font-style: italic; font-weight: normal; font-display: swap; src: url("mononoki-Italic.ttf") format("ttf"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "mononiki"; font-style: normal; font-weight: bold; font-display: swap; src: url("mononoki-Bold.ttf") format("ttf"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @font-face { font-family: "mononiki"; font-style: italic; font-weight: bold; font-display: swap; src: url("mononoki-BoldItalic.ttf") format("ttf"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

static/fonts/mononoki/mononoki-Bold.ttf

static/fonts/mononoki/mononoki-BoldItalic.ttf

static/fonts/mononoki/mononoki-Italic.ttf

static/fonts/mononoki/mononoki-Regular.ttf

static/fonts/mononoki/mononoki.css

@@ -0,0 +1,9 @@

                                
                                
                                
                            
                                
                                    
                                        
                                        /* Variable fonts usage:
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        :root { font-family: "Inter", sans-serif; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        @supports (font-variation-settings: normal) {
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          :root { font-family: "InterVariable", sans-serif; font-optical-sizing: auto; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        } */
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          /* static fonts */
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          @font-face { font-family: "Inter"; font-style: normal; font-weight: 100; font-display: swap; src: url("Inter-Thin.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                          @font-face { font-family: "Inter"; font-style: italic; font-weight: 100; font-display: swap; src: url("Inter-ThinItalic.woff2") format("woff2"); }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

static/src/code-blocks.css

@@ -1,6 +1,7 @@

                                
                                
                                
                            
                                
                                    
                                        
                                        @import url("/fonts/mononoki/mononoki.css");
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            .codehilite .hll { background-color: #49483e }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        .codehilite, pre:not(.codehilite pre) code { background: #272822; color: #f8f8f2; padding: 10px; display: block; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        code:not(.codehilite code):not(pre code) { background: #272822; color: #f8f8f2; padding: 5px }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        .codehilite, pre:not(.codehilite pre) code { font-size: 1rem; font-family: "mononoki", monospace; background: #272822; color: #f8f8f2; padding: 10px; display: block; }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        code:not(.codehilite code):not(pre code) { font-size: 1rem; font-family: "mononoki", monospace; background: #272822; color: #f8f8f2; padding: 5px }
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            .codehilite pre { margin: 0; }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            .codehilite .c { color: #75715e } /* Comment */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            .codehilite .err { color: #960050; background-color: #1e0010 } /* Error */
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                            
                                

static/src/global.css

@@ -1,7 +1,11 @@

                                
                                
                                
                            
                                
                                    
                                        
                                        @import url("/fonts/inter/inter.css");
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                        
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            body,
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            html {
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                margin: 0;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                                width: 100vw;
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            font-size: 95%;
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            font-family: "Inter";
                                        
                                        
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            }
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            
                                        
                                        
                                            
                                            
                                            
                                            
                                        
                                    
                                
                                
                                
                            
                                
                                    
                                        
                                            
                                            body {