Skip to content

Commit

Permalink
OG data + quick fixes on z-index
Browse files Browse the repository at this point in the history
  • Loading branch information
@nirvanpagooah
nirvanpagooah committed Dec 5, 2022
1 parent 3f8f52f commit 5864321
Show file tree
Hide file tree
Showing 4 changed files with 156 additions and 60 deletions.
22 changes: 19 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DevFest Mauritius 2022</title>
<meta property="og:title" content="DevFest Mauritius 2022" />
<meta property="og:site_name" content="GDG Mauritius" />
<meta
property="og:url"
content="https://gdg.community.dev/gdg-mauritius/"
/>
<meta
property="og:description"
content="DevFest (Developers Festival)
Mauritius is a single-day, two-track, inclusive conference for all
developers. It is an annual community-run event that offers keynote speakers
who are very influential, speaker sessions across multiple product areas,
including hack-a-thons, codelabs, and more."
/>
<meta property="og:type" content="website" />
<meta property="og:image" content="/images/hero-2022.png" />
</head>
<body>
<div id="app"></div>
Expand Down
179 changes: 130 additions & 49 deletions src/App.vue
View file
Original file line number Diff line number Diff line change
@@ -1,81 +1,162 @@
<script setup>
import { RouterLink, RouterView } from 'vue-router'
import HelloWorld from './components/HelloWorld.vue'
import { RouterLink, RouterView } from "vue-router";
import HelloWorld from "./components/HelloWorld.vue";
</script>

<template>
<header class="shadow-md bg-white sticky top-0 z-50">
<header class="shadow-md bg-white sticky top-0 z-50 header--top">
<nav class="max-w-6xl mx-auto py-4 px-4 lg:px-0">
<div class="flex justify-between items-center">
<!-- <RouterLink to="/"> -->
<a href="https://gdg.community.dev/gdg-mauritius" target="_blank"
rel="noreferrer" class="text-sm"><img src="/images/gdg-mauritius-logo.svg" class="h-3.5 md:h-5" /></a>
<!-- </RouterLink> -->
<div class="flex justify-between items-center">
<!-- <RouterLink to="/"> -->
<router-link :to="{ name: 'home' }" rel="noreferrer" class="text-sm"
><img src="/images/gdg-mauritius-logo.svg" class="h-3.5 md:h-5"
/></router-link>
<!-- </RouterLink> -->

<div class="hidden md:block">
<ul class="flex flex-row gap-4 text-sm">
<li class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300">
<RouterLink to="/">HOME</RouterLink>
</li>
<li class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300">
<RouterLink to="agenda">AGENDA</RouterLink>
</li>
<li class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300">
<RouterLink to="speakers">SPEAKERS</RouterLink>
</li>
<li class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300">
<a href="https://devfest-mauritius-2022.sessionize.com/" target="_blank" rel="noreferrer" >PWA</a>
</li>
<li class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300">
<a href="https://gdg.community.dev/events/details/google-gdg-mauritius-presents-devfest-mauritius-2022/" target="_blank" rel="noreferrer" >REGISTER</a>
</li>
</ul>
</div>
<div class="hidden md:block">
<ul class="flex flex-row gap-4 text-sm">
<li
class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300"
>
<RouterLink to="/">HOME</RouterLink>
</li>
<li
class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300"
>
<RouterLink to="agenda">AGENDA</RouterLink>
</li>
<li
class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300"
>
<RouterLink to="speakers">SPEAKERS</RouterLink>
</li>
<li
class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300"
>
<a
href="https://devfest-mauritius-2022.sessionize.com/"
target="_blank"
rel="noreferrer"
>PWA</a
>
</li>
<li
class="py-2 border-b-4 border-white hover:border-b-4 hover:border-green-600 hover:transition hover:ease-in-out duration-300"
>
<a
href="https://gdg.community.dev/events/details/google-gdg-mauritius-presents-devfest-mauritius-2022/"
target="_blank"
rel="noreferrer"
>REGISTER</a
>
</li>
</ul>
</div>
</div>
</nav>
</header>

<RouterView />

<footer class="bg-gray-100">
<div class="max-w-6xl mx-auto">
<nav class="py-6 lg:py-12 mx-4 lg:mx-0 flex flex-col md:flex-row gap-4 md:gap-0 justify-between border-b border-gray-300">
<nav
class="py-6 lg:py-12 mx-4 lg:mx-0 flex flex-col md:flex-row gap-4 md:gap-0 justify-between border-b border-gray-300"
>
<!-- Quick Links -->
<div class="flex flex-col gap-1 text-gray-500">
<h3 class="mb-2 text-xl text-gray-600 font-bold">Quick Links</h3>
<a href="https://gdg.community.dev/gdg-mauritius" target="_blank"
rel="noreferrer" class="text-sm">GDG Mauritius</a>
<a href="https://developers.google.com/community/gdg" target="_blank"
rel="noreferrer" class="text-sm">About GDG</a>
<a href="https://developers.google.com/community-guidelines" target="_blank"
rel="noreferrer" class="text-sm">Community Guidelines</a>
<a
href="https://gdg.community.dev/gdg-mauritius"
target="_blank"
rel="noreferrer"
class="text-sm"
>GDG Mauritius</a
>
<a
href="https://developers.google.com/community/gdg"
target="_blank"
rel="noreferrer"
class="text-sm"
>About GDG</a
>
<a
href="https://developers.google.com/community-guidelines"
target="_blank"
rel="noreferrer"
class="text-sm"
>Community Guidelines</a
>
</div>
<!-- Past DevFests -->
<div class="flex flex-col gap-1 text-gray-500">
<h3 class="mb-2 text-xl text-gray-600 font-bold">Explore Past DevFests</h3>
<a href="https://www.mscc.mu/devfest-mauritius-2020/" target="_blank"
rel="noreferrer" class="text-sm">DevFest Mauritius 2020</a>
<a href="https://www.mscc.mu/devfest-mauritius-2019/" target="_blank"
rel="noreferrer" class="text-sm">DevFest Mauritius 2019</a>
<a href="https://www.mscc.mu/devfest-mauritius-2018/" target="_blank"
rel="noreferrer" class="text-sm">DevFest Mauritius 2018</a>
<h3 class="mb-2 text-xl text-gray-600 font-bold">
Explore Past DevFests
</h3>
<a
href="https://www.mscc.mu/devfest-mauritius-2020/"
target="_blank"
rel="noreferrer"
class="text-sm"
>DevFest Mauritius 2020</a
>
<a
href="https://www.mscc.mu/devfest-mauritius-2019/"
target="_blank"
rel="noreferrer"
class="text-sm"
>DevFest Mauritius 2019</a
>
<a
href="https://www.mscc.mu/devfest-mauritius-2018/"
target="_blank"
rel="noreferrer"
class="text-sm"
>DevFest Mauritius 2018</a
>
</div>
<!-- Event Resources -->
<div class="flex flex-col gap-1 text-gray-500">
<h3 class="mb-2 text-xl text-gray-600 font-bold">Event Resources</h3>
<a href="https://docs.google.com/presentation/d/1vyrgK43NUdWNe8A_sYwuJOwD-gBvLxyIvxIVrhNdxpA/edit?usp=sharing" target="_blank"
rel="noreferrer" class="text-sm">Partnership Proposition</a>
<a href="https://sessionize.com/google-devfest-2022-mauritius/" target="_blank"
rel="noreferrer" class="text-sm">Call for Papers</a>
<a
href="https://docs.google.com/presentation/d/1vyrgK43NUdWNe8A_sYwuJOwD-gBvLxyIvxIVrhNdxpA/edit?usp=sharing"
target="_blank"
rel="noreferrer"
class="text-sm"
>Partnership Proposition</a
>
<a
href="https://sessionize.com/google-devfest-2022-mauritius/"
target="_blank"
rel="noreferrer"
class="text-sm"
>Call for Papers</a
>
</div>
</nav>

<div class="py-4 mx-4 lg:mx-0 flex flex-row justify-between items-center">
<a href="https://gdg.community.dev/gdg-mauritius" target="_blank"
rel="noreferrer" class="text-sm"><img class="h-12" src="/images/logo-dark.png" /></a>
<a href="https://www.mscc.mu/code-of-conduct/" target="_blank"
rel="noreferrer" class="text-sm text-gray-500">Code of Conduct</a>
<a
href="https://gdg.community.dev/gdg-mauritius"
target="_blank"
rel="noreferrer"
class="text-sm"
><img class="h-12" src="/images/logo-dark.png"
/></a>
<a
href="https://www.mscc.mu/code-of-conduct/"
target="_blank"
rel="noreferrer"
class="text-sm text-gray-500"
>Code of Conduct</a
>
</div>
</div>
</footer>
</template>

<style scoped>
.header--top {
z-index: 500;
}
</style>
1 change: 0 additions & 1 deletion src/components/SessionsComponent.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@

<script>
import postscribe from "postscribe";
export default {
mounted() {
postscribe(
Expand Down
14 changes: 7 additions & 7 deletions src/views/AgendaView.vue
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,17 @@
<template>
<main class="relative">
<div class="max-w-6xl mx-auto pt-4 pb-16">
<SessionsComponent />
</div>
<SessionsComponent />
</div>
</main>
</template>

<script>
import SessionsComponent from '../components/SessionsComponent.vue';
import SessionsComponent from "../components/SessionsComponent.vue";
export default {
components: {
SessionsComponent,
}
}
components: {
SessionsComponent,
},
};
</script>

0 comments on commit 5864321

Please sign in to comment.