From ab1215fb6367c1d4b4e11aba672d992147451644 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Thu, 19 Aug 2021 13:52:27 +0300 Subject: Renamed resume to resume-v1 and added resume-v1.1 --- resume-v1/src/resume.html | 191 ++++++++++++++++++++++++++++ resume-v1/src/sample-profile-picture.jpeg | Bin 0 -> 398276 bytes resume-v1/src/style.css | 204 ++++++++++++++++++++++++++++++ 3 files changed, 395 insertions(+) create mode 100644 resume-v1/src/resume.html create mode 100644 resume-v1/src/sample-profile-picture.jpeg create mode 100644 resume-v1/src/style.css (limited to 'resume-v1/src') diff --git a/resume-v1/src/resume.html b/resume-v1/src/resume.html new file mode 100644 index 0000000..77aa441 --- /dev/null +++ b/resume-v1/src/resume.html @@ -0,0 +1,191 @@ + + + + + + + + Resume - Gosho Petrov + + + +
+
+ +
+
+ Gosho Petrov +
+
+
+
+ Date of birth
+ 6.9.420 +
+
+ Address
+ Gosho Street +
+
+ Phone Number
+ 1-800-Gosho +
+
+
+
+ Email
+ gosho@ne-me-vijdash.pich +
+
+ GitHub account
+ github.com/adfadfadfasdga +
+
+ LinkedIn profile
+ linkedin.com/in/asdagadggw +
+
+
+
+ + + +
+
+
+
+ ║ 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? +
+
+
+
+ 1994 - 2004 +
+
+
+ The coolest university +
+ I'll have you know, I gratuated top of my class. +
+
+
+
+ ║ EXPERIENCE ║ +
+
+
+ 1990 - now +
+
+
+ Megamind Inc. +
+ Bachkam, kvo da kaja +
+
+
+
+ 1890 - 1990 +
+
+
+ Intergalatical Time Federation +
+ Learned how to control time. +
+
+ +
+
+
+
+ ║ PROJECTS ║ +
+
+
+ 1990 - now +
+
+
+ Yo mama +
+ HA, goteem +
+
+
+
+ 1989 - 1999 +
+
+
+ Crime +
+
+
+
+
+
+ ║ SKILLS ║ +
+
+ + + + + + + + + + + + + +
Dumb Shit●●●●●Other Shit●●●○○
Making normal static content○○○○○Writing○○○○○
+
+ + + + + + + +
Programming●●●●●Programming●○○○○
+
+
+
+
+ + + diff --git a/resume-v1/src/sample-profile-picture.jpeg b/resume-v1/src/sample-profile-picture.jpeg new file mode 100644 index 0000000..531c03b Binary files /dev/null and b/resume-v1/src/sample-profile-picture.jpeg differ diff --git a/resume-v1/src/style.css b/resume-v1/src/style.css new file mode 100644 index 0000000..fb4927b --- /dev/null +++ b/resume-v1/src/style.css @@ -0,0 +1,204 @@ +:root { + --font-color: #444; + --padding: .25in; + --picture-size: 10em; + --page-margin: 5mm; +} + +* { + font-size: 19px; + font-family: sans-serif; +} + +hr { + width: auto; + border: 1px solid rgb(210, 210, 210); + margin: .9em 0; +} + +body { + width: 100%; + height: 100%; + margin: 0; + background-color: white; +} + +/* The whole page */ + +.page { + width: 210mm; + height: 297mm; + margin: 0 auto; +} + +.content { + width: calc(100% - 2 * var(--page-margin)); + height: calc(100% - 2 * var(--page-margin)); + border: 3px solid var(--font-color); + box-sizing: border-box; + padding: var(--padding); + margin: var(--page-margin); + display: flex; + flex-direction: column; +} + +.content > * { + width: 100%; +} + +.content > hr { + border-color: var(--font-color); +} + +/* About/Summary */ + +#about { + display: flex; + width: 100%; + height: fit-content; + position: relative; +} + +#data { + flex: 1; + height: var(--picture-size); + display: flex; + flex-direction: column; +} + +#name { + font-size: 2.5em; + font-weight: bold; + margin-bottom: .2em; +} + +#text-data { + font-size: .7em; + flex: 1; + display: flex; +} + +.info { + flex: 1; + font-size: inherit; + display: flex; + flex-direction: column; +} + +.info > * { + flex: 1; +} + +.stacked-info { + font-size: inherit; + line-height: 1.3em; + margin-top: .8em; + border-left: 1px solid var(--font-color); + box-sizing: border-box; + padding: 0 1em; +} + +.stacked-info:first-child { + margin-top: 0; +} + +.stacked-info > b { + font-size: inherit; +} + +#picture-data { + height: var(--picture-size); + width: var(--picture-size); +} + +#picture-data > img { + width: var(--picture-size); + margin: auto 0; +} + +/* Sections */ + +.section-title { + font-weight: bold; + margin-bottom: .5em; +} + +/* Card */ + +.card { + width: 100%; + display: flex; + margin-bottom: 1em; +} + +.card-title { + width: 20%; + 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; +} + +.end-card, .card:last-child { + margin-bottom: 0; +} + +/* Rating */ + +.ratings { + width: 100%; + border: none; + table-layout: fixed; + border-collapse: colapse; + border-spacing: 0; +} + +.ratings td { + padding: 2px 0; + text-align: center; + vertical-align: middle; +} + +.ratings td:nth-child(2n) { + border-right: 1px solid black; +} + +.ratings td:last-child { + border-right-width: 0; +} + +/* Proper printing */ + +@page { + size: A4; + margin: 5mm; +} +@media print { + html, body, .page, .content { + width: 100%; + height: 100%; + margin: 0; + } +} -- cgit v1.2.3