used link font instead of css import

img02 · Feb 12, 2023 · 9a7313f · 9a7313f
1 parent ebd3084
commit 9a7313f
Show file tree

Hide file tree

Showing 6 changed files with 76 additions and 58 deletions.
diff --git a/Library/index.html b/Library/index.html
@@ -1,38 +1,50 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Library</title>
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-
+    <link rel="stylesheet" href="style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
     <form onsubmit="" id="form">
-    <input type="text" id="add_book_title" placeholder="Title" required>
-    <input type="text" id="add_book_author" placeholder="Author" required>
-    <input type="number" min="1" id="add_book_pages" placeholder="Pages" required>
-    <select id="add_book_read" required>
-        <option value="Not Read">Not Read</option>        
+      <input type="text" id="add_book_title" placeholder="Title" required />
+      <input type="text" id="add_book_author" placeholder="Author" required />
+      <input
+        type="number"
+        min="1"
+        id="add_book_pages"
+        placeholder="Pages"
+        required
+      />
+      <select id="add_book_read" required>
+        <option value="Not Read">Not Read</option>
         <option value="Read">Read</option>
-    </select>
-    <input type="submit" id="add_book_button" value="Add Book">
+      </select>
+      <input type="submit" id="add_book_button" value="Add Book" />
     </form>
 
-
-    <table id="library_table" style="width:70%">
-        <tr>
-            <th>Title</th>
-            <th>Author</th>
-            <th>pages</th>
-            <th>Read</th>
-        </tr>
-        <tbody id="library-table-body"></tbody>
+    <table id="library_table" style="width: 70%">
+      <tr>
+        <th>Title</th>
+        <th>Author</th>
+        <th>pages</th>
+        <th>Read</th>
+      </tr>
+      <tbody id="library-table-body"></tbody>
     </table>
-
-    <p id="todo">ToDo: add css styling and formatting / flexbox stuff. Pretty it up.</p>
-
+
+    <p id="todo">
+      ToDo: add css styling and formatting / flexbox stuff. Pretty it up.
+    </p>
+
     <script src="library.js"></script>
-</body>
-</html>
+  </body>
+</html>
diff --git a/Library/style.css b/Library/style.css
@@ -1,4 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 :root{
     --backgroundColour:#EBE0C9;
     --readButtonColour: #6DA394;

diff --git a/index.html b/index.html
@@ -1,16 +1,22 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Home Page!</title>    
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Home Page!</title>
+    <link rel="stylesheet" href="style.css" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
     <grid class="proj_grid">
-    <a href="./Library/index.html" class="my_proj" >Library Proj.</a>
-    <a href="./tic-tac-toe/index.html" class="my_proj" >Tic-Tac-Toe</a>    
+      <a href="./Library/index.html" class="my_proj">Library Proj.</a>
+      <a href="./tic-tac-toe/index.html" class="my_proj">Tic-Tac-Toe</a>
     </grid>
-</body>
-</html>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -1,5 +1,3 @@
- @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
-
 body {
     /*https://cssgradient.io/swatches/*/
     background: linear-gradient(90deg, #d53369 0%, #daae51 100%);

diff --git a/tic-tac-toe/index.html b/tic-tac-toe/index.html
@@ -1,14 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Tic Tac Toe</title>
-    <link rel="stylesheet" href="style.css">
-</head>
-<body>
-
-    <script src="tictactoe.js"></script>
-</body>
-</html>
+    <head>
+        <meta charset="UTF-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Tic Tac Toe</title>
+        <link rel="stylesheet" href="style.css" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+        <link
+            href="https://fonts.googleapis.com/css2?family=Roboto&display=swap"
+            rel="stylesheet"
+        />
+    </head>
+    <body>
+        <script src="tictactoe.js"></script>
+    </body>
+</html>
diff --git a/tic-tac-toe/style.css b/tic-tac-toe/style.css
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
-
 body {
     background: linear-gradient(90deg, #00C9FF 0%, #92FE9D 100%);
     font-family: 'Roboto', sans-serif;