- Converting all to Typescript
- Installing 1.0.0.beta Quasar Upgrade - (Part 1 - Upgrade Components)
This commit is contained in:
Paolo Arena
@@ -1,28 +0,0 @@
|
||||
|
||||
TweenMax.set('.vlogo', {
|
||||
opacity: 1
|
||||
})
|
||||
|
||||
TweenMax.set('#words', {
|
||||
visibility: 'visible'
|
||||
})
|
||||
|
||||
//repeating for all the birds, uses classes
|
||||
exports.anima = () => {
|
||||
alert("prova")
|
||||
const tl = new TimelineMax({
|
||||
repeat: 2,
|
||||
yoyo: true
|
||||
})
|
||||
|
||||
tl.add('start')
|
||||
|
||||
tl.to('.sun ', 1, {
|
||||
rotation: -45,
|
||||
y: -20,
|
||||
transformOrigin: '50% 90%'
|
||||
}, 'start')
|
||||
|
||||
tl.timeScale(2)
|
||||
return tl
|
||||
}
|
||||
@@ -101,7 +101,7 @@ export default class Home extends Vue {
|
||||
|
||||
set conta(valore) {
|
||||
GlobalStore.actions.setConta(valore)
|
||||
let my = this.$q.i18n.lang
|
||||
let my = this.$q.lang.isoName
|
||||
this.showNotif(String(my))
|
||||
}
|
||||
|
||||
|
||||
@@ -35,11 +35,11 @@
|
||||
-->
|
||||
|
||||
<div v-if="isInCostruction" style="margin: 5px;">
|
||||
<q-alert
|
||||
<q-banner
|
||||
type="info"
|
||||
class="q-mb-sm">
|
||||
{{$t('msg.underconstruction')}}
|
||||
</q-alert>
|
||||
</q-banner>
|
||||
<br>
|
||||
</div>
|
||||
<div v-else>
|
||||
@@ -126,7 +126,6 @@
|
||||
</div>
|
||||
<div class="col-12 col-sm-5">
|
||||
<div class="feature-item"><i aria-hidden="true"
|
||||
class="q-icon fas fa-carrot"> </i><i aria-hidden="true"
|
||||
class="q-icon fas fa-apple-alt"> </i><h4>
|
||||
{{$t('homepage.freegas.title')}}</h4>
|
||||
<p class="feat-descr" v-html="$t('homepage.freegas.descr')"></p></div>
|
||||
@@ -181,7 +180,7 @@
|
||||
<i aria-hidden="true" class="q-icon fab fa-facebook-f"> </i></a>
|
||||
|
||||
<a :href="TelegramSupport" target="_blank">
|
||||
<i aria-hidden="true" class="q-icon fab fa-telegram dark"></i></a>
|
||||
<i aria-hidden="true" class="q-icon fab fa-telegram"></i></a>
|
||||
|
||||
|
||||
<!--<a href="" target="_blank"><i aria-hidden="true" class="q-icon fab fa-github"> </i></a>-->
|
||||
|
||||
@@ -1,98 +0,0 @@
|
||||
<template>
|
||||
<q-page class="landing text-white">
|
||||
<section>
|
||||
<div class="landing__hero">
|
||||
<div style="height: 28vh;"></div>
|
||||
<div class="landing__hero-content row justify-center q-gutter-xl">
|
||||
<div class="row"><img src="https://cdn.quasar-framework.org/logo/svg/quasar-logo.svg"
|
||||
class="landing__logo"></div>
|
||||
<div class="flex justify-end">
|
||||
<div class="q-gutter-sm">
|
||||
<div class="text-h1">
|
||||
<div class="text-weight-bold">Quasar</div>
|
||||
<div>Framework</div>
|
||||
</div>
|
||||
<div class="text-subtitle1 text-italic q-pl-sm">High performance, <strong>Material
|
||||
Design
|
||||
2</strong>, full front end stack with <strong>Vuejs</strong></div>
|
||||
<div class="q-pt-md q-pl-sm">
|
||||
<div class="landing__hero-btns q-gutter-md row items-center"><a tabindex="0"
|
||||
type="button"
|
||||
href="/introduction-to-quasar"
|
||||
class="q-btn inline relative-position q-btn-item non-selectable q-btn--rectangle bg-white text-primary q-focusable q-hoverable q-btn--push">
|
||||
<div class="q-focus-helper"></div>
|
||||
<div class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
|
||||
<div>About</div>
|
||||
</div>
|
||||
</a><a tabindex="0" type="button" href="/start"
|
||||
class="q-btn inline relative-position q-btn-item non-selectable q-btn--rectangle bg-white text-primary q-focusable q-hoverable q-btn--push">
|
||||
<div class="q-focus-helper"></div>
|
||||
<div class="q-btn__content text-center col items-center q-anchor--skip justify-center row">
|
||||
<div>Get started</div>
|
||||
</div>
|
||||
</a>
|
||||
<div class="text-body2">v1.0.0-beta.4</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="landing__arrow absolute-bottom text-center"><i aria-hidden="true"
|
||||
class="q-icon text-h2 text-white material-icons">expand_more</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--<div>-->
|
||||
<!--<logo></logo>-->
|
||||
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div>-->
|
||||
<!--<!– the row with a type of gutter –>-->
|
||||
<!--<q-alert-->
|
||||
<!--avatar="statics/boy-avatar.png"-->
|
||||
<!--color="primary"-->
|
||||
<!--message="Jack"-->
|
||||
<!--detail="Per un mondo più Consapevole"-->
|
||||
<!--/>-->
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div>-->
|
||||
<!--<q-btn v-if="getPermission() !== 'granted'" class="enable-notifications" color="primary" rounded-->
|
||||
<!--size="lg"-->
|
||||
<!--icon="notifications" @click="askfornotification" :label="$t('notification.ask')"/>-->
|
||||
<!--<!–<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="primary" rounded size="lg" icon="notifications" @click="showNotificationExample" label="Send Notification"/>–>-->
|
||||
<!--<!–<q-btn v-if="getPermission() === 'granted'" class="enable-notifications" color="secondary" rounded size="lg" icon="notifications" @click="createPushSubscription" label="Create Push Subscription !"/>–>-->
|
||||
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div>-->
|
||||
<!--<q-chip square color="secondary">-->
|
||||
<!--{{$t('notification.status')}}-->
|
||||
<!--</q-chip>-->
|
||||
<!--</div>-->
|
||||
<!--<div>-->
|
||||
<!--<q-field-->
|
||||
<!--v-if="getPermission() === 'granted'"-->
|
||||
<!--icon="notifications"-->
|
||||
<!--:label="$t('notification.titlegranted')"-->
|
||||
<!--helper="Stato Notifiche">-->
|
||||
<!--</q-field>-->
|
||||
<!--<q-field-->
|
||||
<!--v-if="NotServiceWorker()"-->
|
||||
<!--icon="notifications"-->
|
||||
<!--label="Service Worker not present"-->
|
||||
<!-->-->
|
||||
<!--</q-field>-->
|
||||
<!--</div>-->
|
||||
</section>
|
||||
|
||||
</q-page>
|
||||
|
||||
|
||||
</template>
|
||||
<script lang="ts" src="./home.ts">
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import './home.scss';
|
||||
</style>
|
||||
Reference in New Issue
Block a user