Merge pull request #30 from DaleStudy/evan/add-global-styles

feat: add global css
DaleStudy · Jun 11, 2024 · e26853c · e26853c
2 parents efd5900 + ef7967f
commit e26853c
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 25 deletions.
diff --git a/global-styles.css b/global-styles.css
@@ -0,0 +1,41 @@
+* {
+  font-family: "Spoqa Han Sans Neo", "Noto Sans KR", sans-serif;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+a {
+  text-decoration: none;
+  color: inherit;
+  background: none;
+  border: none;
+  font: inherit;
+  margin: 0;
+  padding: 0;
+  cursor: pointer;
+}
+
+a:visited {
+  color: inherit;
+}
+
+a:hover {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:active {
+  color: inherit;
+}
+
+a:focus {
+  outline: none;
+}
+
+html {
+  scroll-behavior: smooth;
+}
diff --git a/index.html b/index.html
@@ -5,31 +5,30 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <title>placeholder title</title>
-    <seo-meta-tag title="Dale Study Group Website" description="This is a Dale Study Group Website"></seo-meta-tag>
+    <seo-meta-tag
+      title="Dale Study Group Website"
+      description="This is a Dale Study Group Website"
+    ></seo-meta-tag>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="./styles.css" />
+
+    <link rel="stylesheet" href="./global-styles.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=Noto+Sans+KR:[email protected]&display=swap"
       rel="stylesheet"
     />
     <link
+      href="//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css"
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans/css/SpoqaHanSansNeo.css"
+      type="text/css"
     />
+
     <script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
     <script src="./main.js" async defer type="module"></script>
-  </head>
-  <body>
 
     <style>
-      html {
-        font-size: 62.5%;
-      }
-
       body {
-        font-family: 'Spoqa Han Sans Neo', sans-serif;
         width: 80%;
         margin-left: auto;
         margin-right: auto;
@@ -233,6 +232,7 @@
       }
     </style>
   </head>
+
   <body>
     <header>
       <div>

diff --git a/styles.css b/styles.css