Skip to content

Commit ec16f9c

Browse files
Lucas98FernandoLucas98Fernando
committed
Adding AOS
1 parent 53bfaff commit ec16f9c

File tree

13 files changed

+15714
-35
lines changed

13 files changed

+15714
-35
lines changed

‎package-lock.json

Lines changed: 15678 additions & 10 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,7 @@
88
"lint": "vue-cli-service lint"
99
},
1010
"dependencies": {
11+
"aos": "^2.3.4",
1112
"bootstrap": "^4.6.0",
1213
"bootstrap-vue": "^2.21.2",
1314
"core-js": "^3.6.5",

‎src/assets/scss/scrollBar.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,5 +19,5 @@
1919

2020
/* Handle on hover */
2121
::-webkit-scrollbar-thumb:hover {
22-
background: #b30000;
22+
background: #330066;
2323
}

‎src/components/Navigation/Logo.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@
77
fill="none"
88
aria-hidden="true"
99
class="css-1r0dere"
10+
data-aos="zoom-in"
1011
>
1112
<path
1213
d="M37.504 9.983c-1.515 0-2.763 1.204-2.763 2.723v11.521h2.763v-11.52h6.589V9.982h-6.589zM60.566 17.079V12.68c0-1.492-1.222-2.723-2.763-2.723h-8.927c-1.515 0-2.764 1.204-2.764 2.723v8.798c0 1.492 1.223 2.723 2.764 2.723h8.927c1.515 0 2.763-1.205 2.763-2.723v-4.4zm-2.763 0v4.399h-8.927V12.68h8.927v4.399zM66.093 9.983c-1.515 0-2.764 1.204-2.764 2.723v8.798c0 1.492 1.223 2.723 2.764 2.723l9.724-.13v-2.593h-9.724v-8.798h9.724v-2.592l-9.724-.131zM91.655 9.983H87.91l-5.474 5.734h-1.089V9.983h-2.763v14.218h2.763v-5.76H82.94l5.686 5.76h3.8l-7.307-7.436 6.536-6.782zM95.77 21.478V18.44l11.692-.13v-5.63c0-1.492-1.223-2.723-2.764-2.723h-8.927c-1.515 0-2.763 1.204-2.763 2.723v8.798c0 1.492 1.222 2.723 2.763 2.723l11.691-.131v-2.592H95.771zm0-8.798h8.928v3.037h-8.927V12.68zM114.396 5.82h-1.063l-1.7 2.069v2.068h-2.099v2.723l2.099-.026v8.824c0 1.493 1.222 2.723 2.763 2.723l4.464-.13v-2.593h-4.464v-8.85l4.862-.079V9.957h-4.862V5.82zM133.819 18.44c0-1.492-1.223-2.723-2.764-2.723h-6.961V12.68h9.725v-2.592l-9.725-.131c-1.514 0-2.763 1.204-2.763 2.723v3.037c0 1.493 1.222 2.723 2.763 2.723h6.961v3.038h-9.724v2.592l9.724.13c1.515 0 2.764-1.204 2.764-2.722V18.44zM148.246 9.983h-8.928c-1.514 0-2.763 1.204-2.763 2.723v8.798c0 1.492 1.222 2.723 2.763 2.723l11.691-.13v-2.593h-11.691v-3.037l11.691-.131v-5.63c0-1.518-1.222-2.723-2.763-2.723zm0 5.734h-8.928V12.68h8.928v3.037zM165.463 9.983l-11.691.13v2.593h11.691v3.037l-11.691.131v5.63c0 1.492 1.222 2.723 2.763 2.723h8.928c1.514 0 2.763-1.204 2.763-2.723v-8.798a2.759 2.759 0 00-2.763-2.723zm0 11.495h-8.928V18.44h8.928v3.038zM175.138 12.628l4.862-.079V9.957h-4.862V5.794h-1.063l-1.7 2.068v2.069h-2.099v2.723l2.099-.026v8.824c0 1.492 1.222 2.723 2.763 2.723l4.463-.131v-2.592h-4.463v-8.824z"

‎src/components/Navigation/Navbar.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414

1515
<!-- Right aligned nav items -->
1616
<b-navbar-nav class="ml-auto">
17-
<b-button variant="primary" class="btn__primary">Entrar</b-button>
17+
<b-button variant="primary" class="btn__primary" data-aos="zoom-in">Entrar</b-button>
1818
</b-navbar-nav>
1919
</b-collapse>
2020
</b-navbar>

‎src/components/Sections/Achievements.vue

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,19 @@
1+
<!-- eslint-disable max-len -->
12
<template>
23
<section id="achievements">
34
<b-container>
45
<div class="content">
56
<div class="description">
67
<div class="divider"></div>
7-
<h2>Conquiste novas habilidades e seja reconhecido</h2>
8-
<p>
8+
<h2 data-aos="fade-right" data-aos-delay="200">Conquiste novas habilidades e seja reconhecido</h2>
9+
<p data-aos="fade-up" data-aos-delay="200">
910
Uma jornada de aprendizado contínuo, desafios e recompensas que vão
1011
te levar para o próximo nível.
1112
</p>
1213
</div>
1314
<div class="image">
1415
<div class="gamification-image">
15-
<b-img src="../../assets/images/gamification.png" fluid></b-img>
16+
<b-img src="../../assets/images/gamification.png" fluid data-aos="fade-left" data-aos-delay="200"></b-img>
1617
</div>
1718
</div>
1819
</div>

‎src/components/Sections/BetterDevs.vue

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,17 @@
1+
<!-- eslint-disable max-len -->
12
<template>
23
<section id="betterDevs">
34
<b-container>
45
<div class="content">
56
<div class="image">
67
<div class="devs-image">
7-
<b-img src="../../assets/images/community.png" fluid></b-img>
8+
<b-img src="../../assets/images/community.png" fluid data-aos="fade-right" data-aos-delay="200"></b-img>
89
</div>
910
</div>
1011
<div class="description devs">
1112
<div class="divider"></div>
12-
<h2>Devs melhores, aplicações melhores, um mundo melhor</h2>
13-
<p>
13+
<h2 data-aos="fade-left" data-aos-delay="200">Devs melhores, aplicações melhores, um mundo melhor</h2>
14+
<p data-aos="fade-up" data-aos-delay="200">
1415
Uma experiência com propósito para impulsionar sua carreira e
1516
transformar o mundo.
1617
</p>

‎src/components/Sections/Connections.vue

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,17 @@
1+
<!-- eslint-disable max-len -->
12
<template>
23
<section id="connections">
34
<b-container>
45
<div class="content">
56
<div class="image">
67
<div class="profile-image">
7-
<b-img src="../../assets/images/connections.png" fluid></b-img>
8+
<b-img src="../../assets/images/connections.png" fluid data-aos="fade-right" data-aos-delay="200"></b-img>
89
</div>
910
</div>
1011
<div class="description">
1112
<div class="divider"></div>
12-
<h2>Conexão é a chave para as maiores oportunidades</h2>
13-
<p>
13+
<h2 data-aos="fade-left" data-aos-delay="200">Conexão é a chave para as maiores oportunidades</h2>
14+
<p data-aos="fade-up" data-aos-delay="200">
1415
Uma comunidade incrível e todo o ecossistema de tecnologia na mesma
1516
plataforma.
1617
</p>

‎src/components/Sections/Hero.vue

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,20 @@
22
<section id="hero">
33
<b-container>
44
<b-row>
5-
<h1>Evolua rápido como a tecnologia<b>.</b></h1>
5+
<h1 data-aos="fade-up">Evolua rápido como a tecnologia<b>.</b></h1>
66
<div class="hero-content">
7-
<p>
7+
<p data-aos="fade-right" data-aos-delay="200">
88
Junte-se a milhares de devs e acelere na direção dos seus objetivos.
99
</p>
10-
<b-button variant="primary" class="btn__primary"
10+
<b-button variant="primary" class="btn__primary" data-aos="fade-left"
1111
>Embarcar no foguete</b-button
1212
>
1313
</div>
1414
<div class="hero-shades">
1515
<b-img
1616
src="../../assets/images/hero.png"
1717
fluid
18+
data-aos="zoom-in"
1819
></b-img>
1920
</div>
2021
</b-row>

‎src/components/Sections/Journey.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,13 +2,13 @@
22
<section id="journey">
33
<div class="journey-header">
44
<div class="journey-header-content">
5-
<h2>Jornada de evolução contínua</h2>
6-
<p>
5+
<h2 data-aos="fade-right" data-aos-delay="200">Jornada de evolução contínua</h2>
6+
<p data-aos="fade-up" data-aos-delay="200">
77
Conheça as órbitas de aprendizado que vão impulsionar cada etapa da
88
sua carreira.
99
</p>
1010
</div>
11-
<div class="cards-grid">
11+
<div class="cards-grid" data-aos="zoom-in" data-aos-delay="200">
1212
<div class="cards-content">
1313
<div><strong>Iniciante</strong><span>01</span></div>
1414
<header>

‎src/components/Sections/Spoiler.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<section id="spoiler">
44
<Alert />
55
<b-container class="container-alert">
6-
<h2>Spoiler alert!</h2>
7-
<p>
6+
<h2 data-aos="zoom-in" data-aos-delay="200">Spoiler alert!</h2>
7+
<p data-aos="fade-right" data-aos-delay="200">
88
As funcionalidades serão liberadas ao longo dos próximos meses.
99
Embarque porque o foguete está decolando.
1010
</p>
11-
<strong>Novidades a caminho</strong>
11+
<strong data-aos="fade-left" data-aos-delay="200">Novidades a caminho</strong>
1212
</b-container>
1313
</section>
1414
</div>

‎src/components/Sections/Trust.vue

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,11 @@
33
<b-container>
44
<h2>Empresas que confiam no nosso trabalho</h2>
55
<div class="companies">
6-
<div><Globo /></div>
7-
<div><Zup /></div>
8-
<div><Neon /></div>
9-
<div><VanHack /></div>
10-
<div><Zenvia /></div>
6+
<div data-aos="zoom-in" data-aos-delay="200"><Globo /></div>
7+
<div data-aos="zoom-in" data-aos-delay="400"><Zup /></div>
8+
<div data-aos="zoom-in" data-aos-delay="600"><Neon /></div>
9+
<div data-aos="zoom-in" data-aos-delay="800"><VanHack /></div>
10+
<div data-aos="zoom-in" data-aos-delay="1000"><Zenvia /></div>
1111
</div>
1212
</b-container>
1313
</section>

‎src/main.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
import Vue from 'vue';
22
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';
3+
import AOS from 'aos';
34
import App from './App.vue';
45
import router from './router';
56
import store from './store';
7+
import 'aos/dist/aos.css';
68

79
// Custom SCSS with Bootstrap
810
import './assets/scss/style.scss';
@@ -15,6 +17,9 @@ Vue.use(BootstrapVue);
1517
Vue.use(IconsPlugin);
1618

1719
new Vue({
20+
created() {
21+
AOS.init();
22+
},
1823
router,
1924
store,
2025
render: (h) => h(App),

0 commit comments

Comments
 (0)