add img

.github/workflows/gh-pages.yml

@@ -23,8 +23,9 @@ jobs:
     - run: |
            yarn install
            rm -rf public
-           git clone https://${GITEA_TOKEN}@git.syui.ai/ai/card-public public
-           rm -rf public/.git
+           git clone https://${GITEA_TOKEN}@git.syui.ai/ai/card_public public
+           rm -rf public/.git*
+           rm -rf public/static
 
     - name: Build
       env: 

.gitmodules

@@ -1,3 +1,3 @@
 [submodule "public"]
 	path = public
-	url = git@git.syui.ai:ai/card-public
+	url = git@git.syui.ai:ai/card_public

readme.md

@@ -7,3 +7,4 @@ $ nvm use 16
 $ yarn install
 $ yarn dev
 ```
+

scpt/card_number_push.zsh

@@ -1,16 +0,0 @@
-#!/bin/zsh
-d=${0:a:h}
-dd=${0:a:h:h}
-
-url=https://syui.ai/img
-
-json=$dd/public/json/card.json
-n=`cat $json|jq "length"`
-n=`expr $n - 1`
-
-for ((i=0;i<=14;i++))
-do
-	sid=`cat $json|jq -r ".[$i].src"`
-	id=`cat $json|jq -r ".[$i].id"`
-	curl -sL $url/${sid}.png -o ~/ai/yui/content/img/${id}.png
-done

scpt/convert.zsh

@@ -2,6 +2,9 @@
 d=${0:a:h}
 dd=${0:a:h:h}
 
+echo "1 : [d]efault(no), [b]lack, [s]ilver"
+read
+
 url=syui.ai/img
 
 case $OSTYPE in
@@ -12,14 +15,27 @@ case $OSTYPE in
 esac
 
 dir=$dd/public/card
-static=$dd/static/img
+static=$dd/public/static/img
 json=$dd/public/json/card.json
 mkdir -p $dir
 mkdir -p $static
 n=`cat $json|jq "length"`
 n=`expr $n - 1`
-bg=$static/card_bg.png
-br=$static/card_br.png
+
+case $1 in
+	silver|s)
+		bg=$static/card_bg_silver.png
+		br=$static/card_br.png
+		;;
+	black|b)
+		bg=$static/card_bg_black.png
+		br=$static/card_br.png
+		;;
+	default|d|*)
+		bg=$static/card_bg.png
+		br=$static/card_br.png
+		;;
+esac
 
 cd $dir
 export NVM_DIR="$HOME/.nvm"
@@ -34,7 +50,6 @@ do
 	s=$static/${sid}.png
 	id=`cat $json|jq -r ".[$i].id"`
 	o=$dir/card_$id.png
-	gif=$dir/card_$id.gif
 
 	if [ -f $o ];then
 		continue

scpt/convert_origin.zsh

@@ -1,53 +0,0 @@
-#!/bin/zsh
-d=${0:a:h}
-dd=${0:a:h:h}
-
-url=syui.ai/img
-
-case $OSTYPE in
-	darwin*)
-		path_nvm_sh="/opt/homebrew/opt/nvm/nvm.sh";;
-	linux*)
-		path_nvm_sh="";;
-esac
-
-dir=$dd/public/card
-static=$dd/static/img
-json=$dd/public/json/card.json
-mkdir -p $dir
-mkdir -p $static
-n=`cat $json|jq "length"`
-n=`expr $n - 1`
-bg=$static/card_bg_origin.png
-br=$static/card_br.png
-
-cd $dir
-export NVM_DIR="$HOME/.nvm"
-[ -s "$path_nvm_sh" ] && \. "$path_nvm_sh"
-nvm use 17
-nvm i squoosh-cli
-
-for ((i=0;i<=$n;i++))
-do
-	p=`cat $json|jq -r ".[$i].p"`
-	sid=`cat $json|jq -r ".[$i].src"`
-	s=$static/${sid}.png
-	id=`cat $json|jq -r ".[$i].id"`
-	o=$dir/card_origin_${id}.png
-
-	if [ -f $o ];then
-		continue
-	fi
-
-	if [ ! -f $s ];then
-		curl -sL $url/yui_${sid}.png -o $s
-	fi
-
-	if [ ! -f $o ] && [ -z "`echo $s|grep ai_model`" ];then
-		composite -gravity north  -geometry +0+160 -compose over $s $bg $o.back
-		composite -gravity north  -geometry +0+0 -compose over $br $o.back $o
-		squoosh-cli --webp '{"quality":100}' -d ./ --resize '{width:825,height:1080}' $o
-		rm $o.back
-	fi
-
-done

scpt/convert_origin2.zsh

@@ -1,53 +0,0 @@
-#!/bin/zsh
-d=${0:a:h}
-dd=${0:a:h:h}
-
-url=syui.ai/img
-
-case $OSTYPE in
-	darwin*)
-		path_nvm_sh="/opt/homebrew/opt/nvm/nvm.sh";;
-	linux*)
-		path_nvm_sh="";;
-esac
-
-dir=$dd/public/card
-static=$dd/static/img
-json=$dd/public/json/card.json
-mkdir -p $dir
-mkdir -p $static
-n=`cat $json|jq "length"`
-n=`expr $n - 1`
-bg=$static/card_bg_origin2.png
-br=$static/card_br.png
-
-cd $dir
-export NVM_DIR="$HOME/.nvm"
-[ -s "$path_nvm_sh" ] && \. "$path_nvm_sh"
-nvm use 17
-nvm i squoosh-cli
-
-for ((i=0;i<=$n;i++))
-do
-	p=`cat $json|jq -r ".[$i].p"`
-	sid=`cat $json|jq -r ".[$i].src"`
-	s=$static/${sid}.png
-	id=`cat $json|jq -r ".[$i].id"`
-	o=$dir/card_origin2_${id}.png
-
-	if [ -f $o ];then
-		continue
-	fi
-
-	if [ ! -f $s ];then
-		curl -sL $url/yui_${sid}.png -o $s
-	fi
-
-	if [ ! -f $o ] && [ -z "`echo $s|grep ai_model`" ];then
-		composite -gravity north  -geometry +0+160 -compose over $s $bg $o.back
-		composite -gravity north  -geometry +0+0 -compose over $br $o.back $o
-		squoosh-cli --webp '{"quality":100}' -d ./ --resize '{width:825,height:1080}' $o
-		rm $o.back
-	fi
-
-done

scpt/convert_s.zsh

@@ -1,55 +0,0 @@
-#!/bin/zsh
-d=${0:a:h}
-dd=${0:a:h:h}
-
-url=syui.ai/img
-
-case $OSTYPE in
-	darwin*)
-		path_nvm_sh="/opt/homebrew/opt/nvm/nvm.sh";;
-	linux*)
-		path_nvm_sh="";;
-esac
-
-dir=$dd/public/card
-static=$dd/static/img
-json=$dd/public/json/card.json
-mkdir -p $dir
-mkdir -p $static
-n=`cat $json|jq "length"`
-n=`expr $n - 1`
-bg=$static/card_bg_s.png
-br=$static/card_bg_sr.png
-for ((i=0;i<=$n;i++))
-do
-	p=`cat $json|jq -r ".[$i].p"`
-	sid=`cat $json|jq -r ".[$i].src"`
-	s=$static/${sid}.png
-	id=`cat $json|jq -r ".[$i].id"`
-	o=$dir/test_${id}s.png
-
-	if [ -f $o ];then
-		continue
-	fi
-
-	if [ ! -f $s ];then
-		curl -sL $url/yui_${sid}.png -o $s
-	fi
-
-	#if [ ! -f $o ];then
-		composite -gravity north  -geometry +0+160 -compose over $s $bg $o.back
-		composite -gravity north  -geometry +0+0 -compose over $br $o.back $o
-		rm $o.back
-	#fi
-
-done
-
-cd $dir
-export NVM_DIR="$HOME/.nvm"
-[ -s "$path_nvm_sh" ] && \. "$path_nvm_sh"
-nvm use 17
-nvm i squoosh-cli
-#rm og_*
-squoosh-cli --webp '{"quality":100}' -d ./ --resize '{width:825,height:1080}' *.png
-
-#mogrify -resize 1620x2160! *.png 

scpt/gif.zsh

@@ -1,59 +0,0 @@
-#!/bin/zsh
-d=${0:a:h}
-dd=${0:a:h:h}
-
-url=syui.ai/img
-
-case $OSTYPE in
-	darwin*)
-		path_nvm_sh="/opt/homebrew/opt/nvm/nvm.sh";;
-	linux*)
-		path_nvm_sh="";;
-esac
-
-dir=$dd/public/card
-static=$dd/static/img
-json=$dd/public/json/card.json
-mkdir -p $dir
-mkdir -p $static
-n=`cat $json|jq "length"`
-n=`expr $n - 1`
-bg=$static/card_bg.png
-br=$static/card_br.png
-
-for ((i=0;i<=$n;i++))
-do
-	p=`cat $json|jq -r ".[$i].p"`
-	sid=`cat $json|jq -r ".[$i].src"`
-	s=$static/${sid}.png
-	id=`cat $json|jq -r ".[$i].id"`
-	gif=$dir/card_$id.gif
-
-	if [ -f $gif ];then
-		continue
-	fi
-
-	nn=`ls $static/card_bgg_*.png|wc -l`
-	nn=$((nn - 1))
-
-	for ((ii=0;ii<=$nn;ii++))
-	do
-		title=$dir/null
-		o=${title}_${ii}.png
-		br=$static/card_bgg_${ii}.png
-		composite -gravity north  -geometry +0+160 -compose over $s $bg $o.back
-		composite -gravity north  -geometry +0+0 -compose over $br $o.back $o
-		rm $o.back
-
-		export NVM_DIR="$HOME/.nvm"
-		[ -s "$path_nvm_sh" ] && \. "$path_nvm_sh"
-		nvm use 17
-		nvm i squoosh-cli
-		squoosh-cli --webp '{"quality":100}' -d $dir --resize '{width:400,height:524}' $o
-
-	done
-
-	convert -layers optimize -loop 0 -delay 40 $dir/null_*.webp $gif
-	rm -f $dir/null_*
-
-done

scpt/gif_first.zsh

@@ -1,59 +0,0 @@
-#!/bin/zsh
-d=${0:a:h}
-dd=${0:a:h:h}
-
-url=syui.ai/img
-
-case $OSTYPE in
-	darwin*)
-		path_nvm_sh="/opt/homebrew/opt/nvm/nvm.sh";;
-	linux*)
-		path_nvm_sh="";;
-esac
-
-dir=$dd/public/card
-static=$dd/static/img
-json=$dd/public/json/card.json
-mkdir -p $dir
-mkdir -p $static
-n=`cat $json|jq "length"`
-n=`expr $n - 1`
-bg=$static/card_bg.png
-br=$static/card_br.png
-
-for ((i=0;i<=$n;i++))
-do
-	p=`cat $json|jq -r ".[$i].p"`
-	sid=`cat $json|jq -r ".[$i].src"`
-	s=$static/${sid}.png
-	id=`cat $json|jq -r ".[$i].id"`
-	gif=$dir/card_first_$id.gif
-
-	if [ -f $gif ];then
-		continue
-	fi
-
-	nn=`ls $static/card_bgg_first_*.png|wc -l`
-	nn=$((nn - 1))
-
-	for ((ii=0;ii<=$nn;ii++))
-	do
-		title=$dir/null
-		o=${title}_first_${ii}.png
-		br=$static/card_bgg_first_${ii}.png
-		composite -gravity north  -geometry +0+160 -compose over $s $bg $o.back
-		composite -gravity north  -geometry +0+0 -compose over $br $o.back $o
-		rm $o.back
-
-		export NVM_DIR="$HOME/.nvm"
-		[ -s "$path_nvm_sh" ] && \. "$path_nvm_sh"
-		nvm use 17
-		nvm i squoosh-cli
-		squoosh-cli --webp '{"quality":100}' -d $dir --resize '{width:400,height:524}' $o
-
-	done
-
-	convert -layers optimize -loop 0 -delay 40 $dir/null_*.webp $gif
-	rm -f $dir/null_*
-
-done

scpt/model_gif.zsh

@@ -1,38 +0,0 @@
-#!/bin/zsh
-inp=mp4
-for i in *.${inp}
-do
-	ffmpeg -i *.${inp} -r 8 %04d.png
-done
-
-inp=png
-out=jpg
-for i in *.${inp}
-do
-convert ${i%.*}.${inp} -gravity center -crop 825x1080+0+0 ${i%.*}_crop.${inp}
-convert ${i%.*}_crop.${inp} -resize 1620x2160! ${i%.*}.${out}
-done
-
-nn=`ls *.jpg|wc -l`
-static=~/ai/card/static/img
-bg=$static/card_bg.png
-br=$static/card_br.png
-for ((ii=1;ii<=$nn;ii++))
-	do
-		s=`ls *.jpg|awk "NR==$ii"`
-		o=null_${ii}.png
-		echo $o
-		if [ -f $b ];then
-			echo yes
-			else
-				echo no
-		fi
-		composite -gravity north  -geometry +0+160 -compose over $s $bg $o.back
-		composite -gravity north  -geometry +0+0 -compose over $br $o.back $o
-		rm $o.back
-done
-
-gif=`ls *.mp4|cut -d . -f 1`.gif
-convert -layers optimize -loop 0 -delay 40 null_*.png $gif
-rm *.jpg
-rm *.png

scpt/ogimage.zsh

@@ -4,8 +4,8 @@ url=https://card.syui.ai
 d=${0:a:h}
 dd=${0:a:h:h}
 dir=$dd/public/card
-o_dir=$dd/static/img
-static=$dd/static/img
+o_dir=$dd/public/static/img
+static=$dd/public/static/img
 json=$dd/public/json/card.json
 mkdir -p $dir
 mkdir -p $static
@@ -25,7 +25,8 @@ do
 	index=$o_dir/$id/index.html
 
 	if [ ! -f $oo ];then
-		convert $o -gravity center -extent 8000x4000 $oo
+		echo $oo
+		magick convert $o -gravity center -extent 8000x4000 $oo
 	fi
 
 #	mkdir -p $o_dir/$id

static/img/ai_model_card_attack.png

@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
-    <title>Page not found &middot; 404 Page not found</title>
-    <style type="text/css" media="screen">
-      body {
-        background-color: #f1f1f1;
-        margin: 0;
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-      }
-
-      .container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
-
-      a { color: #990000; text-decoration: none;}
-
-      a:hover { color: #4183c4;}
-
-      h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
-      p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
-
-      ul { list-style: none; margin: 25px 0; padding: 0; }
-      li { display: table-cell; font-weight: bold; width: 1%; }
-
-      .logo { display: inline-block; margin-top: 35px; }
-      .logo-img-2x { display: none; }
-      @media
-      only screen and (-webkit-min-device-pixel-ratio: 2),
-      only screen and (   min--moz-device-pixel-ratio: 2),
-      only screen and (     -o-min-device-pixel-ratio: 2/1),
-      only screen and (        min-device-pixel-ratio: 2),
-      only screen and (                min-resolution: 192dpi),
-      only screen and (                min-resolution: 2dppx) {
-        .logo-img-1x { display: none; }
-        .logo-img-2x { display: inline-block; }
-      }
-
-      #suggestions {
-        margin: 35px;
-        color: #ccc;
-      }
-
-span.icon-phoenix-world{
-    font-size: 50px;
-}
-
-    </style>
-    <link rel="stylesheet" href="/bower_components/icomoon/css/icomoon.css" />
-  </head>
-  <body>
-
-    <div class="container">
-
-      <h1>404</h1>
-
-      <div id="suggestions">
-
-      </div>
-
-      <a href="/">
-	      <span class="icon-phoenix-world"></span>
-      </a>
-
-    </div>
-  </body>
-</html>
-

static/img/ai_model_card_limit.png

@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
-    <title>Page not found &middot; 404 Page not found</title>
-    <style type="text/css" media="screen">
-      body {
-        background-color: #f1f1f1;
-        margin: 0;
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-      }
-
-      .container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
-
-      a { color: #990000; text-decoration: none;}
-
-      a:hover { color: #4183c4;}
-
-      h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
-      p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
-
-      ul { list-style: none; margin: 25px 0; padding: 0; }
-      li { display: table-cell; font-weight: bold; width: 1%; }
-
-      .logo { display: inline-block; margin-top: 35px; }
-      .logo-img-2x { display: none; }
-      @media
-      only screen and (-webkit-min-device-pixel-ratio: 2),
-      only screen and (   min--moz-device-pixel-ratio: 2),
-      only screen and (     -o-min-device-pixel-ratio: 2/1),
-      only screen and (        min-device-pixel-ratio: 2),
-      only screen and (                min-resolution: 192dpi),
-      only screen and (                min-resolution: 2dppx) {
-        .logo-img-1x { display: none; }
-        .logo-img-2x { display: inline-block; }
-      }
-
-      #suggestions {
-        margin: 35px;
-        color: #ccc;
-      }
-
-span.icon-phoenix-world{
-    font-size: 50px;
-}
-
-    </style>
-    <link rel="stylesheet" href="/bower_components/icomoon/css/icomoon.css" />
-  </head>
-  <body>
-
-    <div class="container">
-
-      <h1>404</h1>
-
-      <div id="suggestions">
-
-      </div>
-
-      <a href="/">
-	      <span class="icon-phoenix-world"></span>
-      </a>
-
-    </div>
-  </body>
-</html>
-

static/img/ai_model_card_mode.png

@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
-    <title>Page not found &middot; 404 Page not found</title>
-    <style type="text/css" media="screen">
-      body {
-        background-color: #f1f1f1;
-        margin: 0;
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-      }
-
-      .container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
-
-      a { color: #990000; text-decoration: none;}
-
-      a:hover { color: #4183c4;}
-
-      h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
-      p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
-
-      ul { list-style: none; margin: 25px 0; padding: 0; }
-      li { display: table-cell; font-weight: bold; width: 1%; }
-
-      .logo { display: inline-block; margin-top: 35px; }
-      .logo-img-2x { display: none; }
-      @media
-      only screen and (-webkit-min-device-pixel-ratio: 2),
-      only screen and (   min--moz-device-pixel-ratio: 2),
-      only screen and (     -o-min-device-pixel-ratio: 2/1),
-      only screen and (        min-device-pixel-ratio: 2),
-      only screen and (                min-resolution: 192dpi),
-      only screen and (                min-resolution: 2dppx) {
-        .logo-img-1x { display: none; }
-        .logo-img-2x { display: inline-block; }
-      }
-
-      #suggestions {
-        margin: 35px;
-        color: #ccc;
-      }
-
-span.icon-phoenix-world{
-    font-size: 50px;
-}
-
-    </style>
-    <link rel="stylesheet" href="/bower_components/icomoon/css/icomoon.css" />
-  </head>
-  <body>
-
-    <div class="container">
-
-      <h1>404</h1>
-
-      <div id="suggestions">
-
-      </div>
-
-      <a href="/">
-	      <span class="icon-phoenix-world"></span>
-      </a>
-
-    </div>
-  </body>
-</html>
-

static/img/ai_model_card_skill.png

@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
-    <title>Page not found &middot; 404 Page not found</title>
-    <style type="text/css" media="screen">
-      body {
-        background-color: #f1f1f1;
-        margin: 0;
-        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-      }
-
-      .container { margin: 50px auto 40px auto; width: 600px; text-align: center; }
-
-      a { color: #990000; text-decoration: none;}
-
-      a:hover { color: #4183c4;}
-
-      h1 { width: 800px; position:relative; left: -100px; letter-spacing: -1px; line-height: 60px; font-size: 60px; font-weight: 100; margin: 0px 0 50px 0; text-shadow: 0 1px 0 #fff; }
-      p { color: rgba(0, 0, 0, 0.5); margin: 20px 0; line-height: 1.6; }
-
-      ul { list-style: none; margin: 25px 0; padding: 0; }
-      li { display: table-cell; font-weight: bold; width: 1%; }
-
-      .logo { display: inline-block; margin-top: 35px; }
-      .logo-img-2x { display: none; }
-      @media
-      only screen and (-webkit-min-device-pixel-ratio: 2),
-      only screen and (   min--moz-device-pixel-ratio: 2),
-      only screen and (     -o-min-device-pixel-ratio: 2/1),
-      only screen and (        min-device-pixel-ratio: 2),
-      only screen and (                min-resolution: 192dpi),
-      only screen and (                min-resolution: 2dppx) {
-        .logo-img-1x { display: none; }
-        .logo-img-2x { display: inline-block; }
-      }
-
-      #suggestions {
-        margin: 35px;
-        color: #ccc;
-      }
-
-span.icon-phoenix-world{
-    font-size: 50px;
-}
-
-    </style>
-    <link rel="stylesheet" href="/bower_components/icomoon/css/icomoon.css" />
-  </head>
-  <body>
-
-    <div class="container">
-
-      <h1>404</h1>
-
-      <div id="suggestions">
-
-      </div>
-
-      <a href="/">
-	      <span class="icon-phoenix-world"></span>
-      </a>
-
-    </div>
-  </body>
-</html>
-