From 9bf83c951fa10975ae05d85a3982e2394ec886c5 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Tue, 16 Feb 2021 19:38:09 +0200 Subject: Added a static resume page design --- resume/src/index.html | 169 ++++++++++++++++++++++++++++++++++++++++++++++++++ resume/src/styles.css | 154 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 323 insertions(+) create mode 100644 resume/src/index.html create mode 100644 resume/src/styles.css (limited to 'resume/src') diff --git a/resume/src/index.html b/resume/src/index.html new file mode 100644 index 0000000..07be591 --- /dev/null +++ b/resume/src/index.html @@ -0,0 +1,169 @@ + + + + + + + + + + + My Resume + + + +
+
+
+
+ Gosho Petrov +
+
+
+ Address
+ Gosho Street +
+
+ Phone
+ 1-800-Gosho +
+
+ Email
+ john.cena@ne-me-vijdash.gluplako +
+
+
+
+ +
+
+
+
+
+
+ PROFILE +
+
+ Vikat mi, ela za malko, I POCHVAM DA BEGAM BATE +
+
+
+
+
+ EDUCATION +
+
+
+
+ 1990 - 1994 +
+
+
+ Joe University +
+ Mi, nema kvo da kaja +
+
+
+
+ 1994 - 2004 +
+
+
+ Cool University +
+ Yep, it's true. What are you gonna do about it? +
+
+
+
+ 2004 - now +
+
+
+ The coolest university +
+ What are you gonna do? Cry? Shit your pants maybe? Maybe shit and cum? +
+
+
+
+
+
+
+
+
+ EXPERIENCE +
+
+
+
+ 1990 - now +
+
+
+ Megamind Inc. +
+ Got a problem? Yeah, that's what I though +
+
+
+
+
+
+
+
+
+ PERSONAL PROJECTS +
+
+
+
+ 1990 - now +
+
+
+ Do I even need to say it? +
+ Like, I'm pretty sure you got the point +
+
+
+
+
+
+
+ SKILLS +
+
+
+
+ Dumb shit +
+
+ ●●●●●●●●●● +
+
+
+
+ Making normal static content +
+
+ ●○○○○○○○○○ +
+
+
+
+ idk anymore +
+
+ ●●●●●●●●○○ +
+
+
+
+
+
+ + + diff --git a/resume/src/styles.css b/resume/src/styles.css new file mode 100644 index 0000000..3601e33 --- /dev/null +++ b/resume/src/styles.css @@ -0,0 +1,154 @@ +:root { + --font-color: #444; + --padding: .25in; +} + +* { + font-size: 19px; + font-family: sans-serif; + color: var(--font-color) +} + +hr { + width: auto; + border: 1px solid rgb(240, 240, 240); + margin: 1.5em 0; +} + +body { + width: 100vw; + height: 100vh; + padding: var(--padding); + margin: 0; + box-sizing: border-box; + background-color: white; +} + +#content { + width: 100%; + height: 100%; + box-sizing: border-box; + border: 3px solid var(--font-color); + overflow-y: auto; + padding: var(--padding); + display: flex; + flex-direction: column; +} + +#content::-webkit-scrollbar { + display: none; +} + +#content>* { + width: 100%; +} + +#content>hr { + border-color: var(--font-color); +} + +/* About */ + +#about { + display: flex; + width: 100%; + height: fit-content; + position: relative; +} + +#data { + flex: 1; + display: flex; + flex-direction: column; +} + +#name { + flex: 1; + font-size: 3em; + font-weight: bold; +} + +#info { + font-size: .9em; + display: flex; +} + +#info>* { + flex: 1; +} + +.stacked-info { + font-size: .95em; + border-left: 1px solid var(--font-color); + padding: 0 1em; +} + +#picture { + height: 10em; + max-width: 10em; +} + +#picture > img { + width: inherit; + height: inherit; +} + +/* Card */ + +.card { + width: 100%; + display: flex; +} + +.card-title { + width: 30%; + font-weight: bold; +} + +.card-content { + flex: 1; + display: flex; + flex-direction: column; +} + +.card-content>.card { + margin-top: 1em; +} + +.card-content>.card>.card-title { + width: 24%; +} + +.card-content>.card:first-child { + margin-top: 0; +} + +.card-sub-title { + border-left: 2px solid var(--font-color); + padding-left: .5em; + font-weight: bold; + margin-bottom: .3em; +} + +/* Rating */ + +.ratings { + flex-direction: row; + flex-wrap: wrap; +} + +.rating { + width: 50%; + display: flex; + flex-direction: column; + margin-bottom: .7em; +} + +.rating-title { + font-weight: bold; + margin-right: 1em; +} + +.rating-amount { + flex: 1; +} -- cgit v1.2.3