JoshS/Portfolio-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update colour scheme

Browse source
This commit is contained in:
Robert S 2021-05-25 19:36:04 +02:00
parent e59f8955b3
commit 5fa5cca195
3 changed files with 99 additions and 116 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

103
assets/css/tailwind.css
View file

@ -378,7 +378,7 @@ body {
box-sizing: border-box; /* 1 */
border-width: 0; /* 2 */
border-style: solid; /* 2 */
border-color: #e5e7eb; /* 2 */
border-color: #e5e5e5; /* 2 */
}
/*
@ -409,18 +409,18 @@ textarea {
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
color: #a3a3a3;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af;
color: #a3a3a3;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
color: #a3a3a3;
}
button {
@ -480,7 +480,7 @@ pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-family: JetBrains Mono;
}
/**
@ -562,29 +562,24 @@ video {
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.bg-gray-700 {
--tw-bg-opacity: 1;
background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
}
.bg-gray-800 {
--tw-bg-opacity: 1;
background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
}
.bg-gray-900 {
--tw-bg-opacity: 1;
background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
}
.bg-purple-700 {
--tw-bg-opacity: 1;
background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}
.hover\:bg-gray-600:hover {
.bg-darkBlue-light {
--tw-bg-opacity: 1;
background-color: rgba(75, 85, 99, var(--tw-bg-opacity));
background-color: rgba(30, 35, 46, var(--tw-bg-opacity));
}
.bg-darkBlue-lighter {
--tw-bg-opacity: 1;
background-color: rgba(4, 12, 23, var(--tw-bg-opacity));
}
.bg-darkBlue-default {
--tw-bg-opacity: 1;
background-color: rgba(4, 10, 22, var(--tw-bg-opacity));
}
.hover\:bg-purple-600:hover {
@ -592,8 +587,9 @@ video {
background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}
.border-transparent {
border-color: transparent;
.hover\:bg-darkBlue-lightest:hover {
--tw-bg-opacity: 1;
background-color: rgba(40, 47, 62, var(--tw-bg-opacity));
}
.rounded {
@ -604,10 +600,6 @@ video {
border-radius: 0.5rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-full {
border-radius: 9999px;
}
@ -677,6 +669,10 @@ video {
flex-shrink: 0;
}
.font-mono {
font-family: JetBrains Mono;
}
.font-medium {
font-weight: 500;
}
@ -720,11 +716,6 @@ video {
line-height: 1.75rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
@ -735,11 +726,6 @@ video {
line-height: 2.25rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.leading-6 {
line-height: 1.5rem;
}
@ -866,8 +852,8 @@ video {
padding-left: 0.5rem;
}
.pb-8 {
padding-bottom: 2rem;
.pr-5 {
padding-right: 1.25rem;
}
.pb-24 {
@ -902,11 +888,6 @@ video {
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
* {
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
--tw-ring-offset-width: 0px;
@ -932,7 +913,7 @@ video {
.focus\:ring-gray-900:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(17, 24, 39, var(--tw-ring-opacity));
--tw-ring-color: rgba(23, 23, 23, var(--tw-ring-opacity));
}
.text-center {
@ -944,24 +925,24 @@ video {
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.text-gray-200 {
--tw-text-opacity: 1;
color: rgba(229, 231, 235, var(--tw-text-opacity));
}
.text-gray-400 {
--tw-text-opacity: 1;
color: rgba(156, 163, 175, var(--tw-text-opacity));
color: rgba(163, 163, 163, var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-gray-100:hover {
--tw-text-opacity: 1;
color: rgba(243, 244, 246, var(--tw-text-opacity));
color: rgba(245, 245, 245, var(--tw-text-opacity));
}
.hover\:text-gray-300:hover {
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgba(209, 213, 219, var(--tw-text-opacity));
color: rgba(163, 163, 163, var(--tw-text-opacity));
}
.focus\:text-white:focus {
@ -1081,7 +1062,7 @@ html {
/* Scrollbar */
html, body {
scrollbar-color: #6D28D9 #111827;
scrollbar-color: #fff #040a16;
scrollbar-width: thin;
}
@ -1091,12 +1072,12 @@ html, body {
}
::-webkit-scrollbar-track-piece {
background-color: #111827;
background-color: #040a16;
}
::-webkit-scrollbar-thumb:vertical {
height: 30px;
background-color: #6D28D9;
background-color: #fff;
}
/* Tooltip */
@ -1119,9 +1100,9 @@ html, body {
flex-direction: row;
}
.sm\:text-5xl {
font-size: 3rem;
line-height: 1;
.sm\:text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.sm\:w-auto {

110
index.html
View file

@ -23,6 +23,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- CSS -->
<link href="./assets/css/tailwind.css" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=JetBrains+Mono">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous" />
@ -37,15 +38,16 @@
<meta property="og:description" content="A developer and tech enthusiast from the Netherlands.">
<meta property="og:url" content="https://robert-s.dev/">
<meta property="og:image" content="./assets/img/logo.jpg">
<meta name="theme-color" content="#111827">
</head>
<body class="bg-gray-900 text-white">
<body class="bg-darkBlue-default text-white font-mono">
<div class="h-screen top-0 left-0">
<!-- Header -->
<header x-data="{ mobileMenuOpen : false }" class="body-font">
<div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row">
<div class="flex">
<a href="/" class="flex title-font font-medium items-center mb-4 md:mb-0">
<span class="text-2xl font-bold hover:text-gray-300 duration-200">Robert S.</span>
<span class="text-2xl font-bold hover:text-gray-400 duration-200">Robert S.</span>
</a>
<button @click="mobileMenuOpen = !mobileMenuOpen"
class="inline-block md:hidden w-8 h-8 text-gray-400 focus:text-white p-1 ml-auto">
@ -64,25 +66,25 @@
</div>
<nav class="md:ml-auto md:flex flex-wrap flex-col md:flex-row md:space-x-4 items-center w-full pt-2 md:pt-0 md:w-auto text-lg justify-center font-semibold"
:class="{ 'flex' : mobileMenuOpen , 'hidden' : !mobileMenuOpen}" @click.away="mobileMenuOpen = false">
<a class="w-full sm:w-auto flex-none bg-gray-900 hover:text-gray-300 text-lg leading-6 font-semibold py-2 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 mr-auto mr-0@m"
<a class="w-full sm:w-auto flex-none bg-darkBlue-default text-gray-400 hover:text-white text-sm leading-6 font-semibold py-2 rounded focus:ring-2 focus:ring-offset-2 focus:outline-none transition-colors duration-200 mr-auto mr-0@m"
href="#projects">Projects</a>
<a class="w-full sm:w-auto flex-none bg-gray-900 hover:text-gray-300 text-lg leading-6 font-semibold py-2 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 mr-auto mr-0@m"
<a class="w-full sm:w-auto flex-none bg-darkBlue-default text-gray-400 hover:text-white text-sm leading-6 font-semibold py-2 rounded focus:ring-2 focus:ring-offset-2 focus:outline-none transition-colors duration-200 mr-auto mr-0@m"
href="#about">About</a>
<a class="w-full sm:w-auto flex-none bg-purple-700 hover:bg-purple-600 hover:text-gray-100 text-lg leading-6 font-semibold py-2 px-6 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 mr-auto mr-0@m"
<a class="w-full sm:w-auto flex-none bg-darkBlue-light hover:bg-darkBlue-lightest text-sm text-gray-400 hover:text-white leading-6 font-semibold py-2 px-5 rounded focus:ring-2 focus:ring-offset-2 focus:outline-none transition-colors duration-200 mr-auto mr-0@m"
href="#contact">Contact</a>
</nav>
</div>
</header>
<!-- Hero -->
<section id="hero" class="bg-gray-900 body-font h-1/2 m-auto absolute inset-0">
<section id="hero" class="body-font h-1/2 m-auto absolute inset-0">
<div class="container flex mx-auto items-center justify-center absolute inset-0">
<div class="text-center">
<h1 class="title-font sm:text-5xl text-4xl mb-1 font-bold animate__animated animate__fadeInUp animate__fast">Hi, I'm Robert S.</h1>
<p class="leading-relaxed mb-2 text-xl font-medium animate__animated animate__fadeInUp animate__fast">Developer & Tech enthusiast</p>
<div class="flex justify-center">
<a class="animate__animated animate__fadeInUp sm:w-auto flex-none bg-purple-700 hover:bg-purple-600 hover:text-gray-100 text-lg leading-6 font-semibold py-2 px-6 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 mr-2" href="#projects">My Projects</a>
<a class="animate__animated animate__fadeInUp sm:w-auto flex-none bg-purple-700 hover:bg-purple-600 hover:text-gray-100 text-lg leading-6 font-semibold py-2 px-6 border border-transparent rounded-xl focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 ml-2" href="#about">About Me</a>
</div>
<h1 class="title-font sm:text-4xl text-3xl mb-1 font-bold animate__animated animate__fadeInUp animate__fast">Hi, I'm Robert S.</h1>
<p class="text-gray-400 leading-relaxed mb-2 text-lg font-medium animate__animated animate__fadeInUp animate__fast">Developer & Tech enthusiast</p>
<!-- <div class="flex justify-center">
<a class="animate__animated animate__fadeInUp sm:w-auto flex-none bg-purple-700 hover:bg-purple-600 hover:text-gray-100 text-lg leading-6 font-semibold py-2 px-6 border border-transparent rounded focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 mr-2" href="#projects">My Projects</a>
<a class="animate__animated animate__fadeInUp sm:w-auto flex-none bg-purple-700 hover:bg-purple-600 hover:text-gray-100 text-lg leading-6 font-semibold py-2 px-6 border border-transparent rounded focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-gray-900 focus:outline-none transition-colors duration-200 ml-2" href="#about">About Me</a>
</div> -->
</div>
</div>
</section>
@ -91,63 +93,63 @@
<section class="body-font pb-24">
<div id="projects" class="container mx-auto">
<div class="animated flex flex-col text-center w-full mb-10">
<h1 class="sm:text-5xl text-4xl font-bold title-font mb-4">
<h1 class="sm:text-4xl text-3xl font-bold title-font mb-4">
Featured Projects
</h1>
</div>
<div class="lg:w-3/5 w-11/12 mx-auto overflow-auto">
<div class="w-full grid gap-20 grid-cols-1 md:grid-cols-2">
<div class="animated bg-gray-800 rounded-lg gap-3 shadow-xl">
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="./assets/img/Wavy.png">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">Wavy</h1>
<p class="text-gray-200 py-2">
<p class="text-gray-400 py-2 pr-5">
Wavy is a blazingly fast and powerful yet easy-to-use multi-purpose Discord bot. The primary purpose of Wavy is to be
very fast.
</p>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0" href="https://wavybot.com" target="_blank"><i class="fas fa-link"></i></a>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0" href="https://wavybot.com" target="_blank"><i class="fas fa-link"></i></a>
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="https://github.com/Wavy-Bot" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="animated bg-gray-800 rounded-lg gap-3 shadow-xl">
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="./assets/img/Robert-S.png">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">SharePY</h1>
<p class="text-gray-200 py-2">
<p class="text-gray-400 py-2 pr-5">
SharePY is a cross-platform ShareX alternative made with Python 3 that is fully compatible with ShareX upload scripts.
</p>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="https://github.com/pyTrinkets/SharePY" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="animated bg-gray-800 rounded-lg gap-3 shadow-xl">
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="./assets/img/ConnectedHost.png">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">ConnectedHost</h1>
<p class="text-gray-200 py-2">
<p class="text-gray-400 py-2 pr-5">
ConnectedHost is a free web hosting company that aims to offer reliable and free web hosting for everyone.
</p>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="https://connectedhost.xyz" target="_blank"><i class="fas fa-link"></i></a>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="https://github.com/ConnectedHost" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div>
<div class="animated bg-gray-800 rounded-lg gap-3 shadow-xl">
<div class="animated bg-darkBlue-lighter rounded-lg gap-3">
<img loading=lazy class="flex-shrink-0 rounded-t-lg w-full h-56 object-cover object-center mb-1"
src="https://dummyimage.com/489x277">
<div class="flex-grow pl-2 py-2">
<h1 class="text-3xl font-bold">Soon™</h1>
<p class="text-gray-200 py-2 pb-8">
More projects are coming soon!
<p class="text-gray-400 py-2 pr-5">
Stay tuned for more projects! :)
</p>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="#"><i class="fas fa-link"></i></a>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="#"><i class="fab fa-github"></i></a>
</div>
</div>
@ -159,33 +161,33 @@
<section class="body-font pb-24">
<div id="about" class="container mx-auto">
<div class="animated flex flex-col text-center w-full mb-10">
<h1 class="sm:text-5xl text-4xl font-bold title-font mb-4">
<h1 class="sm:text-4xl text-3xl font-bold title-font mb-4">
About Me
</h1>
</div>
<div class="animated lg:w-3/5 w-11/12 mx-auto overflow-auto font-medium text-center">
<h3 class="text-3xl">Hey, I'm Robert - a full-stack developer from the Netherlands with approximately three years of back-end development experience
<h3 class="text-2xl text-gray-400">Hey, I'm Robert - a full-stack developer from the Netherlands with approximately three years of back-end development experience
and five years of front-end development experience. Nowadays, I mainly use Flask and TailwindCSS for my projects, but I
have used different frameworks in the past. A few of my hobbies include listening to music and, of course, coding. My
biggest flaw is undoubted that I am very unorganized, but I've mostly got the hang of how to manage that.</h3>
<h3 class="text-3xl mt-16">I can use the following technologies/frameworks fluently:</h3>
<h3 class="text-2xl mt-16">I can use the following technologies/frameworks fluently:</h3>
<div class="animated mx-auto overflow-auto font-medium text-center mt-4 space-y-1.5">
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Python</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Flask (and forks of it like Quart)</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">HTML & CSS</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Javascript (front-end)</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">PostgreSQL</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">MySQL</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">MongoDB (I hate it, though)</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">TailwindCSS</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">UIkit</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Bootstrap</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Cirrus UI</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Python</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Flask (and forks of it like Quart)</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">HTML & CSS</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Javascript (front-end)</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">PostgreSQL</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">MySQL</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">MongoDB (I hate it, though)</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">TailwindCSS</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">UIkit</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Bootstrap</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Cirrus UI</h2>
</div>
<h3 class="text-3xl mt-4">And these are the technologies that I'm still learning:</h3>
<h3 class="text-2xl mt-4">And these are the technologies that I'm still learning:</h3>
<div class="animated mx-auto overflow-auto font-medium text-center mt-4 space-y-1.5">
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Go</h2>
<h2 class="inline-flex items-center bg-gray-800 border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">C++</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">Go</h2>
<h2 class="inline-flex items-center bg-darkBlue-light border-0 py-2 px-3 rounded-lg text-base mt-4 md:mt-0">C++</h2>
</div>
</div>
</div>
@ -194,20 +196,20 @@
<section class="body-font pb-24">
<div id="contact" class="container mx-auto">
<div class="animated flex flex-col text-center w-full mb-10">
<h1 class="sm:text-5xl text-4xl font-bold title-font mb-4">
<h1 class="sm:text-4xl text-3xl font-bold title-font mb-4">
Contact Me
</h1>
</div>
</div>
<div class="animated lg:w-3/5 w-full mx-auto overflow-auto font-medium text-center">
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="mailto:admin@robert-s.dev"><i class="fas fa-envelope"></i></a>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="https://github.com/Wallvon" target="_blank"><i class="fab fa-github"></i></a>
<button class="has-tooltip inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0" data-clipboard-text="That Guy#5275"><span class='tooltip rounded shadow-lg p-1 bg-gray-800 text-white -mt-16'>That Guy#5275</span><i class="fab fa-discord"></i></button>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<button class="has-tooltip inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0" data-clipboard-text="That Guy#5275"><span class='tooltip rounded shadow-lg p-1 bg-darkBlue-light text-white -mt-16'>That Guy#5275</span><i class="fab fa-discord"></i></button>
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="https://twitter.com/ThatGuy5275" target="_blank"><i class="fab fa-twitter"></i></a>
<a class="inline-flex items-center bg-gray-700 border-0 py-3 px-3 focus:outline-none hover:bg-gray-600 rounded-full text-base mt-4 md:mt-0"
<a class="inline-flex items-center bg-darkBlue-light border-0 py-3 px-3 focus:outline-none hover:bg-darkBlue-lightest rounded-full text-base mt-4 md:mt-0"
href="https://instagram.com/robert.__.s" target="_blank"><i class="fab fab fa-instagram"></i></a>
</div>
</section>
@ -215,8 +217,8 @@
<footer id="footer" class="animated body-font">
<div class="container px-5 py-4 mx-auto flex items-center justify-center sm:flex-row flex-col">
<span class="inline-flex justify-center text-center">
<p class="text-sm py-2"><i class="fas fa-pencil-ruler"></i> & <i class="fas fa-terminal"></i> with <i
class="fas fa-heart animate-pulse"></i> by <a href="https://robert-s.dev/">Robert
<p class="text-sm py-2 text-gray-400"><i class="fas fa-pencil-ruler"></i> & <i class="fas fa-terminal"></i> with <i
class="fas fa-heart animate-pulse"></i> by <a class="text-white" href="https://robert-s.dev/">Robert
S.</a>
</span>
</div>

2
sitemap.xml
View file

@ -3,7 +3,7 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://robert-s.dev/</loc>
<lastmod>2021-05-08</lastmod>
<lastmod>2021-05-25</lastmod>
<changefreq>monthly</changefreq>
<priority>1.0</priority>
</url>