export style in file css

aldomalerba · Oct 13, 2024 · 31c1f07 · 31c1f07
1 parent 5f32d7e
commit 31c1f07
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 57 deletions.
diff --git a/src/index.html b/src/index.html
@@ -3,63 +3,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style/index.css">
     <title>Aldo Malerba</title>
-    <style>
-        body {
-            font-family: 'Courier New', Courier, monospace;
-            background-color: #1e1e1e;
-            color: #f8f8f2;
-            margin: 0;
-            padding: 20px;
-        }
-
-        .container {
-            max-width: 800px;
-            margin: 0 auto;
-            padding: 20px;
-            background-color: #272822;
-            border-radius: 8px;
-            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
-        }
-
-
-        h1 {
-            color: #66d9ef;
-            text-align: center;
-        }
-
-        h2 {
-            color: #f92672;
-            text-align: center;
-        }
-
-        p {
-            line-height: 1.6;
-        }
-
-        a {
-            color: #a6e22e;
-            text-decoration: none;
-        }
-
-        a:hover {
-            text-decoration: underline;
-            color: #f92672;
-        }
-
-        pre {
-            background-color: #383838;
-            padding: 15px;
-            border-radius: 5px;
-            overflow-x: auto;
-            white-space: pre-wrap;
-            line-height: 24px;
-        }
-
-        code {
-            color: #f8f8f2;
-        }
-    </style>
 </head>
 <body>
     <div class="container">
@@ -69,6 +14,6 @@ <h2>!This website is currently under construction!</h2>
         <p>If you'd like to view my CV, <a href="cv/cv_malerba_aldo.pdf">click here</a>. Or, why not? If you're undecided about what pizza to have this evening, <a href="https://pizza.aldomalerba.it/en">pizza.aldomalerba.it</a>.</p>
         <div id="json-profile"></div>
     </div> 
-    <script src="profile.js"></script>
+    <script src="js/profile.js"></script>
 </body>
 </html>
diff --git a/src/profile.js → src/js/profile.js b/src/profile.js → src/js/profile.js
diff --git a/src/style/index.css b/src/style/index.css
@@ -0,0 +1,54 @@
+body {
+    font-family: 'Courier New', Courier, monospace;
+    background-color: #1e1e1e;
+    color: #f8f8f2;
+    margin: 0;
+    padding: 20px;
+}
+
+.container {
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+    background-color: #272822;
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
+}
+
+
+h1 {
+    color: #66d9ef;
+    text-align: center;
+}
+
+h2 {
+    color: #f92672;
+    text-align: center;
+}
+
+p {
+    line-height: 1.6;
+}
+
+a {
+    color: #a6e22e;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+    color: #f92672;
+}
+
+pre {
+    background-color: #383838;
+    padding: 15px;
+    border-radius: 5px;
+    overflow-x: auto;
+    white-space: pre-wrap;
+    line-height: 24px;
+}
+
+code {
+    color: #f8f8f2;
+}