The newest version of Freakybob.site: built from the ground up (twice!)

move to font in css file

+1 -3
site/activities.html
··· 5 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 6 <title>Activities</title> 7 7 <link href="css/activities.css" rel="stylesheet"> 8 - <link rel="preconnect" href="https://fonts.googleapis.com"> 9 - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 - <link href="https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap" rel="stylesheet"> 8 + <link href="css/font.css" rel="stylesheet"> 11 9 </head> 12 10 <body> 13 11 <h1>Activities</h1>
+1 -15
site/bsky.html
··· 4 4 <meta charset="UTF-8"> 5 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 6 <title>Bluesky</title> 7 - <style> 8 - * { 9 - color: white; 10 - text-align: center; 11 - font-family: "Nata Sans", sans-serif; 12 - font-optical-sizing: auto; 13 - font-style: normal; 14 - } 15 - body { 16 - background-color: black; 17 - } 18 - </style> 19 - <link rel="preconnect" href="https://fonts.googleapis.com"> 20 - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 21 - <link href="https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap" rel="stylesheet"> 7 + <link href="css/font.css" rel="stylesheet"> 22 8 </head> 23 9 <body> 24 10 <h1>You clicked on our Bluesky link!</h1>
+6
site/css/font.css
··· 1 + @import url('https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap'); 2 + * { 3 + font-family: "Nata Sans", sans-serif; 4 + font-optical-sizing: auto; 5 + font-style: normal; 6 + }
+1 -3
site/images.html
··· 4 4 <meta charset="UTF-8"> 5 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 6 <title>Image Gallery</title> 7 - <link rel="preconnect" href="https://fonts.googleapis.com"> 8 - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 9 - <link href="https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap" rel="stylesheet"> 7 + <link href="css/font.css" rel="stylesheet"> 10 8 <link href="css/gallery.css" rel="stylesheet"> 11 9 </head> 12 10 <body>
+1 -3
site/index.html
··· 42 42 <meta name="description" content="Freakybob.site has been remastered! Now with ReFreaked quality. (OPEN BETA)"> 43 43 <meta content="https://freakybob.site" property="og:url" /> 44 44 <link href="typewriter/typewriter.css" rel="stylesheet"> 45 - <link rel="preconnect" href="https://fonts.googleapis.com"> 46 - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 47 - <link href="https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap" rel="stylesheet"> 45 + <link href="css/font.css" rel="stylesheet"> 48 46 <link rel="manifest" href="/manifest.json"> 49 47 </head> 50 48 <body>
+2 -18
site/noscript.html
··· 22 22 <meta charset="UTF-8"> 23 23 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 24 24 <title>There was an issue accessing Freakybob.site.</title> 25 - <link rel="preconnect" href="https://fonts.googleapis.com"> 26 - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 27 - <link href="https://fonts.googleapis.com/css2?family=Nata+Sans:wght@100..900&display=swap" rel="stylesheet"> 28 - <link rel="preconnect" href="https://fonts.googleapis.com"> 29 - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 30 - <link href="https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap" rel="stylesheet"> 31 - <style> 32 - * { 33 - font-family: "Noto Color Emoji", sans-serif; 34 - } 35 - </style> 36 - <style> 37 - * { 38 - font-family: "Nata Sans", sans-serif; 39 - font-optical-sizing: auto; 40 - font-style: normal; 41 - } 42 - </style> 43 25 </head> 44 26 <body> 45 27 <h1>Sorry! You can't use freakybob.site due to your browser not supporting JavaScript. Thanks for trying, though.</h1> 28 + <p>This page is minimal. No CSS nor JS was loaded.</p> 29 + <p>2025 Freakybob Team - This page is licensed under Unlicense.</p> 46 30 </body> 47 31 </html>