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
(limited to 'public')
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 @@
Joris Guyonvarch
-
+
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 @@
Joris Guyonvarch
-
+
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