aboutsummaryrefslogtreecommitdiff
path: root/resume/src
diff options
context:
space:
mode:
authorSyndamia <kamen.d.mladenov@protonmail.com>2021-02-22 15:45:58 +0200
committerSyndamia <kamen.d.mladenov@protonmail.com>2021-02-22 15:45:58 +0200
commit1d98075cd7e043c8aa4c1d5b4d5c40a53044d70a (patch)
treed3853e5347b97491d1ee49aa51c08ea8cff401a1 /resume/src
parente507670053d2c32779319ad1a82b7c18ffe78841 (diff)
downloadcss-snippets-1d98075cd7e043c8aa4c1d5b4d5c40a53044d70a.tar
css-snippets-1d98075cd7e043c8aa4c1d5b4d5c40a53044d70a.tar.gz
css-snippets-1d98075cd7e043c8aa4c1d5b4d5c40a53044d70a.zip
Fixed spacing in resume code
Diffstat (limited to 'resume/src')
-rw-r--r--resume/src/index.html316
-rw-r--r--resume/src/styles.css12
2 files changed, 164 insertions, 164 deletions
diff --git a/resume/src/index.html b/resume/src/index.html
index 07be591..e8f10cd 100644
--- a/resume/src/index.html
+++ b/resume/src/index.html
@@ -2,168 +2,168 @@
<html>
<head>
- <meta charset="UTF-8">
- <meta name="author" content="Kamen Mladenov">
- <meta name="robots" content="index, follow">
- <meta name="theme-color" content="#ffffff">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="./styles.css">
- <title>My Resume</title>
+ <meta charset="UTF-8">
+ <meta name="author" content="Kamen Mladenov">
+ <meta name="robots" content="index, follow">
+ <meta name="theme-color" content="#ffffff">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="./styles.css">
+ <title>My Resume</title>
</head>
<body>
- <div id="content">
- <div id="about">
- <div id="data">
- <div id="name">
- Gosho Petrov
- </div>
- <div id="info">
- <div class="stacked-info">
- <b>Address</b><br>
- Gosho Street
- </div>
- <div class="stacked-info">
- <b>Phone</b><br>
- 1-800-Gosho
- </div>
- <div class="stacked-info">
- <b>Email</b><br>
- john.cena@ne-me-vijdash.gluplako
- </div>
- </div>
- </div>
- <div id="picture">
- <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/John_Cena_July_2018.jpg/1024px-John_Cena_July_2018.jpg">
- </div>
- </div>
- <hr>
- <div class="info-section">
- <div class="card">
- <div class="card-title">
- PROFILE
- </div>
- <div class="card-content">
+ <div id="content">
+ <div id="about">
+ <div id="data">
+ <div id="name">
+ Gosho Petrov
+ </div>
+ <div id="info">
+ <div class="stacked-info">
+ <b>Address</b><br>
+ Gosho Street
+ </div>
+ <div class="stacked-info">
+ <b>Phone</b><br>
+ 1-800-Gosho
+ </div>
+ <div class="stacked-info">
+ <b>Email</b><br>
+ john.cena@ne-me-vijdash.gluplako
+ </div>
+ </div>
+ </div>
+ <div id="picture">
+ <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/60/John_Cena_July_2018.jpg/1024px-John_Cena_July_2018.jpg">
+ </div>
+ </div>
+ <hr>
+ <div class="info-section">
+ <div class="card">
+ <div class="card-title">
+ PROFILE
+ </div>
+ <div class="card-content">
Vikat mi, ela za malko, I POCHVAM DA BEGAM BATE
- </div>
- </div>
- <hr>
- <div class="card">
- <div class="card-title">
- EDUCATION
- </div>
- <div class="card-content">
- <div class="card">
- <div class="card-title">
- 1990 - 1994
- </div>
- <div class="card-content">
- <div class="card-sub-title">
- Joe University
- </div>
- Mi, nema kvo da kaja
- </div>
- </div>
- <div class="card">
- <div class="card-title">
- 1994 - 2004
- </div>
- <div class="card-content">
- <div class="card-sub-title">
- Cool University
- </div>
- Yep, it's true. What are you gonna do about it?
- </div>
- </div>
- <div class="card">
- <div class="card-title">
- 2004 - now
- </div>
- <div class="card-content">
- <div class="card-sub-title">
- The coolest university
- </div>
- What are you gonna do? Cry? Shit your pants maybe? Maybe shit and cum?
- </div>
- </div>
- </div>
- </div>
- </div>
- <hr>
- <div class="info-section">
- <div class="card">
- <div class="card-title">
- EXPERIENCE
- </div>
- <div class="card-content">
- <div class="card">
- <div class="card-title">
- 1990 - now
- </div>
- <div class="card-content">
- <div class="card-sub-title">
- Megamind Inc.
- </div>
- Got a problem? Yeah, that's what I though
- </div>
- </div>
- </div>
- </div>
- </div>
- <hr>
- <div class="info-section">
- <div class="card">
- <div class="card-title">
- PERSONAL PROJECTS
- </div>
- <div class="card-content">
- <div class="card">
- <div class="card-title">
- 1990 - now
- </div>
- <div class="card-content">
- <div class="card-sub-title">
- Do I even need to say it?
- </div>
- Like, I'm pretty sure you got the point
- </div>
- </div>
- </div>
- </div>
- <hr>
- <div class="card">
- <div class="card-title">
- SKILLS
- </div>
- <div class="card-content ratings">
- <div class="rating">
- <div class="rating-title">
- Dumb shit
- </div>
- <div class="rating-amount">
- ●●●●●●●●●●
- </div>
- </div>
- <div class="rating">
- <div class="rating-title">
- Making normal static content
- </div>
- <div class="rating-amount">
- ●○○○○○○○○○
- </div>
- </div>
- <div class="rating">
- <div class="rating-title">
- idk anymore
- </div>
- <div class="rating-amount">
- ●●●●●●●●○○
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
+ </div>
+ </div>
+ <hr>
+ <div class="card">
+ <div class="card-title">
+ EDUCATION
+ </div>
+ <div class="card-content">
+ <div class="card">
+ <div class="card-title">
+ 1990 - 1994
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Joe University
+ </div>
+ Mi, nema kvo da kaja
+ </div>
+ </div>
+ <div class="card">
+ <div class="card-title">
+ 1994 - 2004
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Cool University
+ </div>
+ Yep, it's true. What are you gonna do about it?
+ </div>
+ </div>
+ <div class="card">
+ <div class="card-title">
+ 2004 - now
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ The coolest university
+ </div>
+ What are you gonna do? Cry? Shit your pants maybe? Maybe shit and cum?
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <hr>
+ <div class="info-section">
+ <div class="card">
+ <div class="card-title">
+ EXPERIENCE
+ </div>
+ <div class="card-content">
+ <div class="card">
+ <div class="card-title">
+ 1990 - now
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Megamind Inc.
+ </div>
+ Got a problem? Yeah, that's what I though
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <hr>
+ <div class="info-section">
+ <div class="card">
+ <div class="card-title">
+ PERSONAL PROJECTS
+ </div>
+ <div class="card-content">
+ <div class="card">
+ <div class="card-title">
+ 1990 - now
+ </div>
+ <div class="card-content">
+ <div class="card-sub-title">
+ Do I even need to say it?
+ </div>
+ Like, I'm pretty sure you got the point
+ </div>
+ </div>
+ </div>
+ </div>
+ <hr>
+ <div class="card">
+ <div class="card-title">
+ SKILLS
+ </div>
+ <div class="card-content ratings">
+ <div class="rating">
+ <div class="rating-title">
+ Dumb shit
+ </div>
+ <div class="rating-amount">
+ ●●●●●●●●●●
+ </div>
+ </div>
+ <div class="rating">
+ <div class="rating-title">
+ Making normal static content
+ </div>
+ <div class="rating-amount">
+ ●○○○○○○○○○
+ </div>
+ </div>
+ <div class="rating">
+ <div class="rating-title">
+ idk anymore
+ </div>
+ <div class="rating-amount">
+ ●●●●●●●●○○
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
</body>
</html>
diff --git a/resume/src/styles.css b/resume/src/styles.css
index b263e24..baeec78 100644
--- a/resume/src/styles.css
+++ b/resume/src/styles.css
@@ -38,11 +38,11 @@ body {
display: none;
}
-#content>* {
+#content > * {
width: 100%;
}
-#content>hr {
+#content > hr {
border-color: var(--font-color);
}
@@ -72,7 +72,7 @@ body {
display: flex;
}
-#info>* {
+#info > * {
flex: 1;
}
@@ -110,15 +110,15 @@ body {
flex-direction: column;
}
-.card-content>.card {
+.card-content > .card {
margin-top: 1em;
}
-.card-content>.card>.card-title {
+.card-content > .card > .card-title {
width: 24%;
}
-.card-content>.card:first-child {
+.card-content > .card:first-child {
margin-top: 0;
}
generated by cgit v1.2.3 (git 2.46.0) at 2026-04-14 23:51:15 +0000