Skip to content

Commit

Permalink
Push out the new styling to include new fonts.
Browse files Browse the repository at this point in the history
  • Loading branch information
luisjg committed Jul 7, 2024
1 parent ec54c29 commit 8177252
Show file tree
Hide file tree
Showing 5 changed files with 24 additions and 16 deletions.
2 changes: 1 addition & 1 deletion assets
Submodule assets updated 1 files
+1 −1 main.bundle.css
2 changes: 1 addition & 1 deletion blog
2 changes: 1 addition & 1 deletion contact
Submodule contact updated 1 files
+8 −2 index.html
32 changes: 20 additions & 12 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,12 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico"/>
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend+Deca:[email protected]&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/assets/main.bundle.css">
<script src="/assets/main.bundle.js" defer></script>

Expand Down Expand Up @@ -47,7 +53,7 @@

<div class="py-20" style="background: linear-gradient(180deg, #d5c9f4 0%, #f3f2f0 100%)">
<div class="container mx-auto text-center p-5">
<h1 class="text-5xl max-2xl:leading-none font-bold mb-5 pb-5 text-gray-600">
<h1 class="font-serif text-5xl max-2xl:leading-none font-bold mb-5 pb-5 text-gray-600">
Hello 👋
</h1>
<h2 class="text-4xl max-2xl:leading-none mb-8 pt-5 mt-5 italic">
Expand Down Expand Up @@ -78,7 +84,7 @@ <h2 class="text-4xl max-2xl:leading-none mb-8 pt-5 mt-5 italic">
<path class="fa-primary" d="M240 256c0-6.719-2.828-13.16-7.781-17.69l-96-88C126.5 141.4 111.3 142 102.3 151.8S94.02 176.8 103.8 185.7L180.5 256l-76.7 70.31c-9.766 8.938-10.42 24.12-1.469 33.91C107 365.4 113.5 368 120 368c5.797 0 11.61-2.094 16.22-6.312l96-88C237.2 269.2 240 262.7 240 256zM392 336h-144C234.8 336 224 346.8 224 360S234.8 384 248 384h144c13.25 0 24-10.75 24-24S405.3 336 392 336z"/>
<path class="fa-secondary" d="M448 32H64C28.65 32 0 60.66 0 96v320c0 35.34 28.65 64 64 64h384c35.35 0 64-28.66 64-64V96C512 60.66 483.3 32 448 32zM120 368c-6.484 0-12.95-2.625-17.69-7.781c-8.953-9.781-8.297-24.97 1.469-33.91L180.5 256L103.8 185.7C94.02 176.8 93.36 161.6 102.3 151.8s24.14-10.41 33.91-1.469l96 88C237.2 242.8 240 249.3 240 256S237.2 269.2 232.2 273.7l-96 88C131.6 365.9 125.8 368 120 368zM392 384h-144C234.8 384 224 373.3 224 360s10.75-24 24-24h144c13.25 0 24 10.75 24 24S405.3 384 392 384z"/>
</svg></div>
<h3 class="font-semibold text-3xl text-center">Developer</h3>
<h3 class="font-serif font-semibold text-3xl text-center">Developer</h3>
<p class="text-center text-2xl pt-8 md:px-2">I enjoy building web applications, REST APIs, and everything in between.</p>
</div>
</div>
Expand All @@ -94,7 +100,7 @@ <h3 class="font-semibold text-3xl text-center">Developer</h3>
<path class="fa-primary" d="M640 160c0 10.38-6.438 19.65-16.05 23.09l-282.7 101.2c-13.73 4.91-28.7 4.91-42.43 0L108.2 216.1C121.9 200.9 139.1 189.5 161 184.2l162.9-40.72c8.594-2.141 13.78-10.83 11.66-19.39c-2.125-8.594-10.97-13.89-19.41-11.64L153.3 153.2C121.4 161.2 94.6 179.8 76.07 204.6L16.05 183.1C6.438 179.6 0 170.4 0 160s6.438-19.65 16.05-23.09l282.7-101.2c13.73-4.91 28.7-4.91 42.43 0l282.7 101.2C633.6 140.4 640 149.6 640 160zM351.1 314.4C341.7 318.1 330.9 320 320 320c-10.92 0-21.69-1.867-32-5.555L142.8 262.5L128 405.3C128 446.6 213.1 480 320 480c105.1 0 192-33.4 192-74.67l-14.78-142.9L351.1 314.4z"/>
<path class="fa-secondary" d="M323.9 143.5L161 184.2C121.6 194.1 92.4 225 83.28 263.1C90.83 268.1 96 277.7 96 288c0 9.953-4.814 18.49-11.94 24.36l24.83 149C110.5 471.1 103 480 93.11 480H34.89c-9.887 0-17.41-8.879-15.78-18.63l24.83-149C36.81 306.5 32 297.1 32 288c0-13.24 8.047-24.61 19.52-29.47c11.02-50.84 49.58-92.28 101.7-105.3l162.9-40.72c8.438-2.25 17.28 3.047 19.41 11.64C337.7 132.7 332.5 141.4 323.9 143.5z"/>
</svg></div>
<h3 class="font-semibold text-3xl text-center">Mentor</h3>
<h3 class="font-serif font-semibold text-3xl text-center">Mentor</h3>
<p class="text-center text-2xl pt-8 md:px-2">I excel at teaching and mentoring young developers.</p>
</div>
</div>
Expand All @@ -110,69 +116,71 @@ <h3 class="font-semibold text-3xl text-center">Mentor</h3>
<path class="fa-primary" d="M48 368C21.5 368 0 389.5 0 416c0 26.5 21.5 48 48 48C74.5 464 96 442.5 96 416C96 389.5 74.5 368 48 368zM48 144C74.5 144 96 122.5 96 96c0-26.5-21.5-48-48-48C21.5 48 0 69.5 0 96C0 122.5 21.5 144 48 144zM48 208C21.5 208 0 229.5 0 256c0 26.5 21.5 48 48 48C74.5 304 96 282.5 96 256C96 229.5 74.5 208 48 208z"/>
<path class="fa-secondary" d="M484 200H189.8c-7.426 0-14.55 2.949-19.8 8.201L132.1 246.1c-5.467 5.469-5.467 14.33 0 19.8l37.9 37.9C175.3 309.1 182.4 312 189.8 312H484C499.5 312 512 299.5 512 284v-56C512 212.5 499.5 200 484 200zM420 360H189.8c-7.426 0-14.55 2.949-19.8 8.201l-37.9 37.9c-5.467 5.469-5.467 14.33 0 19.8l37.9 37.9C175.3 469.1 182.4 472 189.8 472H420c15.46 0 28-12.54 28-28v-56C448 372.5 435.5 360 420 360zM169.1 143.8C175.3 149.1 182.4 152 189.8 152H420C435.5 152 448 139.5 448 124v-56c0-15.46-12.54-28-28-28H189.8c-7.426 0-14.55 2.949-19.8 8.201L132.1 86.1c-5.467 5.469-5.467 14.33 0 19.8L169.1 143.8z"/>
</svg></div>
<h3 class="font-semibold text-3xl text-center">Project Manager</h3>
<h3 class="font-serif font-semibold text-3xl text-center">Project Manager</h3>
<p class="text-center text-2xl pt-8 md:px-2">I am capable of leading projects from their inception to completion.</p>
</div>
</div>
</div>
</section>

<div class="py-4">
<div class="text-center">
<h3 class="text-3xl font-bold text-gray-600 pt-0 md:pt-6 pb-12 md:pb-20">Projects I Have Contributed To</h3>
<h3 class="font-serif text-3xl font-bold text-gray-600 pt-0 md:pt-6 pb-12 md:pb-20">Projects I Have Contributed To</h3>
</div>
<section id="portfolio">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-12 pb-8">

<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/calstatepays-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of CalStatePays.">
<h3 class="text-3xl text-center py-4">
<a class="text-purple-800 hover:text-purple-500 font-semibold" href="/work/calstatepays/" rel="noopener noreferrer">CalStatePays</a>
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/calstatepays/" rel="noopener noreferrer">CalStatePays</a>
</h3>
<p class="text-2xl text-center py-2 italic">Earnings Data Comparison Tool.</p>
</div>

<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/faculty-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of Faculty.">
<h3 class="text-3xl text-center py-4">
<a class="text-purple-800 hover:text-purple-500 font-semibold" href="/work/faculty/" rel="noopener noreferrer">Faculty</a>
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/faculty/" rel="noopener noreferrer">Faculty</a>
</h3>
<p class="text-2xl text-center py-2 italic">Get to know CSUN's unique Faculty.</p>
</div>

<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/luisjg-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of luisjg.">
<h3 class="text-3xl text-center py-4">
<a class="text-purple-800 hover:text-purple-500 font-semibold" href="/work/luisjg/" rel="noopener noreferrer">luisjg</a>
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/luisjg/" rel="noopener noreferrer">luisjg</a>
</h3>
<p class="text-2xl text-center py-2 italic">Single Page Web Application portfolio.</p>
</div>

<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/metalab-website-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of META+LAB Website.">
<h3 class="text-3xl text-center py-4">
<a class="text-purple-800 hover:text-purple-500 font-semibold" href="/work/meta-lab-website/" rel="noopener noreferrer">META+LAB Website</a>
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/meta-lab-website/" rel="noopener noreferrer">META+LAB Website</a>
</h3>
<p class="text-2xl text-center py-2 italic">Learn more about META+LAB.</p>
</div>

<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/scholarship-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of Scholarship.">
<h3 class="text-3xl text-center py-4">
<a class="text-purple-800 hover:text-purple-500 font-semibold" href="/work/scholarship/" rel="noopener noreferrer">Scholarship</a>
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/scholarship/" rel="noopener noreferrer">Scholarship</a>
</h3>
<p class="text-2xl text-center py-2 italic">Showcasing CSUN's Faculty projects, research & expertise.</p>
</div>

<div class="shadow-xl p-4 bg-none">
<img src="https://res.cloudinary.com/dfhliq7vp/image/upload/f_auto,q_auto:eco/v1547608037/luisjg/web-services-new.jpg" class="rounded-xl h-auto w-auto pb-4" alt="Landing page image of Web Services.">
<h3 class="text-3xl text-center py-4">
<a class="text-purple-800 hover:text-purple-500 font-semibold" href="/work/web-services/" rel="noopener noreferrer">Web Services</a>
<a class="font-serif text-purple-800 hover:text-purple-500 font-semibold" href="/work/web-services/" rel="noopener noreferrer">Web Services</a>
</h3>
<p class="text-2xl text-center py-2 italic">Expanding our Collaboration.</p>
</div>

</div>
</section>

</div>
<p class="text-2xl text-center py-12 md:py-16">If you would like to know more about me or are interested in
collaborating, feel free and
Expand Down Expand Up @@ -238,4 +246,4 @@ <h3 class="text-3xl text-center py-4">
gtag('js', new Date());
gtag('config', 'G-CBSXD5KNQV');
</script>
</html>
</html>
2 changes: 1 addition & 1 deletion work

0 comments on commit 8177252

Please sign in to comment.