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

Unbork navbar

Browse source
This commit is contained in:
Robert S 2021-07-29 21:57:35 +02:00
parent e0486c50cb
commit 350240b905
No known key found for this signature in database
GPG key ID: BDE6F545B1CA1A8B
3 changed files with 37 additions and 76 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
assets/css/tailwind.css
View file

@ -623,10 +623,6 @@ video {
margin-top: -4rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-auto {
margin-right: auto;
}
@ -647,10 +643,6 @@ video {
margin-bottom: 2.5rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-auto {
margin-left: auto;
}
@ -855,15 +847,6 @@ video {
border-width: 0px;
}
.border {
border-width: 1px;
}
.bg-purple-700 {
--tw-bg-opacity: 1;
background-color: rgba(109, 40, 217, var(--tw-bg-opacity));
}
.bg-darkBlue-light {
--tw-bg-opacity: 1;
background-color: rgba(30, 35, 46, var(--tw-bg-opacity));
@ -879,11 +862,6 @@ video {
background-color: rgba(4, 10, 22, var(--tw-bg-opacity));
}
.hover\:bg-purple-600:hover {
--tw-bg-opacity: 1;
background-color: rgba(124, 58, 237, var(--tw-bg-opacity));
}
.hover\:bg-darkBlue-lightest:hover {
--tw-bg-opacity: 1;
background-color: rgba(40, 47, 62, var(--tw-bg-opacity));
@ -917,11 +895,6 @@ video {
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
@ -1021,11 +994,6 @@ video {
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-gray-100:hover {
--tw-text-opacity: 1;
color: rgba(245, 245, 245, var(--tw-text-opacity));
}
.hover\:text-gray-400:hover {
--tw-text-opacity: 1;
color: rgba(163, 163, 163, var(--tw-text-opacity));
@ -1065,19 +1033,10 @@ video {
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-gray-900:focus {
--tw-ring-opacity: 1;
--tw-ring-color: rgba(23, 23, 23, var(--tw-ring-opacity));
}
.focus\:ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus\:ring-offset-white:focus {
--tw-ring-offset-color: #fff;
}
.transition-colors {
transition-property: background-color, border-color, color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

20
index.html
View file

@ -27,6 +27,9 @@
<link rel="stylesheet" href="./assets/css/fontawesome.css"/>
<!-- JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollReveal.js/4.0.9/scrollreveal.min.js" integrity="sha512-Kr+RPfLjQ71E0cJ9nseJ6jwTrnmMnuSPnnsVQQ/ZYYCjOHKfJcWj8ILICXnvf9A7ZQChNzIbr9x/ZAxA6xAZlQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.2.2/cdn.min.js"
integrity="sha512-B1mG20gde4TfQx8dZ4yGlmqm/uZAy//Ln0nDGrSxIPuKnZQdx7fA2Xt1VZh1j37kCp4W0KJ1xOlJ2zzhMjDyBw=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Embed -->
<meta property="og:title" content="Robert S.">
<meta property="og:description" content="A developer and tech enthusiast from the Netherlands.">
@ -35,9 +38,8 @@
<meta name="theme-color" content="#111827">
</head>
<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 animated">
<!-- Navbar -->
<nav x-data="{ mobileMenuOpen : false }" class="body-font" @click.outside="mobileMenuOpen = false">
<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">
@ -59,16 +61,17 @@
</button>
</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">
:class="{ 'flex': mobileMenuOpen , 'hidden': !mobileMenuOpen}">
<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>
href="#projects" @click="mobileMenuOpen = false">Projects</a>
<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>
href="#about" @click="mobileMenuOpen = false">About</a>
<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>
href="#contact" @click="mobileMenuOpen = false">Contact</a>
</nav>
</div>
</header>
</nav>
<div class="h-screen top-0 left-0">
<!-- Hero -->
<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">
@ -213,7 +216,6 @@
</div>
</footer>
<script src="./assets/js/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.2.2/cdn.min.js" integrity="sha512-B1mG20gde4TfQx8dZ4yGlmqm/uZAy//Ln0nDGrSxIPuKnZQdx7fA2Xt1VZh1j37kCp4W0KJ1xOlJ2zzhMjDyBw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.8/clipboard.min.js" integrity="sha512-sIqUEnRn31BgngPmHt2JenzleDDsXwYO+iyvQ46Mw6RL+udAUZj2n/u/PGY80NxRxynO7R9xIGx5LEzw4INWJQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</body>
</html>

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-07-23</lastmod>
<lastmod>2021-07-29</lastmod>
<changefreq>monthly</changefreq>
<priority>1.0</priority>
</url>