first

aisyui · Jun 4, 2023 · e3410c9 · e3410c9
commit e3410c9
Show file tree

Hide file tree

Showing 122 changed files with 8,534 additions and 0 deletions.
diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
@@ -0,0 +1,31 @@
+name: github pages
+
+on:
+  push:
+    branches:
+    - main
+
+jobs:
+  build-deploy:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - uses: actions/setup-node@v1
+      with:
+        node-version: 14
+        ref: main
+        submodules: true
+        fetch-depth: 0
+    - run: yarn install
+
+    - name: Build
+      env: 
+        TZ: "Asia/Tokyo"
+      run: |
+           yarn build
+
+    - name: Deploy
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./dist
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,30 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+.DS_Store
+*/.DS_Store
+*/*/.DS_Store
+*/*/*/.DS_Store
+*/*/*/*/.DS_Store
+*/*/*/*/*/.DS_Store
+*/*/*/*/*/*/.DS_Store
+*/*/*/*/*/*/*/.DS_Store
+*/*/*/*/*/*/*/*/.DS_Store
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+manga.syui.ai
diff --git a/babel.config.js b/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
diff --git a/package.json b/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "manga.syui.ai",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.6.4",
+    "hooper": "^0.3.4",
+    "vue": "^2.6.11"
+  },
+  "devDependencies": {
+    "@vue/cli-plugin-babel": "~4.3.0",
+    "@vue/cli-plugin-eslint": "~4.3.0",
+    "@vue/cli-service": "~4.3.0",
+    "babel-eslint": "^10.1.0",
+    "eslint": "^6.7.2",
+    "eslint-plugin-vue": "^6.2.2",
+    "vue-template-compiler": "^2.6.11"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "babel-eslint"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead"
+  ]
+}
diff --git a/public/404.html b/public/404.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="">
+	<head>
+		<title>card.syui.ai</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>card.syui.ai</title><link href="app.css" rel="preload" as="style"><link href="app.js" rel="preload" as="script"><link href="chunk-vendors.js" rel="preload" as="script"><link href="app.css" rel="stylesheet">
+		<meta name="twitter:card" content="summary">
+		<meta property="og:url" content="https://manga.syui.ai">
+		<meta property="og:title" content="yui">
+		<meta property="og:description" content="©syui.ai">
+		<meta property="og:image" content="https://manga.syui.ai/manga/og.png">
+	</head>
+	<body><div id="app"></div><script src="chunk-vendors.js"></script><script src="app.js"></script></body>
+</html>
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<title>card.syui.ai</title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>card.syui.ai</title><link href="app.css" rel="preload" as="style"><link href="app.js" rel="preload" as="script"><link href="chunk-vendors.js" rel="preload" as="script"><link href="app.css" rel="stylesheet">
+		<meta name="twitter:card" content="summary">
+		<meta property="og:url" content="https://manga.syui.ai">
+		<meta property="og:title" content="yui">
+		<meta property="og:description" content="©syui.ai">
+		<meta property="og:image" content="https://manga.syui.ai/manga/og.png">
+	</head>
+	<body><div id="app"></div><script src="chunk-vendors.js"></script><script src="app.js"></script></body>
+</html>
diff --git a/public/manga/0.png b/public/manga/0.png
diff --git a/public/manga/1.png b/public/manga/1.png
diff --git a/public/manga/10.png b/public/manga/10.png
diff --git a/public/manga/100.png b/public/manga/100.png
diff --git a/public/manga/101.png b/public/manga/101.png
diff --git a/public/manga/102.png b/public/manga/102.png
diff --git a/public/manga/103.png b/public/manga/103.png
diff --git a/public/manga/104.png b/public/manga/104.png
diff --git a/public/manga/105.png b/public/manga/105.png
diff --git a/public/manga/106.png b/public/manga/106.png
diff --git a/public/manga/11.png b/public/manga/11.png
diff --git a/public/manga/12.png b/public/manga/12.png
diff --git a/public/manga/13.png b/public/manga/13.png
diff --git a/public/manga/14.png b/public/manga/14.png
diff --git a/public/manga/15.png b/public/manga/15.png
diff --git a/public/manga/16.png b/public/manga/16.png
diff --git a/public/manga/17.png b/public/manga/17.png
diff --git a/public/manga/18.png b/public/manga/18.png
diff --git a/public/manga/19.png b/public/manga/19.png
diff --git a/public/manga/2.png b/public/manga/2.png
diff --git a/public/manga/20.png b/public/manga/20.png
diff --git a/public/manga/21.png b/public/manga/21.png
diff --git a/public/manga/22.png b/public/manga/22.png
diff --git a/public/manga/23.png b/public/manga/23.png
diff --git a/public/manga/24.png b/public/manga/24.png
diff --git a/public/manga/25.png b/public/manga/25.png
diff --git a/public/manga/26.png b/public/manga/26.png
diff --git a/public/manga/27.png b/public/manga/27.png
diff --git a/public/manga/28.png b/public/manga/28.png
diff --git a/public/manga/29.png b/public/manga/29.png
diff --git a/public/manga/3.png b/public/manga/3.png
diff --git a/public/manga/30.png b/public/manga/30.png
diff --git a/public/manga/31.png b/public/manga/31.png
diff --git a/public/manga/32.png b/public/manga/32.png
diff --git a/public/manga/33.png b/public/manga/33.png
diff --git a/public/manga/34.png b/public/manga/34.png
diff --git a/public/manga/35.png b/public/manga/35.png
diff --git a/public/manga/36.png b/public/manga/36.png
diff --git a/public/manga/37.png b/public/manga/37.png
diff --git a/public/manga/38.png b/public/manga/38.png
diff --git a/public/manga/39.png b/public/manga/39.png
diff --git a/public/manga/4.png b/public/manga/4.png
diff --git a/public/manga/40.png b/public/manga/40.png
diff --git a/public/manga/41.png b/public/manga/41.png
diff --git a/public/manga/42.png b/public/manga/42.png
diff --git a/public/manga/43.png b/public/manga/43.png
diff --git a/public/manga/44.png b/public/manga/44.png
diff --git a/public/manga/45.png b/public/manga/45.png
diff --git a/public/manga/46.png b/public/manga/46.png
diff --git a/public/manga/47.png b/public/manga/47.png
diff --git a/public/manga/48.png b/public/manga/48.png
diff --git a/public/manga/49.png b/public/manga/49.png
diff --git a/public/manga/5.png b/public/manga/5.png
diff --git a/public/manga/50.png b/public/manga/50.png
diff --git a/public/manga/51.png b/public/manga/51.png
diff --git a/public/manga/52.png b/public/manga/52.png
diff --git a/public/manga/53.png b/public/manga/53.png
diff --git a/public/manga/54.png b/public/manga/54.png
diff --git a/public/manga/55.png b/public/manga/55.png
diff --git a/public/manga/56.png b/public/manga/56.png
diff --git a/public/manga/57.png b/public/manga/57.png
diff --git a/public/manga/58.png b/public/manga/58.png
diff --git a/public/manga/59.png b/public/manga/59.png
diff --git a/public/manga/6.png b/public/manga/6.png
diff --git a/public/manga/60.png b/public/manga/60.png
diff --git a/public/manga/61.png b/public/manga/61.png
diff --git a/public/manga/62.png b/public/manga/62.png
diff --git a/public/manga/63.png b/public/manga/63.png
diff --git a/public/manga/64.png b/public/manga/64.png
diff --git a/public/manga/65.png b/public/manga/65.png
diff --git a/public/manga/66.png b/public/manga/66.png
diff --git a/public/manga/67.png b/public/manga/67.png
diff --git a/public/manga/68.png b/public/manga/68.png
diff --git a/public/manga/69.png b/public/manga/69.png
diff --git a/public/manga/7.png b/public/manga/7.png
diff --git a/public/manga/70.png b/public/manga/70.png
diff --git a/public/manga/71.png b/public/manga/71.png
diff --git a/public/manga/72.png b/public/manga/72.png
diff --git a/public/manga/73.png b/public/manga/73.png
diff --git a/public/manga/74.png b/public/manga/74.png
diff --git a/public/manga/75.png b/public/manga/75.png
diff --git a/public/manga/76.png b/public/manga/76.png
diff --git a/public/manga/77.png b/public/manga/77.png
diff --git a/public/manga/78.png b/public/manga/78.png
diff --git a/public/manga/79.png b/public/manga/79.png
diff --git a/public/manga/8.png b/public/manga/8.png
diff --git a/public/manga/80.png b/public/manga/80.png
diff --git a/public/manga/81.png b/public/manga/81.png
diff --git a/public/manga/82.png b/public/manga/82.png
diff --git a/public/manga/83.png b/public/manga/83.png
diff --git a/public/manga/84.png b/public/manga/84.png
diff --git a/public/manga/85.png b/public/manga/85.png
diff --git a/public/manga/86.png b/public/manga/86.png
diff --git a/public/manga/87.png b/public/manga/87.png
diff --git a/public/manga/88.png b/public/manga/88.png
diff --git a/public/manga/89.png b/public/manga/89.png
diff --git a/public/manga/9.png b/public/manga/9.png
diff --git a/public/manga/90.png b/public/manga/90.png
diff --git a/public/manga/91.png b/public/manga/91.png
diff --git a/public/manga/92.png b/public/manga/92.png
diff --git a/public/manga/93.png b/public/manga/93.png
diff --git a/public/manga/94.png b/public/manga/94.png
diff --git a/public/manga/95.png b/public/manga/95.png
diff --git a/public/manga/96.png b/public/manga/96.png
diff --git a/public/manga/97.png b/public/manga/97.png
diff --git a/public/manga/98.png b/public/manga/98.png
diff --git a/public/manga/99.png b/public/manga/99.png
diff --git a/public/manga/og.png b/public/manga/og.png
diff --git a/readme.md b/readme.md
@@ -0,0 +1,22 @@
+## Project setup
+```
+yarn install
+```
+
+### Compiles and hot-reloads for development
+```
+yarn serve
+```
+
+### Compiles and minifies for production
+```
+yarn build
+```
+
+### Lints and fixes files
+```
+yarn lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/src/App.vue b/src/App.vue
@@ -0,0 +1,73 @@
+<template>
+	<div id="app">
+		<a :href="this.url + this.s_a"><button v-on:click="page_run(s_a)">1</button></a>
+		<a :href="this.url + this.s_b"><button v-on:click="page_run(s_b)">2</button></a>
+		<a :href="this.url + this.s_c"><button v-on:click="page_run(s_c)">3</button></a>
+		<a :href="this.url + this.s_d"><button v-on:click="page_run(s_d)">4</button></a>
+		<a :href="this.url + this.s_e"><button v-on:click="page_run(s_e)">5</button></a>
+		<hooper :settings="hooperSettings">
+			<slide v-for="(n,index) of products" :key="n">
+				<img :src="'/manga/'+ (index) +'.png'" />
+				<div class="page_n">{{ n }}</div>
+			</slide>
+			<hooper-navigation slot="hooper-addons"></hooper-navigation>
+			<hooper-pagination slot="hooper-addons"></hooper-pagination>
+			<hooper-progress slot="hooper-addons"></hooper-progress>
+		</hooper>
+	</div>
+</template>
+
+<script>
+import {
+  Hooper,
+  Slide,
+  Progress as HooperProgress,
+  Pagination as HooperPagination,
+  Navigation as HooperNavigation
+} from 'hooper';
+
+import 'hooper/dist/hooper.css';
+var page = 107;
+let loc = window.location.pathname.split('/').slice(-1)[0];
+
+export default {
+  name: 'App',
+  components: {
+    Hooper,
+    Slide,
+    HooperProgress,
+    HooperPagination,
+    HooperNavigation
+  },
+  data() {
+    return {
+					url: "/",
+					s_a: 0,
+					s_b: 15,
+					s_c: 41,
+					s_d: 51,
+					s_e: 60,
+      products: [...Array(Number(page)).keys()],
+      hooperSettings: {
+							itemsToShow: 1,
+							centerMode: true,
+							initialSlide: loc,
+						}
+    };
+		},
+		methods: {
+			page_run(s) {
+				this.loc = s;
+				//this.loc = window.location.pathname.split('/').slice(0)[3];
+			}
+		}
+};
+</script>
+
+<style>
+.hooper{height:100%}button.hooper-indicator{background-color:#000}img{width:100%}.page_n{text-align:center;height:50px}.hooper-pagination{position:fixed}.hooper-next,.hooper-prev{background-color:rgba(184,207,224,.24)}
+button {
+    padding: 10px;
+    margin: 5px;
+}
+</style>
diff --git a/src/App.vue.back b/src/App.vue.back
@@ -0,0 +1,74 @@
+<template>
+	<div id="app">
+  <hooper :settings="hooperSettings">
+    <slide v-for="(n,index) of products" :key="n">
+     <img :src="'/manga/'+ (index) +'.png'" />
+     <div class="page_n">{{ n }}</div>
+    </slide>
+    <hooper-navigation slot="hooper-addons"></hooper-navigation>
+    <hooper-pagination slot="hooper-addons"></hooper-pagination>
+    <hooper-progress slot="hooper-addons"></hooper-progress>
+  </hooper>
+		<button v-on:click="page_run">1</button>
+		<button v-on:click="page_run"><a :href="this.url + this.s_b">2</a></button>
+		<button v-on:click="page_run"><a :href="this.url + this.s_c">3</a></button>
+		<button v-on:click="page_run"><a :href="this.url + this.s_d">4</a></button>
+		<button v-on:click="page_run"><a :href="this.url + this.s_e"5</a></button>
+	</div>
+</template>
+
+<script>
+import {
+  Hooper,
+  Slide,
+  Progress as HooperProgress,
+  Pagination as HooperPagination,
+  Navigation as HooperNavigation
+} from 'hooper';
+
+import 'hooper/dist/hooper.css';
+
+let page = 107;
+let loc = 0;
+
+export default {
+  name: 'App',
+  components: {
+    Hooper,
+    Slide,
+    HooperProgress,
+    HooperPagination,
+    HooperNavigation
+  },
+  data() {
+			return {
+				url: "/",
+				s_a: 0,
+				s_b: 15,
+				s_c: 41,
+				s_d: 51,
+				s_e: 60,
+				loc: loc,
+				products: [...Array(Number(page)).keys()],
+				hooperSettings: {
+					itemsToShow: 1,
+					centerMode: true,
+					initialSlide: 0,
+				}
+			};
+		},
+		methods: {
+			page_run() {
+				this.loc = window.location.pathname.split('/').slice(0)[3];
+			}
+		}
+};
+</script>
+
+<style>
+.hooper{height:100%}button.hooper-indicator{background-color:#000}img{width:100%}.page_n{text-align:center;height:50px}.hooper-pagination{position:fixed}.hooper-next,.hooper-prev{background-color:rgba(184,207,224,.24)}
+button {
+    padding: 10px;
+    margin: 5px;
+}
+</style>
diff --git a/src/main.js b/src/main.js
@@ -0,0 +1,10 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+new Vue({
+  render: h => h(App)
+}).$mount('#app')
+
+
diff --git a/vue.config.js b/vue.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+  configureWebpack: {
+    output: {
+      filename: '[name].js',
+      chunkFilename: '[name].js'
+    }
+  },
+  css: {
+    extract: {
+      filename: '[name].css',
+      chunkFilename: '[name].css'
+    },
+  },
+}