Skip to content

Commit

Permalink
feat(index): fix layout
Browse files Browse the repository at this point in the history
  • Loading branch information
@gijosso
gijosso committed Dec 11, 2024
1 parent 9c82081 commit c8db74e
Show file tree
Hide file tree
Showing 4 changed files with 83 additions and 60 deletions.
4 changes: 2 additions & 2 deletions cv.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ <h1 class="firstname">Thomas</h1>
<h1 class="lastname"><strong>Josso</strong></h1>
</div>

<div class="socials row">
<div class="socials row no-break">
<div class="row">
<i class="fa fa-envelope icon complementary-tint"></i>
<a href="mailto:[email protected]"
Expand All @@ -61,7 +61,7 @@ <h1 class="lastname"><strong>Josso</strong></h1>
<a href="tel:+13322052034">+33631384724</a>
</div>
</div>
<div class="socials row">
<div class="socials row no-break">
<div class="row">
<i class="fa fa-globe icon tint"></i>
<a target="_blank" href="https://www.gijosso.dev/"
Expand Down
114 changes: 61 additions & 53 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,43 +42,53 @@
<div class="resume">
<div class="page-container index-page">
<div class="page">
<div class="name head">
<h1 class="firstname">Thomas</h1>
<h1 class="lastname"><strong>Josso</strong></h1>
<div class="head">
<div class="name">
<h1 class="firstname">Thomas</h1>
<h1 class="lastname"><strong>Josso</strong></h1>
</div>
</div>
<div class="row hr-row flex-end">
<div class="row socials justify-space-between">
<div>
<a
target="_blank"
rel="noopener"
href="https://github.com/gijosso"
aria-label="GitHub"
><i class="fa-brands fa-github tint icon"></i
></a>
</div>
&nbsp;
<div>
<a
target="_blank"
rel="noopener"
href="https://www.linkedin.com/in/thomas-josso/"
aria-label="LinkedIn"
><i class="fa-brands fa-linkedin tint icon"></i
></a>
</div>
&nbsp;
<div>
<a
target="_blank"
rel="noopener"
href="https://twitter.com/gijosso"
aria-label="Twitter"
><i class="fa-brands fa-x-twitter tint icon"></i
></a>
<div class="column">
<div class="row hr-row justify-space-between">
<div class="row socials justify-space-between">
<div>
<a
target="_blank"
rel="noopener"
href="https://github.com/gijosso"
aria-label="GitHub"
><i
class="fa-brands fa-github tint big-icon github-color"
></i
></a>
</div>
&nbsp;
<div>
<a
target="_blank"
rel="noopener"
href="https://www.linkedin.com/in/thomas-josso/"
aria-label="LinkedIn"
><i
class="fa-brands fa-linkedin tint big-icon linkedin-color"
></i
></a>
</div>
&nbsp;
<div>
<a
target="_blank"
rel="noopener"
href="https://twitter.com/gijosso"
aria-label="Twitter"
><i
class="fa-brands fa-x-twitter tint big-icon x-color"
></i
></a>
</div>
</div>
<hr />
</div>
<hr />
</div>

<div id="homepage" class="details">
Expand All @@ -88,19 +98,18 @@ <h1>Documents</h1>
<div class="section">
<div class="column">
<div class="row align-start entry">
<div class="column description">
<div class="column description no-break">
<div class="row justify-space-between file-entry">
<a href="resume.html">
<div class="row justify-space-between no-break">
<div class="row">
<i class="fa fa-file tint"></i>&nbsp;<strong
class="main-contrast"
>Resume</strong
>
</div>
<div class="row">
<i class="fa fa-file tint"></i>&nbsp;<strong
class="main-contrast"
>Resume</strong
>
</div>

<div class="row justify-space-between">
<i>🇺🇸 US English</i>
English 🇺🇸
</div>
</a>

Expand All @@ -111,7 +120,7 @@ <h1>Documents</h1>
class="row justify-space-between no-break tint button"
>
<div class="row">
Download &nbsp;
<strong>Download</strong>&nbsp;
<i class="fa fa-file-arrow-down"></i>
</div>
</div>
Expand All @@ -121,26 +130,25 @@ <h1>Documents</h1>
</div>

<div class="row align-start entry">
<div class="column description">
<div class="column description no-break">
<div class="row justify-space-between file-entry">
<a href="cv.html">
<div class="row justify-space-between no-break">
<div class="row">
<i class="fa fa-file-image tint"></i>
&nbsp;<strong class="main-contrast">CV</strong>
</div>
<div class="row">
<i class="fa fa-file-image tint"></i>
&nbsp;<strong class="main-contrast">CV</strong>
</div>

<div class="row justify-space-between">
<i>🇫🇷 Français</i>
<i>Français 🇫🇷</i>
</div>
</a>

<a href="cv.pdf" download="thomas-josso-cv.pdf"
><div
class="row justify-space-between no-break tint button"
class="row justify-space-between no-break button"
>
<div class="row">
Télécharger &nbsp;
<strong>Télécharger</strong>&nbsp;
<i class="fa fa-file-arrow-down"></i>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions resume.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ <h1 class="firstname">Thomas</h1>
<h1 class="lastname"><strong>Josso</strong></h1>
</div>

<div class="socials row">
<div class="socials row no-break">
<div class="row">
<i class="fa fa-envelope icon complementary-tint"></i>
<a href="mailto:[email protected]"
Expand All @@ -61,7 +61,7 @@ <h1 class="lastname"><strong>Josso</strong></h1>
<a href="tel:+13322052034">(332) 205-2034</a>
</div>
</div>
<div class="socials row">
<div class="socials row no-break">
<div class="row">
<i class="fa fa-globe icon tint"></i>
<a target="_blank" href="https://www.gijosso.dev/"
Expand Down
21 changes: 18 additions & 3 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,13 +74,14 @@ p {

hr {
height: 5px;
width: 60%;
width: 100%;
border: none;
background-color: var(--tint);
}

.hr-row {
height: 25px;
gap: 25px;
}

a:-webkit-any-link {
Expand Down Expand Up @@ -167,7 +168,12 @@ a:-webkit-any-link {
}

.icon {
min-width: 10px;
}

.big-icon {
min-width: 15px;
font-size: 20px;
}

.button {
Expand Down Expand Up @@ -233,6 +239,10 @@ a:-webkit-any-link {

.head {
height: var(--head-size);
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
}

.profile,
Expand All @@ -247,7 +257,7 @@ a:-webkit-any-link {
}

#homepage {
padding: 40px 10px 15px 10px;
padding: 40px 0 15px 0;
}

.page hr {
Expand All @@ -264,6 +274,10 @@ a:-webkit-any-link {
gap: 50px;
}

.file-entry > a {
min-width: 50px;
}

/* SIDE */
.side {
color: var(--alt-color);
Expand Down Expand Up @@ -311,14 +325,15 @@ a:-webkit-any-link {
/* flex-direction: column; */
align-items: center;
justify-content: center;
padding-bottom: 10px;
flex-wrap: wrap;
}

.name h1 {
font-size: 25px;
font-weight: normal;
font-family: arial;
letter-spacing: 10px;
padding-left: 10px;
}

.name div {
Expand Down

0 comments on commit c8db74e

Please sign in to comment.