remove resume
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
parent
522b4c8efa
commit
303de84d03
6 changed files with 1 additions and 807 deletions
272
css/resume.css
272
css/resume.css
|
|
@ -1,272 +0,0 @@
|
|||
@charset "UTF-8";
|
||||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-family: "Inter", sans-serif;
|
||||
font-variant-ligatures: none;
|
||||
}
|
||||
|
||||
button#print {
|
||||
margin: 2rem auto;
|
||||
border: none;
|
||||
font-size: 8.5pt;
|
||||
background: #eee;
|
||||
color: #425580;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 0.2rem;
|
||||
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
button#print:hover {
|
||||
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1), 0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
button#print:active {
|
||||
background: #e0e0e0;
|
||||
}
|
||||
button#print i {
|
||||
font-size: 7pt;
|
||||
margin-right: 3pt;
|
||||
}
|
||||
|
||||
#page {
|
||||
width: 8.5in;
|
||||
height: 11in;
|
||||
margin: 0 auto 4rem;
|
||||
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1), 0 0 0.5rem rgba(0, 0, 0, 0.2);
|
||||
font-weight: 400;
|
||||
font-size: 8.5pt;
|
||||
line-height: 14pt;
|
||||
background-size: 14pt 14pt;
|
||||
background-repeat: repeat;
|
||||
background-position: center top;
|
||||
}
|
||||
#page .page-contents {
|
||||
padding: 28pt 42pt 0;
|
||||
}
|
||||
|
||||
@media print {
|
||||
#page {
|
||||
box-shadow: none;
|
||||
height: auto;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button#print {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@page {
|
||||
margin: 0;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1.name {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 20pt;
|
||||
line-height: 21pt;
|
||||
height: 21pt;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
nav.links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
padding-top: 7pt;
|
||||
height: 21pt;
|
||||
}
|
||||
nav.links a {
|
||||
display: block;
|
||||
color: inherit;
|
||||
display: block;
|
||||
padding: 0 7pt;
|
||||
height: 14pt;
|
||||
line-height: 14pt;
|
||||
text-decoration: none;
|
||||
font-size: 8.5pt;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
a i.fa {
|
||||
font-size: 6pt;
|
||||
margin: 0 0.5pt -1.5pt;
|
||||
line-height: 9.24pt;
|
||||
position: relative;
|
||||
width: 9.24pt;
|
||||
height: 9.24pt;
|
||||
}
|
||||
a i.fa:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
padding-top: 7pt;
|
||||
line-height: 14pt;
|
||||
height: 21pt;
|
||||
font-size: 12pt;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
align-self: flex-start;
|
||||
width: 100%;
|
||||
}
|
||||
h2 span {
|
||||
background: white;
|
||||
padding-right: 5pt;
|
||||
}
|
||||
h2:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 8.5pt;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
border-top: 1.5pt solid #ff61b0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 9.5pt;
|
||||
font-weight: 600;
|
||||
padding-right: 6pt;
|
||||
}
|
||||
h3 a i.fa {
|
||||
font-size: 7pt;
|
||||
margin: 0 0 -1.5pt 3pt;
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-size: 8.5pt;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
section.skills p {
|
||||
height: 14pt;
|
||||
}
|
||||
section.skills p:first-of-type {
|
||||
margin-top: 7pt;
|
||||
}
|
||||
section.skills strong {
|
||||
display: inline-block;
|
||||
width: 80pt;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0 0 0 14pt;
|
||||
}
|
||||
ul li {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
ul li:before {
|
||||
content: "·";
|
||||
height: 14pt;
|
||||
width: 14pt;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -14pt;
|
||||
text-align: center;
|
||||
line-height: 14pt;
|
||||
font-weight: bold;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
section.experience article.work-exp {
|
||||
position: relative;
|
||||
margin: 7pt 0 0;
|
||||
}
|
||||
|
||||
span.bullet {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 14pt;
|
||||
height: 14pt;
|
||||
}
|
||||
span.bullet:before {
|
||||
content: "·";
|
||||
height: 14pt;
|
||||
width: 14pt;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
line-height: 14pt;
|
||||
font-weight: bold;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
article > div {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
article > div > div {
|
||||
display: flex;
|
||||
}
|
||||
article > div > div.right-side {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
aside.languages {
|
||||
color: #444;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
section.projects article.project {
|
||||
height: 28pt;
|
||||
}
|
||||
section.projects article.project:first-of-type {
|
||||
margin-top: 7pt;
|
||||
}
|
||||
section.projects div.project-title {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: flex-start;
|
||||
height: 14pt;
|
||||
}
|
||||
section.projects div.project-title h3 {
|
||||
padding-right: 3pt;
|
||||
}
|
||||
|
||||
section.education article.institution {
|
||||
position: relative;
|
||||
margin-top: 7pt;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=resume.css.map */
|
||||
317
css/resume.scss
317
css/resume.scss
|
|
@ -1,317 +0,0 @@
|
|||
*, *:before, *:after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-family: 'Inter', sans-serif;
|
||||
font-variant-ligatures: none;
|
||||
}
|
||||
|
||||
$ls: 14pt;
|
||||
|
||||
button#print {
|
||||
margin: 2rem auto;
|
||||
border: none;
|
||||
font-size: 8.5pt;
|
||||
background: #eee;
|
||||
color: #425580;
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 0.2rem;
|
||||
box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.1), 0 0.1rem 0.2rem rgba(0,0,0,0.1);
|
||||
|
||||
&:hover {
|
||||
box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.1), 0 0.1rem 0.2rem rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: #e0e0e0;
|
||||
}
|
||||
|
||||
i {
|
||||
font-size: 7pt;
|
||||
margin-right: 3pt;
|
||||
}
|
||||
}
|
||||
|
||||
#page {
|
||||
width: 8.5in;
|
||||
height: 11in;
|
||||
margin: 0 auto 4rem;
|
||||
box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,0.1), 0 0 0.5rem rgba(0,0,0,0.2);
|
||||
font-weight: 400;
|
||||
font-size: 8.5pt;
|
||||
line-height: $ls;
|
||||
$fade: #ccc;
|
||||
$main: #aaa;
|
||||
//background-image: linear-gradient(white 45%, $fade 45%, $fade 50%, white 50%, white 95%, $main 95%);
|
||||
background-size: $ls $ls;
|
||||
background-repeat: repeat;
|
||||
background-position: center top;
|
||||
|
||||
.page-contents {
|
||||
padding: 2*$ls 3*$ls 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media print {
|
||||
#page {
|
||||
box-shadow: none;
|
||||
height: auto;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
button#print {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// print margins
|
||||
@page {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1.name {
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
font-size: 20pt;
|
||||
line-height: 1.5*$ls;
|
||||
height: 1.5*$ls;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
nav.links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: stretch;
|
||||
padding-top: 0.5*$ls;
|
||||
height: 1.5*$ls;
|
||||
|
||||
a {
|
||||
display: block;
|
||||
color: inherit;
|
||||
display: block;
|
||||
padding: 0 0.5*$ls;
|
||||
height: $ls;
|
||||
line-height: $ls;
|
||||
text-decoration: none;
|
||||
font-size: 8.5pt;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
i.fa {
|
||||
font-size: 6pt;
|
||||
margin: 0 0.5pt -1.5pt;
|
||||
line-height: 0.66*$ls;
|
||||
position: relative;
|
||||
width: 0.66*$ls;
|
||||
height: 0.66*$ls;
|
||||
|
||||
&:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
padding-top: 0.5*$ls;
|
||||
line-height: $ls;
|
||||
height: 1.5*$ls;
|
||||
font-size: 12pt;
|
||||
font-weight: 600;
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
align-self: flex-start;
|
||||
width: 100%;
|
||||
|
||||
span {
|
||||
background: white;
|
||||
padding-right: 5pt;
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 8.5pt;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
border-top: 1.5pt solid #ff61b0;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 9.5pt;
|
||||
font-weight: 600;
|
||||
padding-right: 6pt;
|
||||
|
||||
a i.fa {
|
||||
font-size: 7pt;
|
||||
margin: 0 0 -1.5pt 3pt;
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
font-size: 8.5pt;
|
||||
// display: flex;
|
||||
// width: 100%;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
section.skills {
|
||||
p {
|
||||
height: $ls;
|
||||
}
|
||||
p:first-of-type {
|
||||
margin-top: 0.5*$ls;
|
||||
}
|
||||
strong {
|
||||
display: inline-block;
|
||||
width: 80pt;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0 0 0 $ls;
|
||||
|
||||
li {
|
||||
display: block;
|
||||
position: relative;
|
||||
&:before {
|
||||
content: '·';
|
||||
height: $ls;
|
||||
width: $ls;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -$ls;
|
||||
text-align: center;
|
||||
line-height: $ls;
|
||||
font-weight: bold;
|
||||
font-size: 12pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section.experience {
|
||||
article.work-exp {
|
||||
position: relative;
|
||||
margin: 0.5*$ls 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
// aside.date {
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: 0; //calc($ls / 2);
|
||||
// height: $ls;
|
||||
// line-height: $ls;
|
||||
// // $offset: $4pt;
|
||||
// // top: -$offset;
|
||||
// // background: black;
|
||||
// // color: white;
|
||||
// // padding: $offset 1.5*$offset;
|
||||
// // height: $ls + 2*$offset;
|
||||
// }
|
||||
|
||||
span.bullet {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: $ls;
|
||||
height: $ls;
|
||||
&:before {
|
||||
content: '·';
|
||||
height: $ls;
|
||||
width: $ls;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
text-align: center;
|
||||
line-height: $ls;
|
||||
font-weight: bold;
|
||||
font-size: 12pt;
|
||||
}
|
||||
}
|
||||
|
||||
article > div {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
> div {
|
||||
display: flex;
|
||||
|
||||
&.right-side {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
aside.languages {
|
||||
color: #444;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
section.projects {
|
||||
article.project {
|
||||
&:first-of-type {
|
||||
margin-top: 0.5*$ls;
|
||||
}
|
||||
height: 2*$ls;
|
||||
}
|
||||
|
||||
div.project-title {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
justify-content: flex-start;
|
||||
height: $ls;
|
||||
|
||||
h3 {
|
||||
padding-right: 3pt;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
section.education {
|
||||
article.institution {
|
||||
position: relative;
|
||||
margin-top: 0.5*$ls;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue