Skip to content

Commit

Permalink
update to latest style
Browse files Browse the repository at this point in the history
  • Loading branch information
giornn0 committed May 4, 2024
1 parent fc73a7e commit a0ca75c
Show file tree
Hide file tree
Showing 4 changed files with 137 additions and 20 deletions.
2 changes: 2 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,4 @@
*.png
*.jpg
*.pdf

50 changes: 45 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,15 @@ <h3 style="font-size: x-large">
>
<span class="company l">Baufest</span>
</a>
<span class="date r">Nov. 2022 &mdash; Actualidad</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
Nov. 2022 &mdash; Actualidad</span
>
</h3>
<div class="clear"></div>
<span class="job_title">Fullstack Developer</span>
Expand All @@ -105,7 +113,15 @@ <h3 style="font-size: x-large">
<a href="" target="_blank" rel="noopener noreferrer">
<span class="company l">ArrebolIT</span>
</a>
<span class="date r">Ene. 2023 &mdash; Actualidad</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
Ene. 2023 &mdash; Actualidad</span
>
</h3>
<div class="clear"></div>
<span class="job_title">Fullstack Developer</span>
Expand All @@ -123,7 +139,15 @@ <h3 style="font-size: x-large">
>
<span class="company l">InterNeg</span>
</a>
<span class="date r">Ago. 2021 &mdash; Nov. 2022</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
Ago. 2021 &mdash; Nov. 2022</span
>
</h3>
<div class="clear"></div>
<span class="job_title">Fullstack Developer</span>
Expand Down Expand Up @@ -314,7 +338,15 @@ <h2 class="title">Educación</h2>
<div class="item">
<h3 style="font-size: x-large">
<span class="course l">Programación</span>
<span class="date r">2020 &mdash; Actualidad</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
2020 &mdash; Actualidad</span
>
</h3>
<div class="clear"></div>
<span class="school">Autodidacta</span>
Expand All @@ -331,7 +363,15 @@ <h3 style="font-size: x-large">
<div class="item">
<h3 style="font-size: x-large">
<span class="course l">Técnico Energías Renovables</span>
<span class="date r">2008 &mdash; 2013</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
2008 &mdash; 2013</span
>
</h3>
<div class="clear"></div>
<span class="school">EPET 21</span>
Expand Down
55 changes: 48 additions & 7 deletions indexenglish.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,10 +30,10 @@ <h1 id="title">
style="color: rgb(207, 175, 86)"
></i
><a
href="mailto:[email protected]"
href="mailto:[email protected]"
class="__cf_email__"
data-cfemail="88fbe0e9e9e9e5fbfdfdc8efe5e9e1e4a6ebe7e5"
>[email protected]</a
>[email protected]</a
></span
>
</p>
Expand Down Expand Up @@ -89,7 +89,15 @@ <h3 style="font-size: x-large">
>
<span class="company l">Baufest</span>
</a>
<span class="date r">Nov. 2022 &mdash; Currently</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
Nov. 2022 &mdash; Currently</span
>
</h3>
<div class="clear"></div>
<span class="job_title">Fullstack Developer</span>
Expand All @@ -105,7 +113,15 @@ <h3 style="font-size: x-large">
<a href="" target="_blank" rel="noopener noreferrer">
<span class="company l">ArrebolIT</span>
</a>
<span class="date r">Jan. 2023 &mdash; Currently</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
Jan. 2023 &mdash; Currently</span
>
</h3>
<div class="clear"></div>
<span class="job_title">Fullstack Developer</span>
Expand All @@ -123,7 +139,15 @@ <h3 style="font-size: x-large">
>
<span class="company l">InterNeg</span>
</a>
<span class="date r">Ago. 2021 &mdash; Nov. 2022</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
Ago. 2021 &mdash; Nov. 2022</span
>
</h3>
<div class="clear"></div>
<span class="job_title">Fullstack Developer</span>
Expand Down Expand Up @@ -314,7 +338,15 @@ <h2 class="title">Education</h2>
<div class="item">
<h3 style="font-size: x-large">
<span class="course l">Programming</span>
<span class="date r">2020 &mdash; Currently</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>
2020 &mdash; Currently</span
>
</h3>
<div class="clear"></div>
<span class="school">Self-taught</span>
Expand All @@ -331,7 +363,16 @@ <h3 style="font-size: x-large">
<div class="item">
<h3 style="font-size: x-large">
<span class="course l">Renewable Energies Technician</span>
<span class="date r">2008 &mdash; 2013</span>
<span class="date r">
<span
class="iconify me-2"
data-icon="fluent-emoji-high-contrast:calendar"
data-width="20"
data-height="20"
></span>

2008 &mdash; 2013</span
>
</h3>
<div class="clear"></div>
<span class="school">EPET 21</span>
Expand Down
50 changes: 42 additions & 8 deletions styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,16 @@
:root {
--blue: #1e90ff;
--white: #ffffff;
--black: #222;
--background: #f0f0f0;
--shadow: #ccc;
--gold: #e6dfc6;
--gray: #999;
--golden-gold: #a88f61;
}

body {
background: #f0f0f0;
background: var(--background);
margin: 0;
padding: 0;
font-family:
Expand All @@ -17,7 +28,7 @@ body {
line-height: 18px;
font-size: 12px;

color: #222;
color: var(--black);
}
h1,
h2,
Expand Down Expand Up @@ -48,6 +59,11 @@ p {
}
a {
color: whitesmoke;
text-decoration: none;
}
a:hover {
color: var(--gold);
text-decoration: solid;
}
/* ________________________________________________________ */
.rtl {
Expand Down Expand Up @@ -87,15 +103,15 @@ a {
padding: 35px;
margin: 0 auto 15px auto;
overflow: hidden;
box-shadow: 0 0 6px #ccc;
box-shadow: 0 0 6px var(--shadow);
color: white;
}

#title {
margin: 0px 0 30px 0;
line-height: 70px;
text-align: center;
color: #e6dfc6;
color: var(--gold);
font-size: xxx-large;
font-family: Summit;
text-transform: uppercase;
Expand All @@ -104,16 +120,15 @@ a {
#credit {
margin-bottom: 20px;
font-size: 11px;
color: #999;
color: var(--gray);
text-align: center;
}
#credit a {
color: #999;
color: var(--gray);
}
.header {
height: 184px;
margin-bottom: 3rem;
margin-top: 2rem;
color: whitesmoke;
border-radius: 2em;
}
Expand Down Expand Up @@ -185,6 +200,25 @@ p span.value {
font-size: 120%;
display: block;
margin: 5px 0 5px 0;
font-style: oblique;
}
.company,
.course {
font-weight: bold;
color: var(--gold);
}
.date {
font-size: smaller;
font-weight: lighter;
}
.date:hover {
font-weight: normal;
}
.item-hover:hover {
padding: 1rem;
transform: scale(1.01);
border: solid var(--gold);
border-radius: 1rem;
}
li {
margin: 0.5rem;
Expand All @@ -199,7 +233,7 @@ li {
border-radius: 50%;
margin-right: 2rem;
margin-left: 1.5rem;
border: solid 2px #a88f61;
border: solid 2px var(--golden-gold);
}
#photo img {
width: 100%;
Expand Down

0 comments on commit a0ca75c

Please sign in to comment.