Skip to content

Change contact person for 24/25 period in Contact.vue file #85

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Alizaaaja4 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Change contact person for 24/25 period in Contact.vue file #85

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
74 changes: 37 additions & 37 deletions resources/js/Pages/Contact.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,23 @@

<!-- Background Dummy -->
<div class="fixed bottom-0 w-full"
:class="[{ 'h-12': !active },
{ 'h-full pt-4': active && !scrolled},
{ 'h-full pt-0': active && scrolled},
:class="[{ 'h-12': !active },
{ 'h-full pt-4': active && !scrolled},
{ 'h-full pt-0': active && scrolled},
{ 'animation-enable': animationEnable}]" ref="bgDummy">
<div class="flex flex-row bg-green-900 h-full"
:class="[{ 'mx-8 rounded-t-large': !active },
{ 'mx-4 rounded-t-large': active && !scrolled},
{ 'mx-0 rounded-t-none': active && scrolled},
:class="[{ 'mx-8 rounded-t-large': !active },
{ 'mx-4 rounded-t-large': active && !scrolled},
{ 'mx-0 rounded-t-none': active && scrolled},
{ 'animation-enable': animationEnable}]"/>
</div>

<!-- Contact Content -->
<div class="absolute top-0 main-content w-full h-full pt-24 z-10"
:class="[{ 'px-8': !scrolled },
{ 'px-0': scrolled },
{ 'animation-enable': animationEnable },
{ 'opacity-0 mt-4': !pageActive },
{ 'px-0': scrolled },
{ 'animation-enable': animationEnable },
{ 'opacity-0 mt-4': !pageActive },
{ 'opacity-100 mt-0': pageActive }]">
<div class="w-full h-full p-8 flex">
<div class="w-full h-full flex-row text-white">
Expand Down Expand Up @@ -58,44 +58,44 @@
</div>

<div class="font-monda-bold text-2xl mt-8">
Zahira Aulia Husniah [ JHS ]
Indi Viska Rahmasari [ VIS ]
</div>

<div class="pl-4 mt-2 font-overpass-mono text-xl flex h-8">
<span class="w-8 h-full">
<img class="fas fa-phone w-full h-full">
</span>
<div class="my-auto pl-4">
081289312727
085802253573
</div>
</div>
<div class="pl-4 font-overpass-mono text-xl flex h-8 mt-4">
<span class="w-8 h-full">
<img class="fab fa-line w-full h-full">
</span>
<div class="my-auto pl-4">
gajahkuning
indiviska
</div>
</div>

<div class="font-monda-bold text-2xl mt-8">
Ghufron Andriansyah [ GAA ]
Dennytan Raharjo [ TAN ]
</div>

<div class="pl-4 mt-2 font-overpass-mono text-xl flex h-8">
<span class="w-8 h-full">
<img class="fas fa-phone w-full h-full">
</span>
<div class="my-auto pl-4">
081231717659
081395882733
</div>
</div>
<div class="pl-4 font-overpass-mono text-xl flex h-8 mt-4">
<span class="w-8 h-full">
<img class="fab fa-line w-full h-full">
</span>
<div class="my-auto pl-4">
andriansyahh_29
dentan77
</div>
</div>

Expand All @@ -116,25 +116,25 @@
</div>

<!-- Main Menu Button -->
<div class="fixed w-full z-20"
:class="[{ 'bottom-0 h-20': !active },
{ 'bottom-0 h-full pt-8': active && !scrolled && !animated},
{ 'bottom-0 h-full pt-0': active && scrolled && !animated},
{ 'top-0 h-auto pt-8': active && !scrolled && animated},
{ 'top-0 h-auto pt-0': active && scrolled && animated},
<div class="fixed w-full z-20"
:class="[{ 'bottom-0 h-20': !active },
{ 'bottom-0 h-full pt-8': active && !scrolled && !animated},
{ 'bottom-0 h-full pt-0': active && scrolled && !animated},
{ 'top-0 h-auto pt-8': active && !scrolled && animated},
{ 'top-0 h-auto pt-0': active && scrolled && animated},
{ 'animation-enable': animationEnable}]" ref="mainMenu">
<div class="h-16 shadow-xl flex flex-row bg-green-300"
:class="[{ 'mx-56 rounded-full': !active },
{ 'mx-8 rounded-full': active && !scrolled},
{ 'mx-0 rounded-none': active && scrolled},
:class="[{ 'mx-56 rounded-full': !active },
{ 'mx-8 rounded-full': active && !scrolled},
{ 'mx-0 rounded-none': active && scrolled},
{ 'animation-enable': animationEnable}]">
<div @mouseover="openDaskom"
@mouseleave="closeDaskom"
:class="[{ 'w-56': hover },
{ 'w-20': !hover},
{ 'mx-56 rounded-l-full': !active },
{ 'mx-8 rounded-l-full': active && !scrolled},
{ 'mx-0 rounded-l-none': active && scrolled},
:class="[{ 'w-56': hover },
{ 'w-20': !hover},
{ 'mx-56 rounded-l-full': !active },
{ 'mx-8 rounded-l-full': active && !scrolled},
{ 'mx-0 rounded-l-none': active && scrolled},
{ 'animation-enable': animationEnable}]"
class="z-0 absolute left-0 bg-green-700 h-16 cursor-pointer" v-on:click="travel('')">
<img class="h-16 w-16 p-3 ml-2 select-none" src="/assets/daskom.svg" alt="daskom logo">
Expand All @@ -147,7 +147,7 @@
<div class="button flex m-3 bg-green-700 text-white rounded-full py-2 px-4 cursor-pointer select-none" v-on:click="travel('login')">Login</div>
</div>
</div>
</div>
</div>
</div>
</template>

Expand All @@ -166,7 +166,7 @@ export default {
},

mounted() {

$('body').addClass('closed');
$('.daskom-text').each(function(){
$(this).html($(this).text().replace(/([^\x00-\x80]|\w)/g, "<span class='daskom-text-letter inline-block'>$&</span>"));
Expand Down Expand Up @@ -198,18 +198,18 @@ export default {
}, 1000);
}
setTimeout(() => {
$('body').removeClass('closed');

$('body').removeClass('closed');
}, 1010);
},

methods: {

travel: function(destination) {
const globe = this;
$('body').addClass('closed');
this.pageActive = false;

setTimeout(() => {
globe.$inertia.replace('/'+destination,{
data: {
Expand All @@ -218,7 +218,7 @@ export default {
})
}, 300);
},

handleScroll: function (evt, el) {
window.scrollY > 5 ? this.scrolled = true : this.scrolled = false;
},
Expand Down Expand Up @@ -263,4 +263,4 @@ export default {
}
}
}
</script>
</script>