Added BetterAperture
This commit is contained in:
Kacper Zacharski
parent
3366823f41
commit
d368ff4e43
|
|
@ -30,3 +30,4 @@ npm-debug.log*
|
|||
/platforms
|
||||
/plugins
|
||||
/www
|
||||
/android
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@
|
|||
"name": "puffercat-apps",
|
||||
"version": "0.0.1",
|
||||
"dependencies": {
|
||||
"@capacitor/android": "4.5.0",
|
||||
"@capacitor/app": "4.1.1",
|
||||
"@capacitor/core": "4.5.0",
|
||||
"@capacitor/haptics": "4.1.0",
|
||||
|
|
@ -1682,6 +1683,14 @@
|
|||
"integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
|
||||
"dev": true
|
||||
},
|
||||
"node_modules/@capacitor/android": {
|
||||
"version": "4.5.0",
|
||||
"resolved": "https://registry.npmjs.org/@capacitor/android/-/android-4.5.0.tgz",
|
||||
"integrity": "sha512-GRoQ0Q1XOupU4pK3aipWfwCGXRuAq32IHpOoNSZm3Enu1/FhoOlIvHMlnnIQTpq6sBye/cqBIuYsOpPBMi3VNg==",
|
||||
"peerDependencies": {
|
||||
"@capacitor/core": "^4.4.0"
|
||||
}
|
||||
},
|
||||
"node_modules/@capacitor/app": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@capacitor/app/-/app-4.1.1.tgz",
|
||||
|
|
@ -19883,6 +19892,12 @@
|
|||
"integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
|
||||
"dev": true
|
||||
},
|
||||
"@capacitor/android": {
|
||||
"version": "4.5.0",
|
||||
"resolved": "https://registry.npmjs.org/@capacitor/android/-/android-4.5.0.tgz",
|
||||
"integrity": "sha512-GRoQ0Q1XOupU4pK3aipWfwCGXRuAq32IHpOoNSZm3Enu1/FhoOlIvHMlnnIQTpq6sBye/cqBIuYsOpPBMi3VNg==",
|
||||
"requires": {}
|
||||
},
|
||||
"@capacitor/app": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://registry.npmjs.org/@capacitor/app/-/app-4.1.1.tgz",
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@
|
|||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@capacitor/android": "4.5.0",
|
||||
"@capacitor/app": "4.1.1",
|
||||
"@capacitor/core": "4.5.0",
|
||||
"@capacitor/haptics": "4.1.0",
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 347 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 606 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 300 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 243 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 889 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 336 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 265 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 401 KiB |
|
|
@ -10,6 +10,7 @@ import Tipper_by_myCALC from '../views/Tipper_by_myCALC.vue'
|
|||
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'
|
||||
|
||||
const routes: Array<RouteRecordRaw> = [
|
||||
{
|
||||
|
|
@ -74,6 +75,11 @@ const routes: Array<RouteRecordRaw> = [
|
|||
name: 'Tipper3',
|
||||
component: Tipper3,
|
||||
},
|
||||
{
|
||||
path: '/details/BetterAperture',
|
||||
name: 'BetterAperture',
|
||||
component: BetterAperture,
|
||||
},
|
||||
]
|
||||
|
||||
const router = createRouter({
|
||||
|
|
|
|||
|
|
@ -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-b1 (Beta 1)</h4>
|
||||
<h4>v1.0.0-b2 (Beta 2)</h4>
|
||||
<br>
|
||||
<br>
|
||||
<div class="tableLabel">
|
||||
|
|
@ -150,6 +150,22 @@
|
|||
</ion-modal>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row class="column-standard">
|
||||
<ion-col size="auto">
|
||||
<a href="/details/BetterAperture" class="hidden-link"><img src="../assets/Icon_BetterAperture.png" class="icon"></a>
|
||||
</ion-col>
|
||||
<ion-col size="auto" class="description-column">
|
||||
<ion-row>
|
||||
<a href="/details/BetterAperture" class="hidden-link"><ion-column><h4 class="size-appname">BetterAperture</h4></ion-column></a>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<a href="/details/BetterAperture" 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" href="https://cdn.puffercat.xyz/c/puffercat-apps/apks/BetterAperture/betteraperture-1.0.0.apk"><ion-icon :icon="arrowDown" /></ion-button>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row class="column-standard">
|
||||
<ion-col size="auto">
|
||||
<a href="/details/Shapes" class="hidden-link"><img src="../assets/Icon_Shapes.png" class="icon"></a>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,218 @@
|
|||
<template>
|
||||
<ion-page>
|
||||
<ion-header>
|
||||
<ion-toolbar>
|
||||
<ion-buttons slot="start">
|
||||
<ion-back-button default-href="/"></ion-back-button>
|
||||
</ion-buttons>
|
||||
<ion-title>BetterAperture</ion-title>
|
||||
</ion-toolbar>
|
||||
</ion-header>
|
||||
<ion-content :fullscreen="true">
|
||||
<ion-header collapse="condense">
|
||||
<ion-toolbar>
|
||||
<ion-title size="large">BetterAperture</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_BetterAperture.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>BetterAperture</strong></p></ion-column>
|
||||
</ion-row>
|
||||
<ion-row style="padding: 0px;">
|
||||
<ion-column><p class="size-appname-icon">version 1.0.0</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 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-col>
|
||||
</ion-row>
|
||||
<ion-row class="column-standard">
|
||||
<ion-col>
|
||||
<h4><strong>Changelog - 1.0.0</strong></h4>
|
||||
<ul>
|
||||
<li>Initial release</li>
|
||||
</ul>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row class="column-standard">
|
||||
<ion-col>
|
||||
<h4><strong>Description</strong></h4>
|
||||
The app cointains 100+ icons designed to replace the ugly icon of the LineageOS camera.<br>
|
||||
<br>
|
||||
If your launcher supports manual icon selection, you can also apply the icons to other camera apps.<br>
|
||||
<br>
|
||||
If you want to use a different icon than the default one with a launcher that doesn't support manual icon selection, check for a single icon variant here: <a href="https://github.com/KZacharski/BetterAperture/wiki/Single-icon-packages">https://github.com/KZacharski/BetterAperture/wiki/Single-icon-packages</a><br>
|
||||
<br>
|
||||
Included icon categories:<br>
|
||||
- Gradient<br>
|
||||
- Duotone<br>
|
||||
- Aosp<br>
|
||||
- Flat<br>
|
||||
- Classic<br>
|
||||
<br>
|
||||
Join the support group on Telegram: <a href="https://puffercatrom.t.me">https://puffercatrom.t.me</a><br>
|
||||
<br>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row class="column-standard">
|
||||
<ion-col>
|
||||
<h4><strong>Screenshots</strong></h4>
|
||||
<div class="scrollScreenshots">
|
||||
<img src="../assets/Screenshot_BetterAperture_1.png" class="screenshot">
|
||||
<img src="../assets/Screenshot_BetterAperture_2.png" class="screenshot">
|
||||
<img src="../assets/Screenshot_BetterAperture_3.png" class="screenshot">
|
||||
<img src="../assets/Screenshot_BetterAperture_4.png" class="screenshot">
|
||||
<img src="../assets/Screenshot_BetterAperture_5.png" class="screenshot">
|
||||
<img src="../assets/Screenshot_BetterAperture_6.png" class="screenshot">
|
||||
<img src="../assets/Screenshot_BetterAperture_7.png" class="screenshot">
|
||||
</div>
|
||||
<br>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
<ion-row class="column-standard">
|
||||
<ion-col>
|
||||
<h4><strong>Links</strong></h4>
|
||||
<a href="https://github.com/KZacharski/BetterAperture/wiki/Single-icon-packages" class="">Single icon packages</a>
|
||||
<br>
|
||||
<a href="mailto:puffercatt+betteraperture@gmail.com" class="">E-mail</a>
|
||||
<br>
|
||||
<a href="https://cdn.puffercat.xyz/c/betteraperture/privacy" class="">Privacy policy</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>
|
||||
<a href="https://github.com/KZacharski/BetterAperture" class="">GitHub repo</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_BetterAperture.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>
|
||||
|
|
@ -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-b1 (Beta 1)</h4>
|
||||
<h4>v1.0.0-b2 (Beta 2)</h4>
|
||||
<br>
|
||||
<br>
|
||||
<div class="tableLabel">
|
||||
|
|
|
|||
|
|
@ -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-b1 (Beta 1)</p></ion-column>
|
||||
<ion-column><p class="size-appname-icon">version 1.0.0-b2 (Beta 2)</p></ion-column>
|
||||
</ion-row>
|
||||
<ion-row style="padding: 0px;">
|
||||
<ion-column><ion-icon :icon="logoPwa" class="size-appname-icon"/></ion-column>
|
||||
|
|
@ -69,10 +69,9 @@
|
|||
</ion-row>
|
||||
<ion-row class="column-standard">
|
||||
<ion-col>
|
||||
<h4><strong>Changelog - 1.0.0-b1</strong></h4>
|
||||
<h4><strong>Changelog - 1.0.0-b2</strong></h4>
|
||||
<ul>
|
||||
<li>First beta release</li>
|
||||
<li>Finished the basic app</li>
|
||||
<li>Added BetterAperture</li>
|
||||
</ul>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
|
|
|
|||
Loading…
Reference in New Issue