casper/PuffercatApps
casper
/
PuffercatApps
mirror of https://github.com/KZacharski/PuffercatApps.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

beta 3

This commit is contained in:
Kacper Zacharski 2022-12-30 23:44:25 +01:00
parent 270f1a0fb6
commit 03d28c766d
8 changed files with 217 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/Banner_Duo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 318 KiB

BIN
src/assets/Icon_Duo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

6
src/router/index.ts
View File

@ -11,6 +11,7 @@ import PufferIcons_Filled from '../views/PufferIcons_Filled.vue'
import WallCat from '../views/WallCat.vue'
import Tipper3 from '../views/Tipper3.vue'
import BetterAperture from '../views/BetterAperture.vue'
import Duo from '../views/Duo.vue'
const routes: Array<RouteRecordRaw> = [
{
@ -80,6 +81,11 @@ const routes: Array<RouteRecordRaw> = [
name: 'BetterAperture',
component: BetterAperture,
},
{
path: '/details/Duo',
name: 'Duo',
component: Duo,
},
]
const router = createRouter({

2
src/views/Apps.vue
View File

@ -24,7 +24,7 @@
<ion-content class="ion-padding modalContent">
<img src="../assets/Icon_Puffercat_Apps.png" class="logoAbout">
<h1>Puffercat Apps</h1>
<h4>v1.0.0-b2 (Beta 2)</h4>
<h4>v1.0.0-b3 (Beta 3)</h4>
<br>
<br>
<div class="tableLabel">

2
src/views/BetterAperture.vue
View File

@ -41,7 +41,7 @@
<ion-button href="https://cdn.puffercat.xyz/c/puffercat-apps/apks/BetterAperture/betteraperture-1.0.0.apk" expand="full" shape="round" style="margin: 0px;" download="BetterAperture-latest.apk">Download</ion-button>
</ion-col>
<ion-col>
<ion-button href="" disabled="true" expand="full" shape="round" style="margin: 0px;">Google Play</ion-button>
<ion-button href="https://play.google.com/store/apps/details?id=xyz.puffercat.betteraperture" expand="full" shape="round" style="margin: 0px;">Google Play</ion-button>
</ion-col>
</ion-row>
<ion-row class="column-standard">

18
src/views/ComingSoon.vue
View File

@ -24,7 +24,7 @@
<ion-content class="ion-padding modalContent">
<img src="../assets/Icon_Puffercat_Apps.png" class="logoAbout">
<h1>Puffercat Apps</h1>
<h4>v1.0.0-b2 (Beta 2)</h4>
<h4>v1.0.0-b3 (Beta 3)</h4>
<br>
<br>
<div class="tableLabel">
@ -121,6 +121,22 @@
<ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button>
</ion-col>
</ion-row>
<ion-row class="column-standard">
<ion-col size="auto">
<a href="/details/Duo" class="hidden-link"><img src="../assets/Icon_Duo.png" class="icon"></a>
</ion-col>
<ion-col size="auto" class="description-column">
<ion-row>
<a href="/details/Duo" class="hidden-link"><ion-column><h4 class="size-appname">Duo</h4></ion-column></a>
</ion-row>
<ion-row>
<a href="/details/Duo" class="hidden-link"><ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column></a>
</ion-row>
</ion-col>
<ion-col class="download-column">
<ion-button shape="round" disabled="true"><ion-icon :icon="arrowDown" /></ion-button>
</ion-col>
</ion-row>
<ion-row class="column-standard">
<ion-col size="auto">
<a href="/details/Tipper3" class="hidden-link"><img src="../assets/Icon_Tipper3.png" class="icon"></a>

187
src/views/Duo.vue Normal file
View File

@ -0,0 +1,187 @@
<template>
<ion-page>
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button default-href="/tabs/soon"></ion-back-button>
</ion-buttons>
<ion-title>Duo</ion-title>
</ion-toolbar>
</ion-header>
<ion-content :fullscreen="true">
<ion-header collapse="condense">
<ion-toolbar>
<ion-title size="large">Duo</ion-title>
</ion-toolbar>
</ion-header>
<ion-grid>
<ion-row class="column-standard2">
<ion-col class="bannerColumn">
</ion-col>
</ion-row>
<ion-row class="column-standard">
<ion-col size="auto">
<img src="../assets/Icon_Duo.png" class="icon">
</ion-col>
<ion-col size="auto" class="description-column">
<ion-row style="padding: 0px; margin: 0px;">
<ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>Duo</strong></p></ion-column>
</ion-row>
<ion-row style="padding: 0px;">
<ion-column><p class="size-appname-icon"></p></ion-column>
</ion-row>
<ion-row style="padding: 0px;">
<ion-column><ion-icon :icon="logoAndroid" class="size-appname-icon"/></ion-column>
</ion-row>
</ion-col>
</ion-row>
<ion-row class="column-standard2">
<ion-col>
<ion-button disabled="true" expand="full" shape="round" style="margin: 0px;">Coming Soon</ion-button>
</ion-col>
</ion-row>
<ion-row class="column-standard">
<ion-col>
<h4><strong>Description</strong></h4>
A vibrant, light and glowing duo-tone icon pack<br>
<br>
</ion-col>
</ion-row>
<!-- <ion-row class="column-standard">
<ion-col>
<h4><strong>Screenshots (early development)</strong></h4>
<div class="scrollScreenshots">
<img src="../assets/Screenshot_WallCat_1.png" class="screenshot">
<img src="../assets/Screenshot_WallCat_2.png" class="screenshot">
<img src="../assets/Screenshot_WallCat_3.png" class="screenshot">
<img src="../assets/Screenshot_WallCat_4.png" class="screenshot">
<img src="../assets/Screenshot_WallCat_5.png" class="screenshot">
<img src="../assets/Screenshot_WallCat_6.jpg" class="screenshot">
</div>
<br>
</ion-col>
</ion-row>-->
<ion-row class="column-standard">
<ion-col>
<h4><strong>Links</strong></h4>
<a href="mailto:puffercatt+duo@gmail.com" class="">E-mail</a>
<br>
<a href="https://pufferrom.t.me" class="">Telegram channel (releases)</a>
<br>
<a href="https://puffercatchannel.t.me" class="">Telegram channel (general)</a>
<br>
<a href="https://puffercatrom.t.me" class="">Support group</a>
<br>
<br>
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
</ion-page>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { IonPage, IonHeader, IonToolbar, IonTitle, IonContent, IonCol, IonGrid, IonRow, IonBackButton, IonButton, IonButtons, IonIcon, IonMenuButton,
IonModal,
IonItem,
IonList,
IonAvatar,
IonImg,
IonLabel } from '@ionic/vue';
import ExploreContainer from '@/components/ExploreContainer.vue';
import { logoAndroid, arrowDown, logoPwa, ellipsisVertical } from 'ionicons/icons';
export default defineComponent({
name: 'Tab1Page',
components: {IonHeader, IonToolbar, IonTitle, IonContent, IonPage, IonCol, IonGrid, IonRow, IonButton, IonIcon, IonButtons, IonBackButton},
setup() {
return {
logoAndroid,
arrowDown,
logoPwa,
ellipsisVertical
}
}
});
</script>
<style scoped>
.column-standard {
background-color: var(--ion-color-light-shade);
color: var(--ion-color-light-contrast);
padding: 15px;
border-radius: 25px;
margin: 5px;
margin-top: 15px;
} .icon {
width: 90px;
margin-right: 5px;
} ion-button {
--box-shadow: 0px;
} .download-column {
text-align: right;
display: flex;
justify-content: right;
align-items: center;
} .description-column {
align-items: center;
} .size-appname {
font-size: 20px;
} .size-appname-icon {
font-size: 15px;
} .logoAbout {
width: 125px;
margin: 10px;
margin-top: 20px;
} .modalContent {
text-align: center;
display: flex;
justify-content: center;
} .tableLabel {
text-align: left;
} .vueLogoLight {
display: inline;
} .vueLogoDark {
display: none;
} @media (prefers-color-scheme: dark) {
.vueLogoLight {
display: none;
} .vueLogoDark {
display: inline;
}
} .aboutFrameworkLogo {
width: 175px;
} .bannerColumn {
height: 200px;
background-image: url("../assets/Banner_Duo.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 25px;
} .column-standard2 {
background-color: transparent;
color: var(--ion-color-light-contrast);
padding: 0px;
border-radius: 25px;
margin: 5px;
margin-top: 15px;
} ion-button {
--box-shadow: 0px;
} .screenshot {
height: 600px;
border-radius: 30px;
} div.scrollScreenshots {
overflow: auto;
white-space: nowrap;
}
div.scrollScreenshots img {
display: inline-block;
padding: 10px;
} .hidden-link {
text-decoration-line: none;
color: var(--ion-color-light-contrast);
}
</style>

8
src/views/Puffercat_Apps.vue
View File

@ -29,7 +29,7 @@
<ion-column style="padding: 0px; margin: 0px;"><p class="size-appname" style="padding: 0px; margin: 0px;"><strong>Puffercat Apps</strong></p></ion-column>
</ion-row>
<ion-row style="padding: 0px;">
<ion-column><p class="size-appname-icon">version 1.0.0-b2 (Beta 2)</p></ion-column>
<ion-column><p class="size-appname-icon">version 1.0.0-b3 (Beta 3)</p></ion-column>
</ion-row>
<ion-row style="padding: 0px;">
<ion-column><ion-icon :icon="logoPwa" class="size-appname-icon"/></ion-column>
@ -69,9 +69,11 @@
</ion-row>
<ion-row class="column-standard">
<ion-col>
<h4><strong>Changelog - 1.0.0-b2</strong></h4>
<h4><strong>Changelog - 1.0.0-b3</strong></h4>
<ul>
<li>Added BetterAperture</li>
<li>Added a Google Play link to BetterAperture</li>
<li>Added Duo</li>
<li>Fixed a dependency security vulnerability</li>
</ul>
</ion-col>
</ion-row>