GoldenGoCoding · Aug 21, 2022
diff --git a/Diff for: ‎Font/SFUIDisplay-Black.otf
133 KB b/Diff for: ‎Font/SFUIDisplay-Black.otf
133 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Bold.ttf
178 KB b/Diff for: ‎Font/SFUIDisplay-Bold.ttf
178 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Heavy.otf
141 KB b/Diff for: ‎Font/SFUIDisplay-Heavy.otf
141 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Light.ttf
175 KB b/Diff for: ‎Font/SFUIDisplay-Light.ttf
175 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Medium.otf
138 KB b/Diff for: ‎Font/SFUIDisplay-Medium.otf
138 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Regular.otf
125 KB b/Diff for: ‎Font/SFUIDisplay-Regular.otf
125 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Semibold.otf
138 KB b/Diff for: ‎Font/SFUIDisplay-Semibold.otf
138 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Thin.otf
131 KB b/Diff for: ‎Font/SFUIDisplay-Thin.otf
131 KB
diff --git a/Diff for: ‎Font/SFUIDisplay-Ultralight.otf
130 KB b/Diff for: ‎Font/SFUIDisplay-Ultralight.otf
130 KB
diff --git a/Diff for: ‎index.html
+35 b/Diff for: ‎index.html
+35
diff --git a/Diff for: ‎script.js b/Diff for: ‎script.js
diff --git a/Diff for: ‎style.css
+23 b/Diff for: ‎style.css
+23
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Bootstrap CSS -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+        integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+
+    <link rel="stylesheet" href="style.css">
+
+    <title>Hello, world!</title>
+</head>
+
+<body>
+    <div class="container">
+
+        <h1>01001000</h1>
+        <h1>01101001</h1>
+        <h1>00100001<span style="font-size: 16px; font-weight: 1000; background-color: #222; color: white; border-radius: 50%; padding: 4px;height: 20px;width: 20px;">hi!</span></h1>
+
+        <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+            integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+            crossorigin="anonymous"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
+            integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
+            crossorigin="anonymous"></script>
+        <script src="script.js"></script>
+    </div>
+</body>
+
+</html>
@@ -0,0 +1,23 @@
+@font-face {
+    font-family: 'San Francisco';
+    src: url('Font/SFUIDisplay-Regular.otf');
+}
+:root {
+    --background: #fff;
+    --float-background: #ddd8;
+}
+body {
+    background: var(--background);
+}
+* {
+    font-family: 'San Francisco';
+    transition: 0.5s;
+}
+h1 {
+    font-size: 150px;
+}
+@media (max-width: 1000px) {
+    h1 {
+        font-size: 70px;
+    }
+}