Skip to content

Commit ef1029d

Browse files
MAGGIx1404MAGGIx1404
committed
v3.0.1
1 parent 29dfb50 commit ef1029d

14 files changed

+125
-9
lines changed

‎docs/main-site/index.html

Lines changed: 32 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,18 +2,43 @@
22
<html lang="en">
33

44
<head>
5-
<meta charset="UTF-8">
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
8+
<meta name="msapplication-TileColor" content="#3fcf8e" />
9+
<meta name="theme-color" content="#1c1c1c" />
10+
<meta property="og:type" content="website" />
11+
612
<link rel="icon" href="/favicon.ico">
7-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8-
<title>Vite App</title>
13+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
14+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
15+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
16+
<link rel="manifest" href="/site.webmanifest" />
17+
<title>
18+
Textify.js - Next Generation Text Animation Library
19+
</title>
20+
21+
<meta name="title" content="Textify.js - A JavaScript library for text animation">
22+
<meta name="description"
23+
content="Textify.js is a animation engine for web typography animations, which are use to create smooth, creative or seamless animations of typography. Also it’s provide multiple animations types or custom animations on GSAP's power.">
24+
25+
<!-- Open Graph / Facebook -->
26+
<meta property="og:type" content="website">
27+
<meta property="og:url" content="https://textify-js.vercel.app/">
28+
<meta property="og:title" content="Textify.js - A JavaScript library for text animation">
29+
<meta property="og:description"
30+
content="Textify.js is a animation engine for web typography animations, which are use to create smooth, creative or seamless animations of typography. Also it’s provide multiple animations types or custom animations on GSAP's power.">
31+
32+
33+
<meta name="keywords" content="Text-Animation, Text-Animation-Library, scroll-based-text-animation , textify.js">
34+
<meta name="author" content="MAGGIx1404(Jeet Ramoliya)">
35+
<meta name="robots" content="index, follow">
36+
<meta name="googlebot" content="index, follow">
37+
<meta name="google" content="notranslate">
938
</head>
1039

1140
<body>
1241
<div id="app"></div>
13-
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"
14-
integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug=="
15-
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
16-
<script src="/src/library/Textify.min.js"></script> -->
1742
<script type="module" src="/src/main.js"></script>
1843
</body>
1944

‎docs/main-site/public/android-chrome-192x192.png

37.4 KB
Loading

‎docs/main-site/public/android-chrome-512x512.png

184 KB
Loading

‎docs/main-site/public/apple-touch-icon.png

33.3 KB
Loading

‎docs/main-site/public/favicon-16x16.png

733 Bytes
Loading

‎docs/main-site/public/favicon-32x32.png

1.88 KB
Loading

‎docs/main-site/public/favicon.ico

10.9 KB
Binary file not shown.

‎docs/main-site/public/site.webmanifest

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"name": "Textify.js",
3+
"short_name": "Textify.js",
4+
"description": "Textify.js is a animation engine for web typography animations, which are use to create smooth, creative or seamless animations of typography. Also it’s provide multiple animations types or custom animations on GSAP's power.",
5+
"start_url": "/",
6+
"scope": "/",
7+
"icons": [
8+
{
9+
"src": "/android-chrome-192x192.png",
10+
"sizes": "192x192",
11+
"type": "image/png"
12+
},
13+
{
14+
"src": "/android-chrome-512x512.png",
15+
"sizes": "512x512",
16+
"type": "image/png"
17+
}
18+
],
19+
"theme_color": "#3fcf8e",
20+
"background_color": "#1c1c1c",
21+
"display": "standalone"
22+
}

‎docs/main-site/src/App.vue

Lines changed: 25 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,33 @@
11
<template>
2-
<router-view v-slot="{ Component }">
2+
<router-view v-slot="{ Component }" v-if="!isMobile">
33
<Navigation />
44
<SideBar v-if="$route.name === 'documentation'" />
55
<transition :name="transition" mode="out-in">
66
<component :is="Component" :key="$route.name" />
77
</transition>
88
</router-view>
9+
10+
<router-view v-else>
11+
<section class="responsive flex-column-center-center">
12+
<h1 class="sub-title">Pages are <span class="green bold">not</span> responsive yet :(</h1>
13+
<p class="content">
14+
The pages are not responsive yet. Please view this site on a desktop or laptop for now. we
15+
are working on it. Thank you for your patience.
16+
</p>
17+
<p class="content green">
18+
We are looking for contributors to help us with this. If you are interested, please check
19+
out project's github repo and create a pull request. Thank you.
20+
</p>
21+
<a
22+
href="https://github.com/MAGGIx1404/Textify-js"
23+
target="_blank"
24+
rel="noopener noreferrer"
25+
class="bg-link"
26+
>
27+
Go to Github
28+
</a>
29+
</section>
30+
</router-view>
931
</template>
1032

1133
<script>
@@ -16,7 +38,8 @@ export default {
1638
name: 'App',
1739
data() {
1840
return {
19-
transition: ''
41+
transition: '',
42+
isMobile: window.innerWidth <= 812 ? true : false
2043
}
2144
},
2245
components: {

‎docs/main-site/src/assets/styles/index.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,3 +21,4 @@
2121
@import './pages/example';
2222
@import './pages/docs';
2323
@import './pages/tutorial';
24+
@import './pages/notfound';

‎docs/main-site/src/assets/styles/pages/_notfound.scss

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
.notfound {
2+
.banner {
3+
width: 100%;
4+
height: 100vh;
5+
text-align: center;
6+
gap: 2rem;
7+
}
8+
}

‎docs/main-site/src/assets/styles/shared/_sections.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,3 +15,10 @@ section {
1515
height: 2px;
1616
background: $color-dark-2;
1717
}
18+
19+
.responsive {
20+
width: 100%;
21+
height: 100vh;
22+
text-align: center;
23+
gap: 2rem;
24+
}

‎docs/main-site/src/router/index.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,11 @@ const router = createRouter({
2323
path: '/tutorial',
2424
name: 'tutorial',
2525
component: () => import('@/views/Tutorial.vue')
26+
},
27+
{
28+
path: '/:pathMatch(.*)*',
29+
name: 'not-found',
30+
component: () => import('@/views/NotFound.vue')
2631
}
2732
]
2833
})

‎docs/main-site/src/views/NotFound.vue

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
<template>
2+
<MainLayout class="notfound">
3+
<section class="banner flex-column-center-center">
4+
<h1 class="title">Page <span class="green bold">Not</span> Found</h1>
5+
<p class="content">
6+
The page you are looking for might have been removed had its name changed or is temporarily
7+
unavailable.
8+
</p>
9+
<router-link to="/" class="bg-link"> Go to Homepage </router-link>
10+
</section>
11+
</MainLayout>
12+
</template>
13+
14+
<script>
15+
import MainLayout from '../layouts/MainLayout.vue'
16+
17+
export default {
18+
name: 'NotFound',
19+
components: {
20+
MainLayout
21+
}
22+
}
23+
</script>
24+
25+
<style lang="scss" scoped></style>

0 commit comments

Comments
 (0)