From e1c6d1e505c2978538827d92b50b3f6902256fc3 Mon Sep 17 00:00:00 2001
From: Joris
Date: Sat, 9 Jan 2021 14:34:30 +0100
Subject: Rename style.css to main.css

---
 public/index.html    |   2 +-
 public/main.css      | 185 +++++++++++++++++++++++++++++++++++++++++++++++++++
 public/projects.html |   2 +-
 public/style.css     | 185 ---------------------------------------------------
 4 files changed, 187 insertions(+), 187 deletions(-)
 create mode 100644 public/main.css
 delete mode 100644 public/style.css

diff --git a/public/index.html b/public/index.html
index 7c8411a..05e2f35 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +6,7 @@
     <meta name="author" content="Joris Guyonvarch">
     <meta name="description" content="I am a developer using functional programming. View my resume and projects.">
     <title>Joris Guyonvarch</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="main.css" />
     <link rel="icon" href="icon.png" />
   </head>
 
diff --git a/public/main.css b/public/main.css
new file mode 100644
index 0000000..cd207a5
--- /dev/null
+++ b/public/main.css
@@ -0,0 +1,185 @@
+/* Constants */
+
+:root {
+  /* Colors */
+  --color-brown: #A56D35;
+  --color-dark-brown: #6A4115;
+  --color-blue: #515170;
+  --color-light-gray: #EEEEEE;
+  --color-dark-gray: #666666;
+}
+
+/* Animation */
+
+@keyframes appear {
+    0.0% {
+        transform: translateX(0.8rem);
+        opacity: 0;
+    }
+    100.0% {
+        transform: translateX(0);
+    }
+}
+
+/* Media */
+
+@media screen and (max-width: 500px) {
+    html {
+        font-size: 90%;
+    }
+}
+
+@media screen and (min-width: 500px) and (max-width: 900px) {
+    html {
+        font-size: 100%;
+    }
+}
+
+@media screen and (min-width: 900px) {
+    html {
+        font-size: 110%;
+    }
+}
+
+/* Style */
+
+body {
+    overflow-x: hidden;
+    margin: 0;
+    line-height: 1.8rem;
+}
+
+.g-Main {
+    animation-name: appear;
+    animation-duration: 0.2s;
+    animation-timing-function: ease-in;
+    animation-iteration-count: 1;
+    width: 80%;
+    margin: 0 auto;
+}
+
+svg {
+    width: inherit;
+    height: inherit;
+}
+
+ul {
+    list-style-type: none;
+    padding-left: 0;
+}
+
+.g-Paragraph {
+    margin-bottom: 1rem;
+}
+
+.g-List {
+    padding-left: 0;
+    margin: 0.5rem 0 1rem 0.5rem;
+}
+
+.g-List__Item::before {
+    content: "•";
+    color: var(--color-brown);
+    display: inline-block;
+    margin-right: 0.5rem;
+}
+
+.g-List__Item {
+    padding: 0.2rem 0;
+}
+
+.g-Image {
+    border: solid 1px var(--color-dark-gray);
+    border-radius: 0.5rem;
+    margin-bottom: 1rem;
+    width: 100%;
+    max-width: 900px;
+}
+
+.g-Header {
+    background-color: var(--color-brown);
+    display: flex;
+}
+
+.g-Header__Link {
+    display: flex;
+    font-size: 1.5rem;
+    font-weight: bold;
+    justify-content: center;
+    align-items: center;
+    flex-grow: 1;
+    flex-basis: 0;
+    height: 3.5rem;
+    text-decoration: none;
+    padding: 0;
+    text-align: center;
+    color: #ffffff;
+}
+
+.g-Header__Link:hover,
+.g-Header__Link:focus,
+.g-Header__Link--Current {
+    border-bottom: var(--color-dark-brown) solid 0.6rem;
+}
+
+.g-IconLink__Link {
+    text-decoration: none;
+    color: var(--color-blue);
+    transition: color 0.3s ease-out 0.0s;
+    display: inline-flex;
+    align-items: center;
+}
+
+.g-IconLink__Link:focus {
+    outline: solid 0 #ffffff;
+}
+
+.g-IconLink__Link:hover,
+.g-IconLink__Link:focus {
+    text-decoration: underline;
+}
+
+.g-IconLink__Icon {
+    margin-right: 1rem;
+    height: 1.2rem;
+}
+
+.g-Resume__Title {
+    margin: 2.5rem 0 0.5rem;
+}
+
+.g-Resume__Title > em {
+    font-style: normal;
+    border-bottom: solid 0.2rem var(--color-brown);
+}
+
+.g-Section__Title {
+    color: var(--color-brown);
+    font-size: 1.8rem;
+    font-weight: lighter;
+    margin-bottom: 2rem;
+    margin-top: 3.5rem;
+    border-bottom: 0.2rem solid var(--color-brown);
+    padding-bottom: 0.5rem;
+    letter-spacing: 0.1rem;
+}
+
+.g-Section__Entries {
+    padding-left: 0;
+}
+
+.g-Skills {
+    display: flex;
+    flex-wrap: wrap;
+    margin-bottom: 1rem;
+    padding-left: 0;
+}
+
+.g-Skills__Item {
+    font-size: 0.8rem;
+    margin-right: 1rem;
+    margin-bottom: 0.5rem;
+    background-color: var(--color-light-gray);
+    border-radius: 0.1rem;
+    padding: 0 0.5rem;
+}
diff --git a/public/projects.html b/public/projects.html
index 2743614..e665d6d 100644
--- a/public/projects.html
+++ b/public/projects.html
@@ -6,7 +6,7 @@
     <meta name="author" content="Joris Guyonvarch">
     <meta name="description" content="I am a developer using functional programming. View my resume and projects.">
     <title>Joris Guyonvarch</title>
-    <link rel="stylesheet" href="style.css" />
+    <link rel="stylesheet" href="main.css" />
     <link rel="icon" href="icon.png" />
   </head>
 
diff --git a/public/style.css b/public/style.css
deleted file mode 100644
index cd207a5..0000000
--- a/public/style.css
+++ /dev/null
@@ -1,185 +0,0 @@
-/* Constants */
-
-:root {
-  /* Colors */
-  --color-brown: #A56D35;
-  --color-dark-brown: #6A4115;
-  --color-blue: #515170;
-  --color-light-gray: #EEEEEE;
-  --color-dark-gray: #666666;
-}
-
-/* Animation */
-
-@keyframes appear {
-    0.0% {
-        transform: translateX(0.8rem);
-        opacity: 0;
-    }
-    100.0% {
-        transform: translateX(0);
-    }
-}
-
-/* Media */
-
-@media screen and (max-width: 500px) {
-    html {
-        font-size: 90%;
-    }
-}
-
-@media screen and (min-width: 500px) and (max-width: 900px) {
-    html {
-        font-size: 100%;
-    }
-}
-
-@media screen and (min-width: 900px) {
-    html {
-        font-size: 110%;
-    }
-}
-
-/* Style */
-
-body {
-    overflow-x: hidden;
-    margin: 0;
-    line-height: 1.8rem;
-}
-
-.g-Main {
-    animation-name: appear;
-    animation-duration: 0.2s;
-    animation-timing-function: ease-in;
-    animation-iteration-count: 1;
-    width: 80%;
-    margin: 0 auto;
-}
-
-svg {
-    width: inherit;
-    height: inherit;
-}
-
-ul {
-    list-style-type: none;
-    padding-left: 0;
-}
-
-.g-Paragraph {
-    margin-bottom: 1rem;
-}
-
-.g-List {
-    padding-left: 0;
-    margin: 0.5rem 0 1rem 0.5rem;
-}
-
-.g-List__Item::before {
-    content: "•";
-    color: var(--color-brown);
-    display: inline-block;
-    margin-right: 0.5rem;
-}
-
-.g-List__Item {
-    padding: 0.2rem 0;
-}
-
-.g-Image {
-    border: solid 1px var(--color-dark-gray);
-    border-radius: 0.5rem;
-    margin-bottom: 1rem;
-    width: 100%;
-    max-width: 900px;
-}
-
-.g-Header {
-    background-color: var(--color-brown);
-    display: flex;
-}
-
-.g-Header__Link {
-    display: flex;
-    font-size: 1.5rem;
-    font-weight: bold;
-    justify-content: center;
-    align-items: center;
-    flex-grow: 1;
-    flex-basis: 0;
-    height: 3.5rem;
-    text-decoration: none;
-    padding: 0;
-    text-align: center;
-    color: #ffffff;
-}
-
-.g-Header__Link:hover,
-.g-Header__Link:focus,
-.g-Header__Link--Current {
-    border-bottom: var(--color-dark-brown) solid 0.6rem;
-}
-
-.g-IconLink__Link {
-    text-decoration: none;
-    color: var(--color-blue);
-    transition: color 0.3s ease-out 0.0s;
-    display: inline-flex;
-    align-items: center;
-}
-
-.g-IconLink__Link:focus {
-    outline: solid 0 #ffffff;
-}
-
-.g-IconLink__Link:hover,
-.g-IconLink__Link:focus {
-    text-decoration: underline;
-}
-
-.g-IconLink__Icon {
-    margin-right: 1rem;
-    height: 1.2rem;
-}
-
-.g-Resume__Title {
-    margin: 2.5rem 0 0.5rem;
-}
-
-.g-Resume__Title > em {
-    font-style: normal;
-    border-bottom: solid 0.2rem var(--color-brown);
-}
-
-.g-Section__Title {
-    color: var(--color-brown);
-    font-size: 1.8rem;
-    font-weight: lighter;
-    margin-bottom: 2rem;
-    margin-top: 3.5rem;
-    border-bottom: 0.2rem solid var(--color-brown);
-    padding-bottom: 0.5rem;
-    letter-spacing: 0.1rem;
-}
-
-.g-Section__Entries {
-    padding-left: 0;
-}
-
-.g-Skills {
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 1rem;
-    padding-left: 0;
-}
-
-.g-Skills__Item {
-    font-size: 0.8rem;
-    margin-right: 1rem;
-    margin-bottom: 0.5rem;
-    background-color: var(--color-light-gray);
-    border-radius: 0.1rem;
-    padding: 0 0.5rem;
-}
-- 
cgit v1.2.3