CV. Cross-Check

README.md

@@ -1 +1 @@
-# rsschool-cv
+https://jaysuno0.github.io/rsschool-cv/

css-components/code-snippet.css

@@ -0,0 +1,68 @@
+/*
+Date: 17.V.2011
+Author: pumbur <[email protected]>
+*/
+
+.hljs {
+  background: #222;
+}
+
+.hljs-subst {
+  color: #aaa;
+}
+
+.hljs-section {
+  color: #fff;
+}
+
+.hljs-comment,
+.hljs-quote,
+.hljs-meta {
+  color: #444;
+}
+
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-regexp {
+  color: #ffcc33;
+}
+
+.hljs-number,
+.hljs-addition {
+  color: #00cc66;
+}
+
+.hljs-built_in,
+.hljs-literal,
+.hljs-type,
+.hljs-template-variable,
+.hljs-attribute,
+.hljs-link {
+  color: #32aaee;
+}
+
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #5a0416;
+}
+
+.hljs-title,
+.hljs-variable,
+.hljs-deletion,
+.hljs-template-tag {
+  color: #ca6379;
+}
+
+.hljs-section,
+.hljs-doctag,
+.hljs-strong {
+  font-weight: bold;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}

css-components/code.css

@@ -0,0 +1,11 @@
+.code-task-text {
+  margin-bottom: 20px;
+}
+
+.code-code {
+  padding: 10px;
+  overflow-x: auto;
+  border-radius: var(--border-radius);
+  background: var(--light-gray2);
+  box-shadow: inset 0px 0px 5px var(--dark-gray);
+}

css-components/contacts.css

@@ -0,0 +1,7 @@
+.contacts-item {
+  margin: 15px;
+}
+
+.contacts-link {
+  margin-left: 10px;
+}

css-components/education.css

@@ -0,0 +1,7 @@
+.education-item {
+  margin: 20px 0;
+}
+
+.education-item a {
+  margin: 0 10px;
+}

css-components/footer.css

@@ -0,0 +1,24 @@
+.footer {
+  padding: 30px;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+
+  font-weight: bold;
+  color: var(--light-maroon);
+}
+
+.footer-link {
+  margin: 0 20px;
+  font-size: 40px;
+}
+
+.rss-logo {
+  width: 100%;
+  max-width: 150px;
+}
+
+.footer-year {
+  font-size: 60px;
+}

css-components/header.css

@@ -0,0 +1,26 @@
+.nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+
+  width: 100%;
+  display: flex;
+  justify-content: center;
+
+  background: var(--light-gray);
+  box-shadow: 0px 0px 10px var(--dark-gray);
+}
+
+.nav-list {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  list-style:none;
+}
+
+.nav-list-item {
+  padding: 16px 0px;
+  margin: 0px 20px;
+}

css-components/profile.css

@@ -0,0 +1,64 @@
+.section.profile {
+  width: 100%;
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.profile-title {
+  font-size: 40px;
+  color: var(--dark-maroon);
+}
+
+.profile-wrapper {
+  width: 35%;
+}
+
+.profile-occupation {
+  margin: 20px 0px;
+  font-weight: bold;
+}
+
+.profile-avatar {
+  width: 100%;
+  max-width: 300px;
+  margin: 10px 0px;
+  border-radius: var(--border-radius);
+}
+
+.profile-text-wrapper {
+  width: 65%;
+  padding: 20px;
+  text-align: justify;
+}
+
+.profile-text {
+  margin: 15px 0px;
+}
+
+.profile-strengths-wrapper {
+  width: 100%;
+  margin-top: 20px;
+  padding: 20px;
+  border-radius: var(--border-radius);
+  background-color: var(--light-gray2);
+  box-shadow: inset 0px 0px 5px var(--dark-gray);
+}
+
+.profile-strengths-title {
+  text-align: center;
+}
+
+.profile-strengths-list {
+  width: 100%;
+  display: flex;
+  justify-content: space-evenly;
+  font-weight: bold;
+  font-size: 22px;
+}
+
+.profile-strengths-item {
+  color: var(--dark-maroon);
+}

css-components/projects.css

@@ -0,0 +1,3 @@
+.projects-item {
+  margin: 30px 0px;
+}

css-components/skills.css

@@ -0,0 +1,25 @@
+.skills-list {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: flex-end;
+  list-style: none;
+}
+
+.skills-list-item {
+  width: 12%;
+  text-transform: uppercase;
+  text-align: center;
+  cursor: pointer;
+}
+
+.skills-list-item:hover .skills-logo{
+  transform: rotateZ(20deg);
+}
+
+.skills-logo {
+  max-width: 60%;
+  margin-bottom: 10px;
+  transition: 200ms;
+}