diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..6e1d1e0 --- /dev/null +++ b/.htaccess @@ -0,0 +1,14 @@ +ErrorDocument 404 /404.html +ErrorDocument 403 /403.html +ErrorDocument 500 /500.html +RewriteEngine on +RewriteCond %{HTTPS} off +RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] + +RewriteCond %{REQUEST_FILENAME} !-d +RewriteCond %{REQUEST_FILENAME}\.html -f +RewriteRule ^(.*)$ $1.html + +RewriteCond %{REQUEST_FILENAME} !-d +RewriteCond %{REQUEST_FILENAME}\.php -f +RewriteRule ^(.*)$ $1.php \ No newline at end of file diff --git a/403.html b/403.html new file mode 100644 index 0000000..da92340 --- /dev/null +++ b/403.html @@ -0,0 +1,59 @@ + + + + + + 403 Forbidden | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+

403 Forbidden

+

おっと。この世界の果てに到着したようです。アクセス制限がかけられていませんか？この世がリセットされるまで待ってみてはどうでしょうか？

+

+
+
+ + + + + + + + + \ No newline at end of file diff --git a/404.html b/404.html new file mode 100644 index 0000000..000e9ed --- /dev/null +++ b/404.html @@ -0,0 +1,59 @@ + + + + + + 404 NotFound | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

404 Not Found

+

おっと。この世界の果てに到着したようです。ここにはお探しのものはありません、この世がリセットされるまで待ってみてはどうでしょうか？

+
+

+
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/500.html b/500.html new file mode 100644 index 0000000..f31151e --- /dev/null +++ b/500.html @@ -0,0 +1,59 @@ + + + + + + 500 ERROR | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+
+

500 ERROR

+

おっと。この世界は消滅してしまったみたいですね。今なおしてあげます。

+

+
+
+ + + + + + + + + \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..3e1d41a --- /dev/null +++ b/README.md @@ -0,0 +1,157 @@ +# vcborn + + + +## ファイル概要 + +### html + +```plain +index.html - トップページ +news.html - ニュース一覧ページ +creators.html - 所属クリエイター一覧 +join.html - 参加応募ページ +contact.html - お問い合わせページ +presskit.html - プレスキットページ +tos.html - 利用規約ページ +privacypolicy.html - プライバシーポリシーページ +sitepolicy.html - サイトポリシーページ +services - vclinux - index.html - VCLinuxの紹介トップページ +services - monot - index.html - Monotの紹介トップページ +template.html - head,header,footerが設定してあるページ +article - template.html - お知らせ等の記事を書く際に元になるテンプレートページ。書いた記事はこのフォルダに入れていく予定 +kikagaku.html - ニュース一覧ページなどのh2部分の動く幾何学模様のデモ用ファイル。本番環境で使ってはいない +maintenance.html - メンテナンス時用のページ +templates - HTMLメールのテンプレート（client: 送信者, host: 管理者） +``` + +### css + +```plain +scss - style.scss - すべてのページのscssが書いてあるファイル。cssをいじるときはこのファイルをいじる +css - style.css - scssのコンパイル後のファイル。このファイルが適用されている +css - responsive.css - レスポンシブ用のCSSファイル。基本全部のレスポンシブ用のが書かれている +``` + +### 画像系 + +```plain +images - サイトで使うアイコンやロゴなどが入ってる +news-img - ニュース記事で使うサムネなどの画像が入ってる +icons - クリエイター一覧ページで使用するみんなのアイコンが入る予定 +``` + +### javascript + +```plain +js - script.js - すべてのファイルに適用されているjsファイル。jsをいじるときはこのファイルを +include.js - すべてのページのhead,header,footerの共通化のためのファイル。ルート相対パス、又は絶対パスを使用 +``` + +## 実装すること + +### トップページのスライドショー作成[済] + +- #hero-header に実装する +- ul と li が一応入っているが要らなければ消しても OK +- サイズは 100%/70vh にしてあるが変更しても OK +- scss の 156 行目付近に関連 css あり + +### article 用のページに目次を自動作成する[済] + +- article の template.html にある id="contents-table"内に作成する +- h3~h5 までの要素を取得して inndrHTML とかかな？ +- scss の 584 行目付近に関連 css あり + +### 参加応募、お問い合わせページ作成[js 以外完成] + +- join.html に参加応募フォームを、contact.html にお問い合わせフォーム作成 +- php を使用する +- scss の 625 行目付近に関連 css あり +- 応募フォームの情報の送信先は DiscordBot に送る +- お問い合わせテストというディレクトリ内に現在お問い合わせ内容のみ送信できる要になっているものがありますので参考にしてください。 +- join のなかの js をちゃんと作る(エラーメッセージ等) + +### 所属クリエイターページ画像等挿入[済] + +- creators.html を編集 +- アイコン画像は icons フォルダに入れる + +### レスポンシブ[済] + +- 現状存在するページに関しては100%完成です。（見落としあるかも） +- レスポンシブ用の 1 ファイルだけで 300 行超えてるのは、、、ということで style.scss をだいたい読んでセレクタがどうなってるのかメモ書いて、200 行前半くらいまで行数を減らします。 +- レスポンシブへの対応は Sorakime がやっているのでなにかあれば聞いてください。たぶん毎日 Discord は読んでるから基本的にはメンションとかしなくても返信はします +- 最近できたページについては基本 wamo がやっています。 + +### 広告 + +- A8.net と GoogleAdSense を使用したいと思うので広告スペース等の実装をお願いしたいです。 +- サイトの最後などにちょこっと表示などで大丈夫です(ウザがられるとよくないので) +- ここで得た収入は来年のドメイン更新代に充てられます +- ここのご不明な点があれば pnuts に質問してください + +※scss の位置はコードが追加・削除されるたびに変わるので参考程度に + +## css に関して + +- 基本的に使うカラーは scss で変数にしてあるのでそれを使用してください +- main の横幅は基本的に 1000px で、artcle は 900px になっています +- 基本的にページごとに css が当てられています。html の main に id が設定してあります +- scss で使用されている url 等は絶対パスかルート相対パスです +- クリエイター一覧ページのリンクの前にはアイコンが入るような設定しなっています。アイコンの追加が必要な場合は scss の 527 行目付近にあります + +他に不明な点があれば PocoPota に質問してください + +# member.vcborn + +不明点は wamo に聞いてください。 +エラーなどあれば Trello に追加しておいてもらえると助かります。 + +## ファイル + +```plain +login +├── index.html - メインページ（ログイン時表示） +├── login.html - ログインページ +├── profile.html - プロフィールページ +├── signup.html - アカウント登録ページ +└── groupkiyaku.pdf - グループ内規約（Discord #グループ内規約案とか 参照） +``` + +## 使用ライブラリ + +- Sweetalert2 +- Firebase SDK v9 +- tsParticles + +## 注意点 + +- localhost での認証はセキュリティ向上のため無効化してあります +- scss を変更したくなかったのでインライン CSS です +- 重要なデータは Firestore に保存してあります。必要があれば vcborn の Google アカウントで Firebase コンソールを開いてください + +## 管理者・開発者向け + +- expiredAtは基本2週間後に設定してあります +- もし招待コードを無効にする場合は、該当のドキュメントを削除するか、```expired:true```を追加してください + +# monot-main + +VCLinuxに搭載するブラウザ + +## ファイル + +```plain +monot-main +├── src - Electron用のhtmlやcss等々 +├── main.js - 基本ウィンドウ +├── package-lock.json - node.jsのパッケージ +├── package.json - node.jsのパッケージ +└── README.md - github用 +``` + +## 概要 + +VCLinuxではMonotを採用することになりました。 +electronなのですこしWebとは違うかもしれませんが、 diff --git a/about.txt b/about.txt new file mode 100644 index 0000000..050e558 --- /dev/null +++ b/about.txt @@ -0,0 +1,74 @@ +【ファイル概要】 +●html +index.html - トップページ +news.html - ニュース一覧ページ +creators - 所属クリエイター一覧 +join.html - 参加応募ページ +contact.html - お問い合わせページ +tos.html - 利用規約ページ +privacypolicy.html - プライバシーポリシーページ +sitepolicy.html - サイトポリシーページ +services - VCLinux - index.html - VCLinuxの紹介トップページ +services - VCLight - index.html - VCLightの紹介トップページ +template.html - head,header,footerが設定してあるページ +article - template.html - お知らせ等の記事を書く際に元になるテンプレートページ。書いた記事はこのフォルダに入れていく予定 +kikagaku.html - ニュース一覧ページなどのh2部分の動く幾何学模様のデモ用ファイル。本番環境で使ってはいない + +●css +scss - style.scss - すべてのページのscssが書いてあるファイル。cssをいじるときはこのファイルをいじる +css - style.css - scssのコンパイル後のファイル。このファイルが適用されている +css - responsive.css - レスポンシブ用のCSSファイル。基本全部のレスポンシブ用のが書かれている + +●画像系 +images - サイトで使うアイコンやロゴなどが入ってる +news-img - ニュース記事で使うサムネなどの画像が入ってる +icons - クリエイター一覧ページで使用するみんなのアイコンが入る予定 + +●javascript +js - script.js - すべてのファイルに適用されているjsファイル。jsをいじるときはこのファイルを +include.js - すべてのページのhead,header,footerの共通化のためのファイル。ルート相対パス、又は絶対パスを使用 + +【実装すること】 +●トップページのスライドショー作成[済] +・#hero-headerに実装する +・ulとliが一応入っているが要らなければ消してもOK +・サイズは100%/70vhにしてあるが変更してもOK +・scssの156行目付近に関連cssあり + +●article用のページに目次を自動作成する[済] +・articleのtemplate.htmlにあるid="contents-table"内に作成する +・h3~h5までの要素を取得してinndrHTMLとかかな？ +・scssの584行目付近に関連cssあり + +●参加応募、お問い合わせページ作成[js以外完成] +・join.htmlに参加応募フォームを、contact.htmlにお問い合わせフォーム作成 +・phpを使用する +・scssの625行目付近に関連cssあり +・応募フォームの情報の送信先はDiscordBotに送る +・お問い合わせテストというディレクトリ内に現在お問い合わせ内容のみ送信できる要になっているものがありますので参考にしてください。 +・joinのなかのjsをちゃんと作る(エラーメッセージ等) + +●所属クリエイターページ画像等挿入[済] +・creators.htmlを編集 +・アイコン画像はiconsフォルダに入れる + +●レスポンシブ[ほぼ完璧] +・現状存在するページに関してはほぼ100%完成です。 +・レスポンシブへの対応はすべてSorakimeがやっているのでなにかあれば聞いてください。 + +●広告 +・A8.netとGoogleAdSense(申請が通ったら)を使用したいと思うので広告スペース等の実装をお願いしたいです。 +・サイトの最後などにちょこっと表示などで大丈夫です(ウザがられるとよくないので) +・ここで得た収入は来年のドメイン更新代に充てられます +・ここのご不明な点があればpnutsに質問してください + +※scssの位置はコードが追加・削除されるたびに変わるので参考程度に + +【cssに関して】 +・基本的に使うカラーはscssで変数にしてあるのでそれを使用してください +・mainの横幅は基本的に1000pxで、artcleは900pxになっています +・基本的にページごとにcssが当てられています。htmlのmainにidが設定してあります +・scssで使用されているurl等は絶対パスかルート相対パスです +・クリエイター一覧ページのリンクの前にはアイコンが入るような設定しなっています。アイコンの追加が必要な場合はscssの527行目付近にあります + +他に不明な点があればPocoPotaに質問してください \ No newline at end of file diff --git a/article/aquahall-bye.html b/article/aquahall-bye.html new file mode 100644 index 0000000..d211cf4 --- /dev/null +++ b/article/aquahall-bye.html @@ -0,0 +1,103 @@ + + + + + AQUAHALL今までありがとう | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ AQUAHALL今までありがとう + + + 2021/10/16 + +

+
+
+ + + + +

AQUAHALLについて

+

+ 多分7/20ごろに入ったメンバーで、当時積極的に発言等をしていたためSU(VCbornでの管理者)にされた +

+

+ そこからVCbornのアイコンなどを作ったりデザイン科や効果音作成などの効果音作成科で働いていた +

+

MisskeyというサービスをVCbornに勧めそれの管理等をしていた。

+

脱退理由

+

個人作業に注力するためと本人は言っています

+

まとめ？

+

+ AQUAHALL + さんはVCbornを大きく変えてくれました。今回はそんなAQUAHALLさんについて最後に書いていこうという感じです！ +

+

今までありがとう！AQUAHALL！

+
+
+ + + + + + + + + + diff --git a/article/miskkeyhenkou.html b/article/miskkeyhenkou.html new file mode 100644 index 0000000..b7589dd --- /dev/null +++ b/article/miskkeyhenkou.html @@ -0,0 +1,138 @@ + + + + + 公式Misskeyのインスタンス変更について | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ 公式Misskeyのインスタンス変更について + + + 2021/10/03 + +

+
+
+ + + + +

公式Misskeyのインスタンス変更について

+

ども、公式Misskeyアカウント担当のAQUAHALLです。

+

今回は、タイトル通りです。

+

+ 以前の公式Misskeyアカウントインスタンス、Misskey.devが突然サーバーエラーでアクセスが不可能になりました。 +

+

+ 詳しく検索した結果「サーバーデータベースの破損」でした、復旧は不可能と言われました。（現時点で2021/04のバックアップが復元可能とのこと） +

+

+ ですが、焦りに焦ったため + honi.club + へ変更。 +

+

今回の事案で消滅（？）したインスタンスは以下の通りです

+ +

+ これらに共通して言えることは「村上さん」運営のインスタンスであることです。村上さんって誰？って人は調べてください。 +

+

+ honi.clubになって変わったことは、V11かV12かの違いです。　簡単に言いますと旧UIのTwitterと現UIのTwitterに代わるみたいなもんです。 +

+

+ 現在会員さんでMisskeyアカウントを作ってくれていた人がいたそうですが、残念ながらそちらもです。 +

+

もっと書きたいですが、これで...んじゃ!!

+
+ + 今回できたhoni.clubのアカウント + +
+

+ by + AQUAHALL +

+ +

追記

+

+ 10月10日現在、復旧しておりますが告知どおり最終バックアップである「4月」のものが復元されました。そのため、現行所属のインスタンスの使用を継続いたします。 +

+

+ この記事を見てMisskeyに入ってみたい!!って人がいましたら + + Misskeyをはじめようのインスタンス一覧 + + を見て参考にしていただけると幸いです。 +

+
+
+ + + + + + + + + + diff --git a/article/opened-blog.html b/article/opened-blog.html new file mode 100644 index 0000000..10842d2 --- /dev/null +++ b/article/opened-blog.html @@ -0,0 +1,88 @@ + + + + + ブログを開設しました！ | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ ブログを開設しました！ + + + 2021/11/14 + +

+
+
+ + + + +

VCborn Blogを開設しました！

+

ついにVCbornのブログを開設しました。VCbornのメンバーがちょこっとしたことを書いていきます。
更新は不定期です。

+

リンク

+ https://blog.vcborn.com +
+
+ + + + + + + + + + diff --git a/article/template.html b/article/template.html new file mode 100644 index 0000000..2fbfca0 --- /dev/null +++ b/article/template.html @@ -0,0 +1,91 @@ + + + + + 記事のタイトル | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+

+ タイトル + + + 2021/08/08 + +

+
+
+ + + + +
    +

    h3の見出しです

    +

    h4の見出しです

    +
    h5の見出しです
    +

    p本文になる文字

    +

    テスト

    +
    テスト2
    +
    +
    + + + + + + + + + + diff --git a/article/twittershadoban.html b/article/twittershadoban.html new file mode 100644 index 0000000..f19baba --- /dev/null +++ b/article/twittershadoban.html @@ -0,0 +1,108 @@ + + + + + Twitterのシャドウバンについて | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + Twitterのシャドウバンについて + + + 2021/08/26 + +

    +
    +
    + + + + +

    Twitterのシャドウバンについて

    +

    + えーっとなんか今日Twitterみたら + VCborn公式アカウント + がシャドウバン食らってました。 +

    +

    + 一応これから対応していきたいと思います、、、一応無実です(※原因予想: + 大量のログイン,ログアウトの繰り返し) +

    +

    + 一応しばらくはTwitterの更新等が出来なかったりする可能性がございますので、何かございましたら + お問い合わせ + までお越しくださいませm(__)m +

    +

    まとめ

    +

    なんかアカウント死んだ。

    +

    この記事書くのくそめんどくさい。

    +

    以上です！！一応現状報告でしたー

    +

    追記

    +

    現在(2021/08/28)シャドウバンは解除されています。

    +
    +
    + + + + + + + + + + diff --git a/article/website-release.html b/article/website-release.html new file mode 100644 index 0000000..f978179 --- /dev/null +++ b/article/website-release.html @@ -0,0 +1,120 @@ + + + + + VCborn公式サイトを公開しました！ | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + VCborn公式サイトを公開しました！ + + + 2021/08/23 + +

    +
    +
    + + + + +

    VCbornの公式Webサイトを公開しました！

    +

    + 開発期間約1ヶ月、公式サイトが完成しました。 +
    + このサイトではVCbornについての情報や提供サービスの情報を掲載していきたいと思っています。 +

    +

    + まだ一部完成していないページがありますが公開までしばしお待ち下さい🙇‍♂️ +

    +

    VCbornとは

    +

    + まだVCbornのことをよく知らないという方も居ると思うのでVCbornとは何なのか紹介します。 +

    +

    + VCbornはカスタムLinuxであるVCLinuxなどを開発しているグループです。 +

    +

    + 他にもいろいろなことに挑戦しようと思っていますので案などがあれば + お問い合わせ + などから言ってくださると助かります！ +

    +

    VCLinuxとは

    +

    詳しいことはまた別で言いますが軽く説明しておきますと

    +

    VCLinuxとはこのグループで作成しているカスタムLinuxです。

    +

    + デザイン性を重視していてWindowsソフトの起動確認や独自ブラウザでの軽量化等を計っています！ +

    +

    まとめ？

    +

    大分内容が短いですが今回はこれくらいにしたいと思います！

    +

    今後もVCbornをよろしくお願いしますm(__)m

    +
    +
    + + + + + + + + + + diff --git a/cn/403.html b/cn/403.html new file mode 100644 index 0000000..d7d45df --- /dev/null +++ b/cn/403.html @@ -0,0 +1,63 @@ + + + + + + 403 Forbidden | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +

    403 Forbidden

    +

    哎呀。你被阻止访问了吗？等待重置这个世界如何？ +

    + +

    +     +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/cn/404.html b/cn/404.html new file mode 100644 index 0000000..084808a --- /dev/null +++ b/cn/404.html @@ -0,0 +1,62 @@ + + + + + + 404 NotFound | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    404 Not Found

    +

    哎呀。这里没有一个页面。等到重置这个世界如何？

    +
    + +

    +     +
    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/cn/500.html b/cn/500.html new file mode 100644 index 0000000..023a277 --- /dev/null +++ b/cn/500.html @@ -0,0 +1,62 @@ + + + + + + 500 ERROR | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +

    500 ERROR

    +

    哎呀。这个世界被打破了! 我们正在修复。

    + +

    +     +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/cn/creators.html b/cn/creators.html new file mode 100644 index 0000000..9f4123f --- /dev/null +++ b/cn/creators.html @@ -0,0 +1,932 @@ + + + + + + 创作者 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + CREATORS + 创作者名单 +

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 领导人
      • +
    • Linux
      • +
    • 网络
      • +
    +
    +
    +
    +

    ぴなっつ

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    • 设计
      • +
    • 视频
      • +
    +
    +
    +
    +

    お餅のcreeper

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    +
    +
    +
    +

    sakana

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    +
    +
    +
    +

    Roii.py

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    • 网络
      • +
    • 视频
      • +
    • 浏览器
      • +
    +
    +
    +
    +

    アース

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 设计
      • +
    +
    +
    +
    +

    動く点P

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    • 设计
      • +
    • 视频
      • +
    • 音响效果
      • +
    +
    +
    +
    +

    Sorakime

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    • 网络
      • +
    +
    +
    +
    +

    しゃねこ

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    +
    +
    +
    +

    きつねのごん

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    • 网络
      • +
    • 视频
      • +
    +
    +
    +
    +

    とうふ

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    +
    +
    +
    +

    ぽこな

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 音响效果
      • +
    +
    +
    +
    +

    せごP

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    • 设计
      • +
    +
    +
    +
    +

    PocoPota

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    • 音响效果
      • +
    +
    +
    +
    +

    Nknight AMAMIYA

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    • 设计
      • +
    +
    +
    +
    +

    Aru

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 设计
      • +
    • 视频
      • +
    +
    +
    +
    +

    抹茶大福

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    • 网络
      • +
    +
    +
    +
    +

    Xepos

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    • 设计
      • +
    +
    +
    +
    +

    Paaaaa4

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    • 设计
      • +
    +
    +
    +
    +

    しおん

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    +
    +
    +
    +

    wamo

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    +
    +
    +
    +

    かたかめ

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 设计
      • +
    • 音响效果
      • +
    +
    +
    +
    +

    そらーん

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    • Linux
      • +
    +
    +
    +
    +

    のぶくく

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 设计
      • +
    +
    +
    +
    +

    Haru

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    +
    +
    +
    +

    桜0503

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    +
    +
    +
    +

    Ao.skyblue-japan

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    +
    +
    +
    +

    CyberRex

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 网络
      • +
    • 设计
      • +
    +
    +
    +
    +

    駄々ん

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • Linux
      • +
    • 设计
      • +
    +
    +
    +
    +

    がさがっさー

    +

    网站

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 项目
      • +
    • 设计
      • +
    +
    +
    +
    +

    ハムぴぃ

    +

    网站

    + +
    +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/cn/include.js b/cn/include.js new file mode 100644 index 0000000..471173c --- /dev/null +++ b/cn/include.js @@ -0,0 +1,152 @@ +const moveToLangPage = (lang) => { + let currentUrl = location.pathname; + let langUrl = ""; + const regex = new RegExp('\/[ce]n\/'); + if (regex.test(currentUrl)) { + currentUrl = currentUrl.slice(3); + } + if (currentUrl == "/") { + currentUrl = ""; + } + if (lang !== "ja") { + langUrl = lang; + } + const destinationUrl = location.protocol + "//" + location.host + "/" + langUrl + currentUrl; + window.location.href = destinationUrl; +} + +document.addEventListener("DOMContentLoaded", function () { + // head + const head = document.head; + + let head_content = + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + ''; + + head.insertAdjacentHTML("afterbegin", head_content); + + // header + const header = document.getElementById("header"); + + const header_content = + '
    ' + + "

    " + + '' + + 'VCborn' + + "" + + "

    " + + "" + + "
    "; + + if (header) { + header.innerHTML = header_content; + } + + // footer + const footer = document.getElementById("footer"); + + const footer_content = + '" + + '" + + " + + + + + \ No newline at end of file diff --git a/cn/join.html b/cn/join.html new file mode 100644 index 0000000..1d71bef --- /dev/null +++ b/cn/join.html @@ -0,0 +1,53 @@ + + + + + + 加入我们 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/cn/kikagaku.html b/cn/kikagaku.html new file mode 100644 index 0000000..64196fb --- /dev/null +++ b/cn/kikagaku.html @@ -0,0 +1,39 @@ + + + + + + + + Document + + + + + +
    + + + + + + \ No newline at end of file diff --git a/cn/maintenance.html b/cn/maintenance.html new file mode 100644 index 0000000..46c3094 --- /dev/null +++ b/cn/maintenance.html @@ -0,0 +1,27 @@ + + + + + 维护期间 | VCborn + + + + + + + + + +

    它现在正在维护中。

    +

    我们对造成的任何不便表示歉意。

    + + + \ No newline at end of file diff --git a/cn/presskit.html b/cn/presskit.html new file mode 100644 index 0000000..08ea756 --- /dev/null +++ b/cn/presskit.html @@ -0,0 +1,174 @@ + + + + + + 新闻资料 | VCborn + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + 新闻资料 + PRESS KIT +

    +
    +
    +
    +

    警告：未经许可，请勿分发。 +

    +
    +
    +
    +
    +

    VCborn

    +

    徽标 + 图标

    + + 下载 + + +
    + + + VCborn Logo + +
    +
    +
    +

    VCLinux

    +

    徽标 + 屏幕截图 + 等...

    + + 下载 + + +
    + + + VCLinux Logo + +
    +
    +
    +

    Reamix

    +

    徽标 + 图标

    + + 下载 + + +
    + + + Reamix Logo + +
    +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/cn/privacypolicy.html b/cn/privacypolicy.html new file mode 100644 index 0000000..fa9a1ee --- /dev/null +++ b/cn/privacypolicy.html @@ -0,0 +1,122 @@ + + + + + + 隐私政策 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + 隐私政策 + Privacy Policy +

    +
    +
    + +

    我们如何处理您的个人数据

    +

    + VCborn官方网站（以下简称 "本网站"）认识到在经营网站和服务中保护个人信息的严肃社会责任，为保护个人权利，遵守有关个人信息的法律法规，并不断加以完善，特制定本隐私政策。 +

    +

    个人数据的定义

    +

    + 在本隐私政策中，个人信息是指《个人信息保护法》中定义的个人信息（可用于识别个人身份的在世个人信息，包括姓名、出生日期、地址、电话号码等）。 + 在本隐私政策中，个人信息被定义为《个人信息保护法》中规定的有关在世个人的信息（包括姓名、出生日期、地址、电话号码等），以及与特定个人有关的信息，如电子邮件地址和密码。 +

    +

    个人数据的收集

    +

    + 我们只收集和使用收集目的所需的最低数量的个人信息。 我们只将信息用于收集信息的目的，并在收集信息的目的之后删除信息。 +

    +

    管理您的个人数据

    +

    + 个人数据将由集团的代表、经理和负责人进行适当管理，并根据法律和本网站规定采取适当的安全措施，以防止未经授权访问或丢失、更改或披露个人数据。 +
    + 如果我们将个人信息的处理外包给其他公司，我们将确保他们得到适当的管理和监督。 +

    +

    我们如何使用您的个人数据

    +

    + 除非另有说明，我们只会将您的个人数据用于以下目的: +

    +
      +
    1. 为了提供我们的网站和服务
      2. +
    2. 为了本网站及服务的运营、开发、维护
      3. +
    3. 为了检查我们网站和服务的使用情况
      4. +
    4. 为了安全地提供我们的网站和服务
      5. +
    5. 为了改进和发展我们的网站和服务
      6. +
    6. 告知您有关本网站和服务的重要事项
      7. +
    7. 为了改善我们网站和服务上的广告投放
      8. +
    8. 为了回复我们的网站和服务的查询，问题和信息
      9. +
    +

    向第三方提供个人信息

    +

    + 未经您的许可，我们不会将您的个人信息传递给第三方，但以下特殊情况除外 +

    +
      +
    1. 以不允许个人识别的形式披露或提供信息（如统计数据）
      2. +
    2. 当我们在业务所需的范围内向分包商披露或提供全部或部分信息
      3. +
    3. 如果发生合并、分立、业务转让或其他导致本网站业务继承的事件
      4. +
    4. 当法律要求时
      5. +
    +

    披露和更正个人信息的程序

    +

    + 如果您希望披露或更正您的个人资料，我们将在能够核实您的身份后立即进行。 + 你可以通过本网站的联系我们页面联系我们。 +

    +

    修订版

    +

    + 我们保留在任何时候修改本网站政策的权利，而不另行通知，以反映法律的变化或我们服务项目的变化。 +

    +

    + (2021年8月23日 颁布) +
    + (2021年11月6日 修订) +

    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/cn/services/reamix/index.html b/cn/services/reamix/index.html new file mode 100644 index 0000000..959fb57 --- /dev/null +++ b/cn/services/reamix/index.html @@ -0,0 +1,159 @@ + + + + + + Reamix | VCborn + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Reamix Image + +
    + Reamix Logo +

    浏览器为你的生活。

    + + 下载 + + +
    +
    +
    +
    +

    最简单的设计

    +

    + 看! 地址栏比微软Edge薄约4%。 +
    + 智能用户界面让你享受更广泛的网络体验。 +

    + + + Thin Addressbar + +
    +
    +

    高速

    +

    加载速度比Microsoft Edge快。

    +
    +

    Microsoft Edge / 1.6s

    +
    +

    Firefox / 1.4s

    +
    +

    Reamix / 1.0s

    +
    +
    +
    + +
    +

    下载

    + + + 下载Linux版 + + + + 下载Windows版 + +
    + 旧版本 + 建设中 +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/cn/services/vclinux/index.html b/cn/services/vclinux/index.html new file mode 100644 index 0000000..2ce8c2e --- /dev/null +++ b/cn/services/vclinux/index.html @@ -0,0 +1,216 @@ + + + + + + VCLinux | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + VCLinux Image + +
    + VCLinux ロゴ +

    最适合你的Linux。    

    + + 下载 + + +
    +
    +
    +
    +
    +

    什么是VCLinux？

    +

    + VCLinux是由VCborn开发的定制Linux。 +
    + 它基于KDEneon，并经过定制，使日本人更容易使用。 +
    + 你可以使用Windows软件（如AviUtl）。(这不包括在Beta1中) +
    + Beta1没有配备Onlyoffice。相反，它使用Brave和LibreOffice，后者已被翻译成日文。 +

    +
    +
    +
    +
    +

    特点

    +

    Features

    +
    +
    + +

    支持windows软件

    +

    + 你可以使用Wine来使用没有乱码的Windows软件。(Beta1是不完整的)。 +

    +
    +
    + +

    新体验浏览

    +

    使用自己的浏览器。 + +

    +
    +
    + +

    舒适的编程

    +

    VCLinux使用VSCode作为其文本编辑器。

    +
    +
    +
    +
    +
    +
    +

    重要说明

    +

    Important notes

    +
      +
    • 这是非常不稳定的。
      • +
    • + 请在安装时启用自动登录功能，因为sddm不能正常工作。 +
      • +
    +
    +
    +
    +
    +

    下载

    +

    Download

    +
    + + +
    + + +
    +
    + + 下载 + + +
    +
    +
    +
    +

    最低要求

    +

    Minimum Requirements

    + + + + + + + + + + + + + + + +
    CPUCore 2 Duo 或更高
    RAM1GB(建议 2GB 或更高)
    DISK25GB 或更高
    +
    +
    +
    +
    +

    支持中心

    +

    Support

    +

    + 如果你想看安装指南，请看这里。 +
    + 有任何问题或错误，请从联系页面联系。 +

    +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/cn/services/wiki/index.html b/cn/services/wiki/index.html new file mode 100644 index 0000000..0014099 --- /dev/null +++ b/cn/services/wiki/index.html @@ -0,0 +1,167 @@ + + + + + + Wiki | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Wiki Sample Image + +
    +

    VCborn Wiki

    +

    一个为VCborn拥有的维基，由VCborn设计，为VCborn设计。

    + + 了解更多 + + +
    +
    +
    +
    + +
    +

    为什么是wiki？

    +

    VCborn Wiki的创建是为了更容易地在VCborn内部分享文件，并跟踪每个软件的进展。

    +
    +
    +
    + +
    +

    使用申请

    +

    请在本网站联系我们的表格中选择 "申请VCborn Wiki"。

    + 现在申请使用 +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/cn/sitepolicy.html b/cn/sitepolicy.html new file mode 100644 index 0000000..203a826 --- /dev/null +++ b/cn/sitepolicy.html @@ -0,0 +1,92 @@ + + + + + + 网站政策 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    网站政策Site Policy

    +
    +
    + +

    如何使用网站

    +

    在使用VCborn官方网站（以下简称 "本网站"）之前，请阅读并同意本网站政策。

    +

    关于Cookie

    +

    本网站的部分内容使用Cookie。 + Cookie是你访问网站时存储在你的浏览器中的信息，不包含任何个人信息，如你的姓名或电子邮件地址。 本网站可能使用Cookie来向我们网站的访问者提供有效的广告，并进行访问分析。 + 你可以通过设置你的浏览器来选择不使用Cookie。 +

    +

    关于广告

    +

    本网站使用第三方广告服务（Google AdSense），它使用Cookie来显示与您的兴趣相关的产品和广告。

    +

    关于如何禁用Cookie和谷歌AdSense的更多信息，请访问广告 + – 隐私权和条款 – Google。

    +

    关于访问分析工具

    +

    + 本网站使用谷歌的访问分析工具 "谷歌分析"。 这个谷歌分析使用Cookie来收集数据。 这些数据是以匿名方式收集的，不会识别你的个人身份。 +

    +

    你可以通过停用cookies来拒绝该功能的收集，请检查你的浏览器设置。 关于这些条款的更多信息，请参见Google + Analytics（分析）服务条款和Google + 隐私权和条款。

    +

    免责声明

    +

    虽然本网站的内容和信息尽可能地提供正确的信息，但有可能出现错误信息，或者信息变得陈旧。

    +

    + 本网站上发布的照片和图片等版权和肖像权归VCborn和各权利人所有。如果刊登的照片和图像有问题的话麻烦您，请各权利人本人在本网站的联系页面上联系我们。确认后会给您处理。 +

    +

    如果您通过本网站的链接或横幅被引向另一个网站，我们对该网站上提供的信息或服务不承担任何责任。

    +

    对于用户因本网站的中断、暂停或更改而遭受的任何损失或损害，我们概不负责。

    +

    我们不接受因使用本网站而引起的任何损失或损害的责任。

    +

    修订版

    +

    本网站保留在任何时候改变本网站政策的权利，而不另行通知，以遵守法律的变化或改善我们的服务。

    +

    (2021年8月23日 颁布)

    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/cn/support.html b/cn/support.html new file mode 100644 index 0000000..9514873 --- /dev/null +++ b/cn/support.html @@ -0,0 +1,64 @@ + + + + + + 支持中心 | VCborn + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + 支持中心 + SUPPORT +

    +
    +
    +

    本页包含常见问题和如何使用VCborn所提供的每项服务的说明。

    +

    VCLinux

    + +

    Reamix

    +

    其他

    +

    + 如果你想问我们，请随时向 + 官方Twitter账户（@vcborn_support） + 或本网站的联系页面提问。 +

    +
    + + +
    + + + + + + + + + + + \ No newline at end of file diff --git a/cn/tos.html b/cn/tos.html new file mode 100644 index 0000000..1d8327d --- /dev/null +++ b/cn/tos.html @@ -0,0 +1,80 @@ + + + + + + 服务条款 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + 服务条款 + Terms of Service +

    +
    +
    + +

    免责声明

    +

    + VCborn提供的软件（以下简称 "软件"）不提供任何形式的明示或暗示的保证。 + 该信息不包含任何质量保证，不描述公平的市场质量，也不要求任何质量保证或对特殊用途的适用性保证。 + 用户对使用该软件造成的任何损失承担所有责任。 +

    +

    许可证

    +

    VCLinux

    +

    + VCLinux是基于GPL v2的，源代码可以在这里找到。 + 各种软件包的许可证可以在 /usr/share/licenses/ 中找到。 +

    + 2021年11月10日的后记 +

    由于将源代码上传到Github的时间比预期的要长，作为一项临时措施，我们将把源代码档案上传到Google Drive。
    + 链接在这里。

    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/contact/confirm.php b/contact/confirm.php new file mode 100644 index 0000000..605e7da --- /dev/null +++ b/contact/confirm.php @@ -0,0 +1,318 @@ + $recaptcha_secret_key, + // 'response' => $token + //))); + //curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); + //$api_response = curl_exec($ch); + //curl_close($ch); + //$result = json_decode($api_response); + //if ($result->success && $result->action === $action && $result->score >= 0.5) { + + // HTMLメールのテンプレート読み込み + $client_template = "../templates/contact-client.php"; + $host_template = "../templates/contact-host.php"; + + // 管理者宛 + // HTMLファイル内の特定文字を変数で置き換え + $host = mb_convert_encoding( + file_get_contents($host_template), + "utf-8", + "auto" + ); + $host = str_replace( + "<%NAME>", + htmlspecialchars($name, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%FURIGANA>", + htmlspecialchars($furigana, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%EMAIL>", + htmlspecialchars($email, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%ITEM>", + htmlspecialchars($item, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%CONTENT>", + htmlspecialchars($content, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%IP>", + htmlspecialchars($ip, ENT_QUOTES, "UTF-8"), + $host + ); + + // 応募者宛 + $client = mb_convert_encoding( + file_get_contents($client_template), + "utf-8", + "auto" + ); + $client = str_replace( + "<%NAME>", + htmlspecialchars($name, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%FURIGANA>", + htmlspecialchars($furigana, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%EMAIL>", + htmlspecialchars($email, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%ITEM>", + htmlspecialchars($item, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%CONTENT>", + htmlspecialchars($content, ENT_QUOTES, "UTF-8"), + $client + ); + + // 送信ボタンが押された時に動作 + mb_language("uni"); + mb_internal_encoding("UTF-8"); + + // 件名を変数subjectに格納 + $subject = "【VCborn】お問い合わせ内容の確認【自動送信】"; + + // 送信元のメールアドレスを変数fromEmailに格納 + $fromEmail = "support@vcborn.com"; + + // 送信元の名前を変数fromNameに格納 + $fromName = "VCborn"; + + // ヘッダ情報を変数headerに格納する + $header = "From: {$fromName} <{$fromEmail}>"; + $header .= "\r\n"; + $header .= "Content-type: text/html; charset=UTF-8"; + + // メール送信を行う + mb_send_mail($fromEmail, "お問い合わせ", $host, $header); + mb_send_mail($email, $subject, $client, $header); + + function send_to_discord($message) + { + $webhook_url = "https://discord.com/api/webhooks/"; + $options = [ + "http" => [ + "method" => "POST", + "header" => "Content-Type: application/json", + "content" => json_encode($message), + ], + ]; + $response = file_get_contents( + $webhook_url, + false, + stream_context_create($options) + ); + return $response === "ok"; + } + //メッセージの内容を定義 + $message = [ + "username" => "お問い合わせ", + "content" => "", + "embeds" => [ + [ + "title" => "新規お問い合わせ", + "color" => 1455209, + "description" => "", + "timestamp" => "", + "author" => [ + "name" => "", + ], + "image" => [], + "thumbnail" => [], + "footer" => [], + "fields" => [ + [ + "name" => "名前", + "value" => "{$name}({$furigana})", + ], + [ + "name" => "メールアドレス", + "value" => "{$email}", + ], + [ + "name" => "項目", + "value" => "{$item}", + ], + [ + "name" => "内容", + "value" => "{$content}", + ], + [ + "name" => "IPアドレス", + "value" => "{$ip}", + ], + ], + ], + ], + ]; + + send_to_discord($message); //処理を実行 + // サンクスページに画面遷移させる + header("Location: /contact/thanks"); + exit(); + //} + //} +} +if (isset($_POST["name"])) { ?> + + + + + + 確認 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    CONTACTお問い合わせ

    +
    +
    +
    + + + + + + + + +

    お問い合わせ 内容確認

    +

    お問い合わせ内容はこちらで宜しいでしょうか？
    よろしければ「送信する」ボタンを押して下さい。

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    +
    + + +
    +
    +
    +
    + + + + + + + + + + + diff --git a/contact/contact.js b/contact/contact.js new file mode 100644 index 0000000..855e721 --- /dev/null +++ b/contact/contact.js @@ -0,0 +1,99 @@ +const validate = function () { + let flag = true; + + removeElementsByClass("error"); + removeClass("error-form"); + + // お名前の入力をチェック + if (!document.form.name.value) { + errorElement(document.form.name, "お名前を入力してください"); + flag = false; + } + + // ふりがなの入力をチェック + if (!document.form.furigana.value) { + errorElement(document.form.furigana, "ふりがなを入力してください"); + flag = false; + } else if (!validateKana(document.form.furigana.value)) { + // ふりがなの形式をチェック + errorElement(document.form.furigana, "ひらがなのみで入力してください"); + flag = false; + } + + // メールアドレスの入力をチェック + if (!document.form.email.value) { + errorElement(document.form.email, "メールアドレスを入力してください"); + flag = false; + } else if (!validateMail(document.form.email.value)) { + // メールアドレスの形式をチェック + errorElement(document.form.email, "メールアドレスが正しくありません"); + flag = false; + } else if (isWrongDomain(document.form.email.value)) { + errorElement(document.form.email, "有効なメールアドレスを入力してください"); + flag = false; + } + + // お問い合わせ項目の選択をチェック + if (!document.form.item.value) { + errorElement(document.form.item, "お問い合わせ項目を選択してください"); + flag = false; + } + + // お問い合わせ内容の入力をチェック + if (!document.form.content.value) { + errorElement(document.form.content, "お問い合わせ内容を入力してください"); + flag = false; + } + + // プライバシーポリシーに同意したか + if (!document.form.agree.checked) { + flag = false; + } + + if (flag) { + document.forms.form.submit(); + } else { + return false; + } +}; + +const errorElement = function (form, msg) { + form.classList.add = "error-form"; + const newElement = document.createElement("div"); + newElement.className = "error"; + const newText = document.createTextNode(msg); + newElement.appendChild(newText); + form.parentNode.insertBefore(newElement, form.nextSibling); +}; + +const removeElementsByClass = function (className) { + const elements = document.getElementsByClassName(className); + while (elements.length > 0) { + elements[0].parentNode.removeChild(elements[0]); + } +}; + +const removeClass = function (className) { + const elements = document.getElementsByClassName(className); + while (elements.length > 0) { + elements[0].classList.remove(className); + } +}; + +// RFC2822に則ったチェック +const validateMail = function (val) { + const mailformat = + /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/; + return mailformat.test(val); +}; + +// サンプルドメインや捨てメアドでないか +const isWrongDomain = function(val) { + const emailDomain = val.split('@')[1]; + const exampleDomain = ["example.com", "example.net", "google.com", "ad.com", "ad.net", "instaddr.ch", "lovelycats.org", "ccmail.uk", "xmailer.be", "na-cat.com", "exdonuts.com", "cocoro.uk", "hamham.uk", "mama3.org", "digdig.org", "fukurou.ch", "nezumi.be", "owleyes.ch", "stayhome.li", "okinawa.li", "fanclub.pm", "nekochan.fr", "hotsoup.be", "sofia.re", "simaenaga.com", "tapi.re", "kagi.be", "nagi.be", "fuwari.be", "magim.be", "mirai.re", "moimoi.re", "heisei.be", "honeys.be", "mbox.re", "uma3.be", "fuwa.li", "kpost.be", "risu.be", "fuwa.be", "usako.net", "eay.jp", "via.tokyo.jp", "ichigo.me", "choco.la", "cream.pink", "merry.pink", "neko2.net", "fuwamofu.com", "ruru.be", "macr2.com", "f5.si", "ahk.jp", "svk.jp"]; + return exampleDomain.includes(emailDomain); +}; + +const validateKana = function (val) { + return val.match(/^[ぁ-ん]|-|ー+$/); +}; diff --git a/contact/index.html b/contact/index.html new file mode 100644 index 0000000..ea0185d --- /dev/null +++ b/contact/index.html @@ -0,0 +1,156 @@ + + + + + お問い合わせ | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + CONTACT + お問い合わせ +

    +
    +
    +
    +

    お問い合わせ 内容入力

    +

    + お問い合わせ内容をご入力の上、「確認画面へ」ボタンをクリックしてください。 +

    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    +
    + + +
    + +
    +
    +
    + + + + + + + + + + diff --git a/contact/thanks.html b/contact/thanks.html new file mode 100644 index 0000000..4704074 --- /dev/null +++ b/contact/thanks.html @@ -0,0 +1,73 @@ + + + + + + お問い合わせ | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + CONTACT + お問い合わせ +

    +
    +
    +
    +

    送信完了

    +

    + お問い合わせありがとうございました。 +
    + 内容を確認のうえ回答させていただきます。 +
    + しばらくお待ち下さい。 +

    + +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/creators.html b/creators.html new file mode 100644 index 0000000..0bff649 --- /dev/null +++ b/creators.html @@ -0,0 +1,949 @@ + + + + + + 所属クリエイター一覧 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + CREATORS + 所属クリエイター一覧 +

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • リーダー
      • +
    • Linux開発
      • +
    • Web開発
      • +
    +
    +
    +
    +

    ぴなっつ

    +

    VCBornのリーダーやってます！！みんなじゃんじゃん入ってきてね

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    • デザイン
      • +
    • 動画作成
      • +
    +
    +
    +
    +

    お餅のcreeper

    +

    linuxやその他諸々の初心者

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    sakana

    +

    (=ﾟωﾟ=)川崎に住んでるお魚(=ﾟωﾟ=)

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    +
    +
    +
    +

    Roii.py

    +

    PyPiは下ネタ

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    • Web開発
      • +
    • 動画作成
      • +
    • ブラウザ開発
      • +
    +
    +
    +
    +

    アース

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • デザイン
      • +
    +
    +
    +
    +

    動く点P

    +

    LINUXのLの字すら知らないで入ったお荷物係

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    • デザイン
      • +
    • 動画作成
      • +
    • 効果音作成
      • +
    +
    +
    +
    +

    Sorakime

    +

    + 孤独だったWeb好きの人。動画投稿者でありへっぽこ作曲者でもある。 +

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    • Web開発
      • +
    +
    +
    +
    +

    しゃねこ

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    きつねのごん

    +

    Linux開発メンバーとして頑張って行きたいと思っています。

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    • Web開発
      • +
    • 動画作成
      • +
    +
    +
    +
    +

    とうふ

    +

    ただのとうふです

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    ぽこな

    +

    楽天Handを買おうとしたら楽天BIGを売りつけられた中2女子

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • 効果音作成
      • +
    +
    +
    +
    +

    せごP

    +

    作曲が得意で効果音作成などを担当しています。

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    • デザイン
      • +
    +
    +
    +
    +

    PocoPota

    +

    Webサイト/Webサービス作ってる人

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    • 効果音作成
      • +
    +
    +
    +
    +

    Nknight AMAMIYA

    +

    ブログ　プログラミング勉強　小説　音楽やってます。

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    • デザイン
      • +
    +
    +
    +
    +

    Aru

    +

    VCbornでWeb開発を中心に活動しています。

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • デザイン
      • +
    • 動画作成
      • +
    +
    +
    +
    +

    抹茶大福

    +

    AviUtlなどを使って、動画を作成したり気ままにやってます。

    +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    • Web開発
      • +
    +
    +
    +
    +

    Xepos

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    • デザイン
      • +
    +
    +
    +
    +

    Paaaaa4

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    • デザイン
      • +
    +
    +
    +
    +

    しおん

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    +
    +
    +
    +

    wamo

    +

    趣味でwebサイトや動画を作ってる人。

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    かたかめ

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • デザイン
      • +
    • 効果音作成
      • +
    +
    +
    +
    +

    そらーん

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    のぶくく

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • デザイン
      • +
    +
    +
    +
    +

    Haru

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    桜0503

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    Ao.skyblue-japan

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    +
    +
    +
    +

    CyberRex

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Web開発
      • +
    • デザイン
      • +
    +
    +
    +
    +

    駄々ん

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • Linux開発
      • +
    • デザイン
      • +
    +
    +
    +
    +

    がさがっさー

    +

    ウェブサイト

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • 関連プロジェクト
      • +
    • デザイン
      • +
    +
    +
    +
    +

    ハムぴぃ

    +

    ウェブサイト

    + +
    +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/css/responsive.css b/css/responsive.css new file mode 100644 index 0000000..3cb4868 --- /dev/null +++ b/css/responsive.css @@ -0,0 +1,347 @@ +@charset 'utf-8'; + +/*This CSS File was written by Sorakime. He can't write SCSS.*/ +:root { + scrollbar-width: thin; +} +body { + overflow-x: hidden; +} + +@media (max-width: 1000px) { + body header #header-inner { + width: 100%; + } + + body header #header-inner h1 a { + margin-left: 20px; + } + body header #header-inner ul { + margin-right: 15px; + } + + #NotFound #notfound-inner { + width: 100%; + } + #top .inner { + padding: 5px; + margin: 40px auto; + } + body footer #footer-inner, + body footer #footer-last ul { + width: 100%; + } + + /*for index.html*/ + #top #services #services-inner { + margin-bottom: 0; + margin-top: 30px; + } + #top #services #services-inner #products .one-product { + width: 85%; + } + #top #services #services-inner #products .one-product .product-img { + display: block; + position: relative; + width: 100%; + height: auto; + top: 0; + left: auto; + right: auto; + } + #top #services #services-inner #products .one-product img { + width: 100%; + height: auto; + } + #top #services #services-inner #products .one-product .product-info { + display: block; + position: relative; + width: 100%; + top: 0; + left: 0; + } + #news #news-list { + position: relative; + width: 80%; + } + #top #join, + #top #about { + margin-bottom: 0; + padding: 40px 20px; + } + #top #join button { + width: auto; + display: inline-block; + } + + /*for creators.html*/ + #creators #creators-list { + width: 85%; + } + #creators #creators-list .one-creator { + width: 85%; + } + #creators #creators-list .one-creator .right-info { + width: 100%; + max-width: 60%; + } + #creators #creators-list .one-creator .right-info ul li { + display: block; + position: relative; + float: none !important; + left: 0; + width: 100%; + } + + /*for join.html and contact.html*/ + #join #join-form, + #contact #contact-form { + position: relative; + left: 0; + width: 90%; + } + + /*for tos.html, privacypolicy.html and sitepolicy.html*/ + #article { + width: 100%; + } + #article article { + position: relative; + left: 0; + width: auto; + } + + /*for articles/*.html*/ + #h2-title h2 span:first-child, + #h2-title h2 span:first-child { + max-width: calc(100vw - 20px); + margin-left: 15px; + margin-right: 15px; + letter-spacing: 0px; + text-align: center; + } + + /* for /services/monot/index.html */ + #product-col div.col-span-1 { + grid-column: span 3 / span 3; + } + #product-col div.col-span-2 { + grid-column: span 3 / span 3; + } +} + +@media (max-width: 850px) { + #top #news #news-inner #news-flex, + #news #news-list { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + #product #features .split { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + /*for join.html and contact.html*/ + #join #join-form .error { + margin-left: 180px; + } + #join #join-form, + #contact #contact-form { + width: 90%; + } + #join #join-form label, + #contact #contact-form label { + width: 170px; + margin-right: 15px; + } + #join #join-form input[type="text"], + #contact #contact-form input[type="text"], + #join #join-form textarea, + #contact #contact-form textarea { + width: calc(100% - 200px); + } + #join #join-form select, + #contact #contact-form select { + width: calc(100% - 188px); + } + + /*for confirm/confirm.php*/ + #contents-check form { + width: 90%; + } +} + +@media (max-width: 770px) { + /*for all*/ + body footer #footer-inner { + display: block; + } + body footer #footer-inner #footer-top > a { + display: inline-block; + width: 100%; + text-align: center; + } + body footer #footer-inner #footer-top { + display: block; + width: 90%; + margin-left: 5%; + margin-right: 5%; + } + body footer #footer-inner #footer-top #footer-sns a { + display: inline-block; + margin: 15px; + margin-top: 0; + margin-bottom: 30px; + } + body footer #footer-last ul { + display: block; + margin: auto; + } + body footer #footer-last ul li { + width: auto; + margin: auto; + text-align: center; + padding-top: 4px; + padding-bottom: 4px; + } + body footer #footer-inner #footer-nav { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 0.5rem; + margin-left: 30px; + margin-right: 30px; + } + body footer #footer-inner #footer-nav ul { + margin: 0; + } + #top #join { + width: auto; + } + + /*for index.html*/ + .swiper .swiper-slide .w-span, .swiper .swiper-slide .w-span span { + display: block; + } + #top #services #services-inner #products .one-product .product-img { + width: 100%; + height: auto; + } + #creators #creators-list .one-creator { + width: 95%; + } + #product-col { + padding-left: 2rem; + padding-right: 2rem; + } + #product-col div blockquote { + margin: 0; + margin-top: 1rem; + margin-bottom: 1rem; + } +} + +@media (max-width: 550px) { + /*for header, nav*/ + body header { + height: 100px; + } + body header #header-inner { + height: 100%; + flex-direction: column; + } + body header #header-inner h1 { + width: 100%; + height: 70px; + } + body header #header-inner ul { + display: flex; + flex-direction: row; + align-items: center; + width: 100vw; + height: 40px; + margin: 0; + background-color: #0003; + } + body header #header-inner ul li { + display: block; + } + .swiper .swiper-slide div.contents { + padding-left: 7rem; + width: 250px; + } + #top #news #news-inner #news-flex, + #news #news-list { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + #product #features .split { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + + /*for join.html*/ + #join #join-form .joinsan, + #contact #contact-form div:not(.agreement) { + flex-direction: column; + } + #join #join-form, + #contact #contact-form { + width: 90%; + } + #join #join-form label, + #contact #contact-form label { + text-align: left; + width: 100%; + margin: 0; + margin-bottom: 5px; + } + #join #join-form input[type="text"], + #contact #contact-form input[type="text"], + #join #join-form textarea, + #join #join-form select, + #contact #contact-form textarea, + #contact #contact-form select { + width: auto; + } + #join #join-form .error, + #contact #contact-form .error { + margin-left: 0; + } + #join #join-form .agreement input[type="checkbox"], + #contact #contact-form .agreement input[type="checkbox"] { + margin: 12px; + } + #contents-check form .contents-check-inner div label { + text-align: left; + float:none; + } + + #contact-thanks .contact-thanks-inner { + width:auto; + } + + /*for /servies/vclinux/index.html*/ + #product .version select { + display: block; + width: calc(100% - 25px); + margin-left: auto; + margin-right: auto; + } + #hero { + position: relative; + } + #hero .contents.left { + background: #fff5; + left: 50%; + width: 100%; + height: 100%; + text-align: left; + padding: 0; + box-sizing: border-box; + } + #hero .contents.left > * { + position: relative; + top: 30%; + margin-left: 2rem; + margin-right: 2rem; + } + #hero .contents.left img { + width: auto; + } +} diff --git a/css/responsive.min.css b/css/responsive.min.css new file mode 100644 index 0000000..f71d7f0 --- /dev/null +++ b/css/responsive.min.css @@ -0,0 +1 @@ +@charset 'utf-8';:root{scrollbar-width:thin}body{overflow-x:hidden}@media (max-width:1000px){body header #header-inner{width:100%}body header #header-inner h1 a{margin-left:20px}body header #header-inner ul{margin-right:15px}#NotFound #notfound-inner{width:100%}#top .inner{padding:5px;margin:40px auto}body footer #footer-inner,body footer #footer-last ul{width:100%}#top #services #services-inner{margin-bottom:0;margin-top:30px}#top #services #services-inner #products .one-product{width:85%}#top #services #services-inner #products .one-product .product-img{display:block;position:relative;width:100%;height:auto;top:0;left:auto;right:auto}#top #services #services-inner #products .one-product img{width:100%;height:auto}#top #services #services-inner #products .one-product .product-info{display:block;position:relative;width:100%;top:0;left:0}#news #news-list{position:relative;width:80%}#top #join,#top #about{margin-bottom:0;padding:40px 20px}#top #join button{width:auto;display:inline-block}#creators #creators-list{width:85%}#creators #creators-list .one-creator{width:85%}#creators #creators-list .one-creator .right-info{width:100%;max-width:60%}#creators #creators-list .one-creator .right-info ul li{display:block;position:relative;float:none!important;left:0;width:100%}#join #join-form,#contact #contact-form{position:relative;left:0;width:90%}#article{width:100%}#article article{position:relative;left:0;width:auto}#h2-title h2 span:first-child,#h2-title h2 span:first-child{max-width:calc(100vw - 20px);margin-left:15px;margin-right:15px;letter-spacing:0;text-align:center}#product-col div.col-span-1{grid-column:span 3 / span 3}#product-col div.col-span-2{grid-column:span 3 / span 3}}@media (max-width:850px){#top #news #news-inner #news-flex,#news #news-list{grid-template-columns:repeat(2,minmax(0,1fr))}#product #features .split{grid-template-columns:repeat(2,minmax(0,1fr))}#join #join-form .error{margin-left:180px}#join #join-form,#contact #contact-form{width:90%}#join #join-form label,#contact #contact-form label{width:170px;margin-right:15px}#join #join-form input[type="text"],#contact #contact-form input[type="text"],#join #join-form textarea,#contact #contact-form textarea{width:calc(100% - 200px)}#join #join-form select,#contact #contact-form select{width:calc(100% - 188px)}#contents-check form{width:90%}}@media (max-width:770px){body footer #footer-inner{display:block}body footer #footer-inner #footer-top>a{display:inline-block;width:100%;text-align:center}body footer #footer-inner #footer-top{display:block;width:90%;margin-left:5%;margin-right:5%}body footer #footer-inner #footer-top #footer-sns a{display:inline-block;margin:15px;margin-top:0;margin-bottom:30px}body footer #footer-last ul{display:block;margin:auto}body footer #footer-last ul li{width:auto;margin:auto;text-align:center;padding-top:4px;padding-bottom:4px}body footer #footer-inner #footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-left:30px;margin-right:30px}body footer #footer-inner #footer-nav ul{margin:0}#top #join{width:auto}.swiper .swiper-slide .w-span,.swiper .swiper-slide .w-span span{display:block}#top #services #services-inner #products .one-product .product-img{width:100%;height:auto}#creators #creators-list .one-creator{width:95%}#product-col{padding-left:2rem;padding-right:2rem}#product-col div blockquote{margin:0;margin-top:1rem;margin-bottom:1rem}}@media (max-width:550px){body header{height:100px}body header #header-inner{height:100%;flex-direction:column}body header #header-inner h1{width:100%;height:70px}body header #header-inner ul{display:flex;flex-direction:row;align-items:center;width:100vw;height:40px;margin:0;background-color:#0003}body header #header-inner ul li{display:block}.swiper .swiper-slide div.contents{padding-left:7rem;width:250px}#top #news #news-inner #news-flex,#news #news-list{grid-template-columns:repeat(1,minmax(0,1fr))}#product #features .split{grid-template-columns:repeat(1,minmax(0,1fr))}#join #join-form .joinsan,#contact #contact-form div:not(.agreement){flex-direction:column}#join #join-form,#contact #contact-form{width:90%}#join #join-form label,#contact #contact-form label{text-align:left;width:100%;margin:0;margin-bottom:5px}#join #join-form input[type="text"],#contact #contact-form input[type="text"],#join #join-form textarea,#join #join-form select,#contact #contact-form textarea,#contact #contact-form select{width:auto}#join #join-form .error,#contact #contact-form .error{margin-left:0}#join #join-form .agreement input[type="checkbox"],#contact #contact-form .agreement input[type="checkbox"]{margin:12px}#contact-thanks .contact-thanks-inner{width:auto}#product .version select{display:block;width:calc(100% - 25px);margin-left:auto;margin-right:auto}#hero{position:relative}#hero .contents.left{background:#fff5;left:50%;width:100%;height:100%;text-align:left;padding:0;box-sizing:border-box}#hero .contents.left>*{position:relative;top:30%;margin-left:2rem;margin-right:2rem}#hero .contents.left img{width:auto}} \ No newline at end of file diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..d9efbc4 --- /dev/null +++ b/css/style.css @@ -0,0 +1,1382 @@ +@charset "UTF-8"; +h1, +h2, +h3, +h4, +h5, +p, +li, +section, +a, +button, +textarea, +ins, +select, +summary, +cite, +input { + font-family: "Noto Sans JP", sans-serif; + color: #14171a; +} + +img { + vertical-align: bottom; +} + +i ::-webkit-scrollbar { + width: 10px; + height: 10px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-track { + border-radius: 5px; + background: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + border-radius: 5px; + background: #a9a9a9; +} + +html { + scroll-behavior: smooth; +} + +body { + margin: 0; +} +body header { + width: 100%; + height: 70px; + background-color: #163469; +} +body header #header-inner { + width: 1000px; + height: 70px; + margin: 0 auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; +} +body header #header-inner h1 { + height: 70px; + width: auto; + margin: 0; + display: flex; + align-items: center; +} +body header #header-inner h1 img { + pointer-events: none; + height: 28px; + width: auto; + vertical-align: baseline; +} +body header #header-inner ul { + display: flex; + flex-direction: row; + padding: 0; +} +body header #header-inner ul li { + list-style: none; + font-size: 17px; + margin: 0 10px; +} +body header #header-inner ul li a { + color: #fdfdfd; + text-decoration: none; + transition-duration: 200ms; +} +body header #header-inner ul li :hover { + opacity: 0.5; +} +body footer { + width: 100%; + background-color: #163469; + overflow: hidden; +} +body footer #footer-inner { + width: 1000px; + margin: 40px auto; + display: flex; + flex-direction: row; + justify-content: space-around; +} +body footer #footer-inner #footer-top { + width: 250px; + margin-top: -10px; +} +body footer #footer-inner #footer-top img { + height: auto; + width: 250px; + margin: 20px auto; +} +body footer #footer-inner #footer-top #footer-sns { + text-align: center; +} +body footer #footer-inner #footer-top #footer-sns img { + width: 35px; + height: 35px; + margin: auto 5px; + transition-duration: 200ms; +} +body footer #footer-inner #footer-top #footer-sns img:hover { + opacity: 0.6; +} +body footer #footer-inner #footer-nav { + display: flex; + flex-direction: row; +} +body footer #footer-inner #footer-nav ul { + padding: 0; + margin: 0 25px; +} +body footer #footer-inner #footer-nav ul li:first-child { + font-size: 17px; +} +body footer #footer-inner #footer-nav ul li { + list-style: none; + color: #a9a9a9; + margin: 5px auto; + font-size: 16px; +} +body footer #footer-inner #footer-nav ul li a:hover { + opacity: 0.5; +} +body footer #footer-inner #footer-nav ul li a { + color: #fdfdfd; + text-decoration: none; + transition-duration: 200ms; +} +body footer #footer-last { + background-color: #1b1b1b; + overflow: hidden; +} +body footer #footer-last ul { + padding: 1px 0; + display: flex; + flex-direction: row; + justify-content: center; + width: 1000px; + margin: 7px auto; +} +body footer #footer-last ul li { + list-style: none; + color: #fdfdfd; + font-size: 15px; + margin: 0 30px; +} +body footer #footer-last ul li a:hover { + text-decoration-color: #fdfdfd; + -webkit-text-decoration-color: #fdfdfd; + -moz-text-decoration-color: #fdfdfd; +} +body footer #footer-last ul li a { + color: #fdfdfd; + text-decoration: underline; + text-decoration-color: transparent; + -webkit-text-decoration-color: transparent; + -moz-text-decoration-color: transparent; + transition-duration: 200ms; +} + +.swiper { + width: 100%; + height: auto; +} +.swiper .swiper-slide { + width: 100%; + height: auto; +} +.swiper .swiper-slide .w-span { + display: inline-flex; + align-items: end; +} +.swiper .swiper-slide .w-span span { + margin-left: 0.5rem; + margin-bottom: 0.5rem; + font-size: 1.25rem; +} +.swiper .swiper-slide img { + width: 100%; + height: auto; +} +.swiper .swiper-slide img.background { + height: 60vh; + object-fit: cover; + pointer-events: none; +} +.swiper .swiper-slide img.logo { + max-width: 250px; +} +.swiper .swiper-slide div.contents { + padding-left: 2rem; + position: absolute; + top: 50%; + left: 33.33333%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} +.swiper .swiper-slide div.contents a.button { + display: inline-block; + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + color: #fdfdfd; + margin: 5px auto; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + text-decoration: none; +} +.swiper .swiper-slide div.contents a.button.black { + background-color: black; +} +.swiper .swiper-slide div.contents a.button.blue { + background-color: #163469; +} +.swiper .swiper-slide div.contents a.button:hover { + opacity: 0.8; +} +.swiper .swiper-slide.bg-blue { + background-color: #163469; +} +.swiper .swiper-slide div.contents p { + font-size: 1.25rem; +} +.swiper .swiper-slide div.contents p.white { + color: white; +} +.swiper .swiper-button-next, +.swiper .swiper-button-prev { + --swiper-navigation-color: black; +} +.swiper .swiper-pagination-bullet-active { + background-color: black; +} + +#top h2 { + font-size: 30px; + position: relative; + margin-bottom: 1em; + color: #163469; + margin: 15px auto; + text-align: center; + letter-spacing: 4px; + font-weight: 700; +} +#top h2:before { + content: ""; + position: absolute; + bottom: -6px; + display: inline-block; + width: 60px; + height: 2px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #163469; +} +#top .inner { + max-width: 1000px; + margin: 80px auto; +} +#top #about { + background-color: #fdfdfd; + overflow: hidden; +} +#top #about #about-inner p { + text-align: center; + color: #14171a; + font-size: 16px; + margin-top: 30px; +} +#top #services { + background-color: #edf2f7; + overflow: hidden; +} +#top #services #services-inner { + margin-bottom: 160px; +} +#top #services #services-inner #products { + margin-top: 60px; +} +#top #services #services-inner #products .one-product { + position: relative; + margin: auto; + width: 900px; + margin-bottom: 110px; +} +#top #services #services-inner #products .one-product .product-img { + overflow: hidden; + width: 650px; + height: 365px; +} +#top #services #services-inner #products .one-product img:hover { + transform: scale(1.05, 1.05); +} +#top #services #services-inner #products .one-product img { + width: 650px; + height: 365px; + transition-duration: 200ms; + object-fit: cover; + object-position: left top; +} +#top #services #services-inner #products .one-product .product-info { + background-color: #163469; + width: 400px; + position: absolute; + overflow: hidden; + top: 190px; + right: 0; +} +#top #services #services-inner #products .one-product .product-info h3, +#top #services #services-inner #products .one-product .product-info p, +#top #services #services-inner #products .one-product .product-info a { + color: #fdfdfd; + text-decoration: none; +} +#top #services #services-inner #products .one-product .product-info h3 { + font-size: 33px; + margin: 20px; + margin-left: 35px; +} +#top #services #services-inner #products .one-product .product-info p { + font-size: 15px; + margin-left: 35px; + margin-right: 20px; +} +#top #services #services-inner #products .one-product .product-info .product-btn { + margin-left: 35px; + margin-bottom: 20px; +} +#top #services #services-inner #products .one-product .product-info .product-btn p { + margin-left: 0; +} +#top #services #services-inner #products .one-product .product-info .product-btn a:first-child { + margin-left: 0; +} +#top #services #services-inner #products .one-product .product-info .product-btn a:hover { + opacity: 0.7; +} +#top #services #services-inner #products .one-product .product-info .product-btn a { + display: inline-block; + transition-duration: 200ms; + background-color: #1b1b1b; + border: none; + padding: 7.5px 20px; + font-size: 1rem; + margin: 0.25rem 5px; + text-decoration: none; +} +#top #news { + background-color: #fdfdfd; + overflow: hidden; + margin-right: 20px; + margin-left: 20px; +} +#top #news #news-inner { + margin-left: auto; + margin-right: auto; + text-align: center; +} +#top #news #news-inner #news-flex { + text-align: left; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 3rem; + justify-content: space-around; + margin-top: 40px; +} +#top #news #news-inner #news-flex .one-news:hover { + opacity: 0.8; +} +#top #news #news-inner #news-flex .one-news { + transition-duration: 200ms; + margin-bottom: 35px; + overflow: hidden; +} +#top #news #news-inner #news-flex .one-news a { + text-decoration: none; +} +#top #news #news-inner #news-flex .one-news .news-samune { + width: 100%; + aspect-ratio: 16/9; + background-color: #163469; +} +#top #news #news-inner #news-flex .news-info { + background-color: #edf2f7; +} +#top #news #news-inner #news-flex .news-info .date { + background-color: #163469; + font-size: 14px; + padding: 4px; + color: #fdfdfd; + width: calc(266px / 2); + padding-left: 8px; +} +#top #news #news-inner #news-flex .news-info h3 { + font-size: 16px; + padding: 7px; + margin: 0; +} +#top #news #news-inner .button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + display: inline-block; + margin: 5px auto; + transition-duration: 200ms; + text-decoration: none; +} +#top #news #news-inner .button:hover { + opacity: 0.8; + cursor: pointer; +} +#top #join { + background-color: #edf2f7; + padding: 80px; + display: flex; + justify-content: center; + flex-direction: column; +} +#top #join p { + font-size: 16px; + text-align: center; +} +#top #join a { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + display: block; + margin: 5px auto; + transition-duration: 200ms; + text-decoration: none; +} +#top #join a:hover { + opacity: 0.8; + cursor: pointer; +} +#top #advertise { + background-color: #fdfdfd; + overflow: hidden; + text-align: center; +} +#top #advertise ins { + width: 100%; +} + +#h2-title { + display: flex; + align-items: center; + justify-content: center; +} +#h2-title #particles-js { + position: relative; + width: 100%; + height: 280px; + background-color: #163469; + background-repeat: no-repeat; + background-size: cover; + background-position: 50% 50%; +} +#h2-title h2 { + display: flex; + flex-direction: column; + font-weight: 400; + color: #fdfdfd; + position: absolute; +} +#h2-title h2 span:first-child { + font-size: 38px; + position: relative; + margin-bottom: 1em; + margin: 15px auto; + margin-top: 0; + letter-spacing: 3px; +} +#h2-title h2 span:first-child:before { + content: ""; + position: absolute; + bottom: -6px; + display: inline-block; + width: 60px; + height: 2px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #fdfdfd; +} +#h2-title h2 span:last-child { + font-size: 16px; + text-align: center; +} + +#news #news-list { + width: 1000px; + margin: 60px auto; + margin-bottom: 25px; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 3rem; +} +#news #news-list .one-news:hover { + opacity: 0.8; +} +#news #news-list .one-news { + margin-bottom: 35px; + overflow: hidden; + transition-duration: 200ms; +} +#news #news-list .one-news a { + text-decoration: none; +} +#news #news-list .one-news .news-samune { + width: 100%; + aspect-ratio: 16/9; + object-fit: cover; +} +#news #news-list .one-news .news-info { + background-color: #edf2f7; + height: 100%; +} +#news #news-list .one-news .news-info .date { + background-color: #163469; + font-size: 14px; + padding: 4px; + color: #fdfdfd; + width: calc(266px / 2); + padding-left: 8px; +} +#news #news-list .one-news .news-info h3 { + font-size: 16px; + padding: 7px; + margin: 0; + color: #14171a; +} + +#creators { + background-color: #edf2f7; +} +#creators #creators-list { + width: 1000px; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +#creators #creators-list .one-creator { + display: flex; + flex-direction: row; + margin: 20px auto; +} +#creators #creators-list .one-creator .left-info { + background-color: #163469; + width: 40%; + max-width: 160px; + overflow: hidden; +} +#creators #creators-list .one-creator .left-info img { + width: 100%; + height: auto; +} +#creators #creators-list .one-creator .left-info .involve-project ul { + margin: 7px; + padding: 0; +} +#creators #creators-list .one-creator .left-info .involve-project ul li { + list-style: none; + color: #fdfdfd; +} +#creators #creators-list .one-creator .left-info .involve-project ul li:first-child { + font-size: 16px; +} +#creators #creators-list .one-creator .left-info .involve-project ul li:nth-child(n+2) { + background-color: #1b1b1b; + display: inline-block; + padding: 0 4px; + margin: 1px auto; + font-size: 14px; +} +#creators #creators-list .one-creator .right-info { + width: 320px; + background-color: #fdfdfd; +} +#creators #creators-list .one-creator .right-info h3 { + overflow-wrap: break-word; + margin: 9px 16px; + margin-top: 20px; + font-size: 28px; + color: #14171a; +} +#creators #creators-list .one-creator .right-info p { + margin: 0 16px; + color: #14171a; +} +#creators #creators-list .one-creator .right-info h4 { + margin: 10px 16px; + color: #14171a; +} +#creators #creators-list .one-creator .right-info ul { + padding: 0; + margin: 0; + margin: 3px 16px; +} +#creators #creators-list .one-creator .right-info ul li:nth-child(odd) { + float: left; +} +#creators #creators-list .one-creator .right-info ul li:nth-child(even) { + float: right; +} +#creators #creators-list .one-creator .right-info ul li { + list-style: none; + width: 133px; + margin: 4px auto; + padding: 2px; + font-size: 16px; + border-left: solid 2px #14171a; + border-bottom: solid 2px #14171a; + position: relative; + line-height: 1.1em; + text-indent: 1.1em; +} +#creators #creators-list .one-creator .right-info ul li a:hover { + text-decoration-color: #14171a; + -webkit-text-decoration-color: #14171a; + -moz-text-decoration-color: #14171a; +} +#creators #creators-list .one-creator .right-info ul li a { + display: block; + padding-left: 3px; + overflow-wrap: break-word; + text-decoration: underline; + text-decoration-color: transparent; + -moz-text-decoration-color: transparent; + color: #14171a; + transition-duration: 200ms; +} +#creators #creators-list .one-creator .right-info ul .twitter:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/twitter-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; +} +#creators #creators-list .one-creator .right-info ul .github:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/github-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; +} +#creators #creators-list .one-creator .right-info ul .youtube:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/youtube-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; +} +#creators #creators-list .one-creator .right-info ul .homepage:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/browser-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; +} +#creators #creators-list .one-creator .right-info ul .discord:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/discord-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; +} + +#article { + background-color: #edf2f7; +} +#article article { + width: 900px; + margin: 0 auto; + padding: 20px 30px; + background-color: #fdfdfd; + overflow: hidden; +} +#article article .table-of-contents { + width: 80%; + padding: 25px 50px; + margin: 10px auto; + border-top: solid 5px #163469; + background-color: #edf2f7; + color: #163469; +} +#article article .table-of-contents a:hover { + opacity: 0.6; +} +#article article .table-of-contents a { + transition-duration: 200ms; + color: #14171a; +} +#article article h3 { + color: #14171a; + border-bottom: #163469 solid 3px; + font-size: 25px; + margin: 23px auto; +} +#article article h4 { + color: #14171a; + border-left: #163469 solid 3px; + font-size: 19px; + padding-left: 5px; +} +#article article h5 { + font-size: 18px; + color: #14171a; + position: relative; + padding-left: 1em; + line-height: 1; +} +#article article h5:before { + font-family: "Font Awesome 5 Free"; + content: ""; + font-weight: 900; + position: absolute; + font-size: 0.8em; + left: 0; + top: 0.1em; + color: #163469; +} +#article article p { + color: #14171a; +} +#article article a { + color: #163469; +} + +#contact { + overflow: hidden; + background-color: #fdfdfd; +} +#contact #contact-form { + width: 800px; + margin: 0 auto; + margin-bottom: 60px; +} +#contact #contact-form h3 { + font-size: 25px; + text-align: center; +} +#contact #contact-form p { + text-align: center; +} +#contact #contact-form fieldset { + display: inline-block; +} +#contact #contact-form div:not(.agreement, .error) { + padding: 10px; + border-top: solid #a9a9a9 1px; + display: flex; + flex-wrap: wrap; +} +#contact #contact-form label { + text-align: right; + margin-right: 30px; + display: block; + width: 240px; + float: left; +} +#contact #contact-form label span { + background-color: #ff1a1a; + color: #fdfdfd; + font-size: 13px; + padding: 1px 3px; + margin-left: 10px; + white-space: nowrap; +} +#contact #contact-form input[type=text]:focus, +#contact #contact-form select:focus, +#contact #contact-form textarea:focus { + outline: 2px solid transparent; + outline-offset: 2px; + border-color: #163469; +} +#contact #contact-form input[type=text] { + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 35px; + padding-left: 10px; + transition-duration: 200ms; +} +#contact #contact-form select { + width: 415px; + height: 35px; + border: solid 1px #a9a9a9; + background-color: #edf2f7; + padding-left: 10px; + transition-duration: 200ms; +} +#contact #contact-form textarea { + resize: vertical; + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 150px; + padding-left: 10px; + padding-top: 7.5px; + transition-duration: 200ms; +} +#contact #contact-form .error { + color: #ff1a1a; + font-size: 15px; + padding: 3px; + margin-left: 270px; + border: none; +} +#contact #contact-form button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 30px auto; + display: block; + text-align: center; + transition-duration: 200ms; +} +#contact #contact-form button:hover { + opacity: 0.8; + cursor: pointer; +} +#contact #contact-form .agreement { + text-align: center; + display: flex; + justify-content: center; + padding-top: 20px; + padding-bottom: 20px; +} +#contact #contact-form .agreement label { + width: auto; +} +#contact #contact-form .agreement input[type=checkbox] { + margin: 6px; +} + +#contents-check { + background-color: #fdfdfd; + overflow: hidden; +} +#contents-check form { + width: 800px; + margin: 0 auto; +} +#contents-check form h3 { + text-align: center; + font-size: 25px; +} +#contents-check form .first-p { + text-align: center; +} +#contents-check form .contents-check-inner { + background-color: #edf2f7; + border: 1px solid #a9a9a9; + border-radius: 4px; + width: 90%; + margin: 0 auto; + padding: 10px; +} +#contents-check form .contents-check-inner div label { + text-align: right; + float: left; + width: 240px; + font-weight: 600; + margin-right: 40px; +} +#contents-check form .contents-check-inner div p { + overflow: hidden; +} +#contents-check form .contents-check-inner div ul { + overflow: hidden; + padding: 0; +} +#contents-check form .contents-check-inner div ul li { + list-style: none; +} +#contents-check form .buttons { + display: flex; + flex-direction: row; + justify-content: center; +} +#contents-check form .buttons button, +#contents-check form .buttons input[type=button] { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 20px; + display: block; + text-align: center; + transition-duration: 200ms; +} +#contents-check form .buttons button:hover, +#contents-check form .buttons input[type=button]:hover { + opacity: 0.8; + cursor: pointer; +} + +#contact-thanks { + background-color: #fdfdfd; +} +#contact-thanks .contact-thanks-inner { + background-color: #edf2f7; + overflow: hidden; + width: 500px; + margin: 100px auto; + border-radius: 5px; +} +#contact-thanks .contact-thanks-inner h3, +#contact-thanks .contact-thanks-inner p { + text-align: center; +} +#contact-thanks .contact-thanks-inner h3 { + font-size: 25px; +} +#contact-thanks .contact-thanks-inner button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 20px; + display: block; + margin: 20px auto; + transition-duration: 200ms; +} +#contact-thanks .contact-thanks-inner button a { + color: #fdfdfd; + display: block; + text-decoration: none; +} +#contact-thanks .contact-thanks-inner button:hover { + opacity: 0.8; + cursor: pointer; +} + +#join { + overflow: hidden; + background-color: #fdfdfd; +} +#join #join-form { + width: 800px; + margin: 0 auto; + margin-bottom: 60px; +} +#join #join-form h3 { + font-size: 25px; + text-align: center; +} +#join #join-form p { + text-align: center; +} +#join #join-form fieldset { + display: inline-block; +} +#join #join-form .agreement { + text-align: center; + display: flex; + justify-content: center; + padding-top: 20px; + padding-bottom: 20px; +} +#join #join-form .agreement label { + width: auto; +} +#join #join-form .agreement input[type=checkbox] { + margin: 6px; +} +#join #join-form .joinsan { + padding: 10px; + border-top: solid #a9a9a9 1px; + display: flex; + flex-wrap: wrap; +} +#join #join-form label { + text-align: right; + margin-right: 30px; + display: block; + width: 240px; + float: left; +} +#join #join-form label span { + background-color: #ff1a1a; + color: #fdfdfd; + font-size: 13px; + padding: 1px 3px; + margin-left: 10px; + white-space: nowrap; +} +#join #join-form input[type=text]:focus, +#join #join-form select:focus, +#join #join-form textarea:focus { + outline: 2px solid transparent; + outline-offset: 2px; + border-color: #163469; +} +#join #join-form input[type=text] { + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 35px; + padding-left: 10px; + transition-duration: 200ms; +} +#join #join-form select { + width: 415px; + height: 35px; + border: solid 1px #a9a9a9; + background-color: #edf2f7; + padding-left: 10px; + transition-duration: 200ms; +} +#join #join-form textarea { + resize: vertical; + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 150px; + padding-top: 7.5px; + padding-left: 10px; + transition-duration: 200ms; +} +#join #join-form .error { + color: #ff1a1a; + font-size: 15px; + padding: 3px; + margin-left: 270px; +} +#join #join-form .go-check { + display: block; + text-align: center; + width: 80px; + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 30px auto; + text-decoration: none; + transition-duration: 200ms; +} +#join #join-form .go-check:hover { + opacity: 0.8; + cursor: pointer; +} +#join #join-form .check, +#join #join-form .check1 { + display: flex; + align-items: center; + padding-left: 11%; + padding: 0; +} +#join #join-form .check label, +#join #join-form .check1 label { + margin-right: 0; + text-align: left; +} +#join #join-form .checktext { + padding-right: 100%; + border-top: solid #a9a9a9 2px; + flex-wrap: wrap; +} + +#hero { + height: 80vh; +} +#hero picture img { + width: 100%; + height: 100%; + object-fit: cover; + pointer-events: none; +} +#hero .contents img { + pointer-events: none; + max-height: 3rem; +} +#hero .contents p { + display: block; + font-size: 1.3rem; +} +#hero .contents a { + display: inline-block; + background-color: #163469; + color: white; + padding: 0.75rem 1.5rem; + text-decoration: none; + transition-duration: 200ms; +} +#hero .contents a:hover { + opacity: 0.8; +} +#hero .contents.left { + padding-left: 2rem; + position: absolute; + top: 50%; + left: 33.33333%; + transform: translateX(-50%) translateY(-50%); +} +#hero .contents.center { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); +} + +#product section { + padding: 2rem; + font-size: 1.125rem; + min-height: 15rem; +} +#product section .contents { + text-align: center; + max-width: 72rem; + margin-left: auto; + margin-right: auto; + padding-bottom: 2rem; +} +#product section h2 { + margin: 0; + font-size: 2rem; +} +#product section h3 { + margin: 0; + padding-bottom: 1.5rem; +} +#product section ul { + display: inline-block; + text-align: left; +} +#product .button { + margin-top: 1rem; + margin-bottom: 1rem; + display: inline-block; + background-color: #163469; + color: white; + padding: 0.5rem 1rem; + text-decoration: none; + transition-duration: 200ms; +} +#product .button:hover { + opacity: 0.8; +} +#product #features .split { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; +} +#product #features .split .feature { + padding: 1.25rem; + background-color: white; + transition-duration: 200ms; +} +#product #features .split .feature:hover { + transform: translateY(-0.25rem); + box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, 0.1); +} +#product #features .split .feature i { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 3rem; +} +#product #features .split .feature h3 { + padding: 0; +} +#product #requirements table { + border-collapse: collapse; + table-layout: auto; + margin-left: auto; + margin-right: auto; +} +#product #requirements table td { + padding: 0.5rem; +} +#product #requirements table td:first-child { + border-right: solid 1px black; +} +#product .blue { + background-color: #edf2f7; +} +#product #about p { + line-height: 2rem; +} +#product .disabled { + color: white; + cursor: not-allowed; + opacity: 0.5; + text-decoration: none; + pointer-events: none; +} +#product .version select { + cursor: pointer; + padding: 0.5rem 2.5rem 0.5rem 1rem; + margin-bottom: 0.25rem; + font-size: 1rem; + border-radius: 0; + transition-duration: 200ms; + -webkit-appearance: none; + background-image: linear-gradient(45deg, transparent 50%, rgba(0, 0, 0, 0.4) 50%), linear-gradient(135deg, rgba(0, 0, 0, 0.4) 50%, transparent 50%); + background-size: 5px 5px, 5px 5px; + background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; + background-repeat: no-repeat; +} +#product .version select:hover { + border-color: #163469; +} +#product .version select:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +#product .agreement { + margin-top: 1rem; + margin-bottom: 1rem; +} + +#product-col { + margin-left: auto; + margin-right: auto; + max-width: 80rem; + padding: 5rem; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; +} +#product-col div { + padding-left: 2rem; + padding-right: 2rem; + background-color: #222; + border-radius: 0.5rem; + text-align: center; + color: white; + padding-bottom: 2rem; +} +#product-col div.col-span-1 { + grid-column: span 1/span 1; +} +#product-col div.col-span-2 { + grid-column: span 2/span 2; +} +#product-col div.col-span-3 { + grid-column: span 3/span 3; +} +#product-col div h2, +#product-col div p, +#product-col div cite, +#product-col div cite a { + color: white; +} +#product-col div img { + width: 100%; +} +#product-col div .compare { + padding: 0; +} +#product-col div .compare p { + text-align: left; +} +#product-col div .compare .bar { + padding: 0; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + border-radius: 9999px; + margin-top: 1rem; + margin-bottom: 1rem; +} +#product-col div .compare .bar.edge { + background-color: #0078d7; +} +#product-col div .compare .bar.firefox { + background-color: #e66000; + width: 60%; +} +#product-col div .compare .bar.monot { + background-color: #8a8a8a; + width: 20%; +} +#product-col a.dlbutton { + margin-bottom: 2rem; + display: inline-block; + background-color: #a0a0a0; + border-radius: 9999px; + text-decoration: none; + padding: 0.8rem 1.6rem; + color: black; + transition-duration: 200ms; +} +#product-col a.dlbutton:hover { + background-color: #d1d1d1; +} +#product-col div blockquote { + background-color: #292929; + border-radius: 0.5rem; + padding: 0.8rem 1.6rem; +} + +#NotFound { + background-color: #fdfdfd; + position: relative; +} +#NotFound #particles-js { + background-color: #163469; + height: calc(100vh - 70px - 237px); +} +#NotFound #notfound-inner { + width: 900px; + display: flex; + justify-content: center; + flex-direction: column; + position: absolute; + top: 50%; + left: 50%; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +#NotFound #notfound-inner h3, +#NotFound #notfound-inner p { + text-align: center; +} +#NotFound #notfound-inner h3 { + font-size: 40px; +} +#NotFound #notfound-inner p { + font-size: 20px; +} +#NotFound #notfound-inner h2 { + font-size: 15px; +} +#NotFound #notfound-inner .fa-home { + text-align: center; + color: #fff; +}/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/css/style.css.map b/css/style.css.map new file mode 100644 index 0000000..91503c0 --- /dev/null +++ b/css/style.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":";AAWA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBE;EACA,OArBY;;;AAwBd;EACE;;;AAGF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA,YAzCW;;;AA4Cb;EACE;;;AAEF;EACE;;AACA;EACE;EACA;EACA,kBAtDS;;AAuDT;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE,OAvFC;EAwFD;EACA;;AAEF;EACE;;AAMV;EACE;EACA,kBAlGS;EAmGT;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAIN;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE;;AAEF;EACE;EACA,OAxIC;EAyID;EACA;;AACA;EACE;;AAEF;EACE,OAnJD;EAoJC;EACA;;AAMV;EACE,kBAzJS;EA0JT;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA,OAvKG;EAwKH;EACA;;AACA;EACE,uBA3KC;EA4KD,+BA5KC;EA6KD,4BA7KC;;AA+KH;EACE,OAhLC;EAiLD;EACA;EACA;EACA;EACA;;;AASZ;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;AAGJ;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKN;EACE;;AAGF;EACE;;AAEA;EACE;;AAIN;AAAA;EAEE;;AAEF;EACE;;;AAKF;EACE;EACA;EACA;EACA,OAnRS;EAoRT;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAnSS;;AAqSX;EACE;EACA;;AAEF;EACE,kBA5SS;EA6ST;;AAEE;EACE;EACA,OA3SM;EA4SN;EACA;;AAIN;EACE,kBAvTQ;EAwTR;;AACA;EACE;;AACA;EACE;;AACA;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE,kBAjVC;EAkVD;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EAGE,OA5VD;EA6VC;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA,kBArXD;EAsXC;EACA;EACA;EACA;EACA;;AAQd;EACE,kBAtYS;EAuYT;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA,kBAhaC;;AAmaL;EACE,kBAraE;;AAsaF;EACE,kBAtaC;EAuaD;EACA;EACA,OA3aC;EA4aD;EACA;;AAEF;EACE;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA,kBAxbK;EAybL,OA3bK;EA4bL;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAIN;EACE,kBAvcQ;EAwcR;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA,kBAndO;EAodP,OAtdO;EAudP;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE,kBAleS;EAmeT;EACA;;AACA;EACE;;;AAMN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA,kBAlfS;EAmfT;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,OA7fS;EA8fT;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAjhBO;;AAmhBT;EACE;EACA;;;AAOJ;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;;AAEF;EACE,kBAljBI;EAmjBJ;;AACA;EACE,kBApjBG;EAqjBH;EACA;EACA,OAzjBG;EA0jBH;EACA;;AAEF;EACE;EACA;EACA;EACA,OA3jBI;;;AAmkBd;EACE,kBAzkBU;;AA0kBV;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE,kBAplBK;EAqlBL;EACA;EACA;;AACA;EACE;EACA;;AAGA;EACE;EACA;;AACA;EACE;EACA,OApmBD;;AAsmBD;EACE;;AAEF;EACE,kBAvmBC;EAwmBD;EACA;EACA;EACA;;AAKR;EACE;EACA,kBArnBK;;AAsnBL;EACE;EACA;EACA;EACA;EACA,OArnBI;;AAunBN;EACE;EACA,OAznBI;;AA2nBN;EACE;EACA,OA7nBI;;AA+nBN;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,uBArpBA;EAspBA,+BAtpBA;EAupBA,4BAvpBA;;AAypBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OAhqBA;EAiqBA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AASZ;EACE,kBAtuBU;;AAuuBV;EACE;EACA;EACA;EACA,kBA5uBS;EA6uBT;;AACA;EACE;EACA;EACA;EACA;EACA,kBAlvBM;EAmvBN,OAlvBO;;AAmvBP;EACE;;AAEF;EACE;EACA,OApvBM;;AAuvBV;EACE,OAxvBQ;EAyvBR;EACA;EACA;;AAEF;EACE,OA9vBQ;EA+vBR;EACA;EACA;;AAEF;EACE;EACA,OArwBQ;EAswBR;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OAtxBO;;AAwxBT;EACE,OArxBQ;;AAuxBV;EACE,OA5xBO;;;AAkyBb;EACE;EACA,kBAtyBW;;AAuyBX;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE,kBA7zBI;EA8zBJ,OAn0BK;EAo0BL;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;EAGE;EACA;EACA,cA70BO;;AA+0BT;EACE,kBAj1BM;EAk1BN;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,kBA51BM;EA61BN;EACA;;AAEF;EACE;EACA,kBAl2BM;EAm2BN;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE,OAv2BM;EAw2BN;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,kBAp3BO;EAq3BP,OAv3BO;EAw3BP;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;;AAOR;EACE,kBAn5BW;EAo5BX;;AACA;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE,kBA/5BM;EAg6BN;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AACA;EACE;;AAKR;EACE;EACA;EACA;;AACA;AAAA;EAEE;EACA;EACA;EACA,kBAj8BK;EAk8BL,OAp8BK;EAq8BL;EACA;EACA;EACA;;AAEF;AAAA;EAEE;EACA;;;AAOR;EACE,kBAr9BW;;AAs9BX;EACE,kBAt9BQ;EAu9BR;EACA;EACA;EACA;;AACA;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA,kBAr+BO;EAs+BP,OAx+BO;EAy+BP;EACA;EACA;EACA;;AACA;EACE,OA9+BK;EA++BL;EACA;;AAGJ;EACE;EACA;;;AAMN;EACE;EACA,kBA7/BW;;AA8/BX;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE,kBAjiCI;EAkiCJ,OAviCK;EAwiCL;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;EAGE;EACA;EACA,cAjjCO;;AAmjCT;EACE,kBArjCM;EAsjCN;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA,kBAhkCM;EAikCN;EACA;;AAEF;EACE;EACA,kBAtkCM;EAukCN;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE,OA3kCM;EA4kCN;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBA1lCO;EA2lCP,OA7lCO;EA8lCP;EACA;EACA;;AAEF;EACE;EACA;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AAGJ;EACE;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIN;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAMF;EAQE;EACA;EACA;;AATA;EACE;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;;AAEF;EACE;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAIN;EACE;EACA;EACA;EACA;;AACA;EAIE;;AAHA;EACE;;AAKN;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAMA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAaE;EACA;EACA;EACA;EACA;EACA;EACA;;AAlBA;EACE;;AAGF;EACE;;AAGF;EACE;;AAWF;AAAA;AAAA;AAAA;EAIE;;AAGF;EACE;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;;AAKJ;EACE,kBAl4CW;EAm4CX;;AACA;EACE,kBAn4CS;EAo4CT;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;EAEE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA","file":"style.css.map"} \ No newline at end of file diff --git a/css/vclinux.css b/css/vclinux.css new file mode 100644 index 0000000..a733e2e --- /dev/null +++ b/css/vclinux.css @@ -0,0 +1,170 @@ +header h1, header h2, header h3, header h4, header div, header ul, header li, header a, header th, header td, header input, main h1, main h2, main h3, main h4, main div, main ul, main li, main a, main th, main td, main input { + font-family: "Noto Sans JP", sans-serif; + font-weight: 100; +} + +body { + margin: 0; +} +body header { + width: 100%; + height: 60px; + margin-top: 30px; +} +body header #header-inner { + width: 1000px; + height: 60px; + margin: 0 auto; + display: flex; + flex-direction: row; + justify-content: space-between; +} +body header #header-inner h1 { + line-height: 60px; + margin: 0; + color: white; +} +body header #header-inner ul { + padding: 0; + display: flex; + flex-direction: row; +} +body header #header-inner ul li { + list-style: none; + margin: auto 10px; + color: white; +} +body header #header-inner ul li a { + color: white; + text-decoration: none; +} +body header #header-inner ul li a:hover { + opacity: 0.7; +} +body main #hero-header { + background-image: url(https://assets.media-platform.com/bi/dist/images/2021/03/19/black-w640.jpeg); + background-repeat: no-repeat; + background-size: cover; + width: 100%; + height: 700px; + margin-top: -90px; + display: flex; + justify-content: center; + align-items: center; +} +body main #hero-header #hero-header-inner .top-h2 { + color: white; + margin: 0; + display: flex; + flex-direction: column; + text-align: center; + font-size: 50px; +} +body main #hero-header #hero-header-inner .top-h2 span { + font-size: 20px; +} +body main .normal-h2 { + font-size: 30px; + display: flex; + flex-direction: column; + text-align: center; + letter-spacing: 4px; +} +body main .normal-h2 span { + font-size: 18px; +} +body main .word-btn { + width: 100%; + margin: 0 auto; +} +body main .word-btn .btn-word { + text-align: center; +} +body main .word-btn .btn { + text-align: center; +} +body main .word-btn .btn input { + border: none; + padding: 5px 30px; + margin-top: 10px; +} +body main .word-btn .btn input:hover { + opacity: 0.8; +} +body main #welcome { + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; +} +body main #welcome #introduction { + text-align: center; +} +body main #feature { + -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + background-color: white; + margin-top: -100px; + padding: 140px; +} +body main #feature #feature-inner { + display: flex; + flex-direction: row; + justify-content: center; + width: 900px; + margin: 0 auto; +} +body main #feature #feature-inner .feature-item { + margin: 0 40px; +} +body main #feature #feature-inner .feature-item img { + border-radius: 50%; + width: 180px; +} +body main #feature #feature-inner .feature-item h3 { + width: 100%; + text-align: center; +} +body main #feature #feature-inner .feature-item .feature-detail { + width: 100%; + text-align: center; +} +body main #download { + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; +} +body main #systemReq { + -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + background-color: white; + margin-top: -100px; + padding: 140px; +} +body main #systemReq #systemReq-detail table { + margin: 0 auto; + margin-top: 30px; + border-collapse: collapse; +} +body main #systemReq #systemReq-detail table tr td { + padding: 3px 10px; +} +body main #systemReq #systemReq-detail table tr td:first-child { + border-right: solid 2px black; +} +body main #support { + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; +}/*# sourceMappingURL=vclinux.css.map */ \ No newline at end of file diff --git a/css/vclinux.css.map b/css/vclinux.css.map new file mode 100644 index 0000000..f2e8a62 --- /dev/null +++ b/css/vclinux.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/vclinux.scss"],"names":[],"mappings":"AACI;EACI;EACA;;;AAGR;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AACA;EACI;;AAQpB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAMhB;EAEI;EACA;EACA;EACA;EACA;;AACA;EACI;;AAIR;EACI;EACA;;AACA;EACI;;AAEJ;EACI;;AACA;EACI;EACA;EACA;;AACA;EACI;;AAOhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;;AAGR;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AACA;EACI;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEI;EACI;EACA;EACA;;AAEI;EACI;;AACA;EACI;;AAOxB;EACI;EACA;EACA;EACA;EACA;EACA;EACA","file":"vclinux.css.map"} \ No newline at end of file diff --git a/en/403.html b/en/403.html new file mode 100644 index 0000000..51c7b80 --- /dev/null +++ b/en/403.html @@ -0,0 +1,63 @@ + + + + + + 403 Forbidden | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +

    403 Forbidden

    +

    Oops. Are you blocked access? How about waiting reset this world? +

    + +

    +     +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/en/404.html b/en/404.html new file mode 100644 index 0000000..778295f --- /dev/null +++ b/en/404.html @@ -0,0 +1,62 @@ + + + + + + 404 NotFound | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    404 Not Found

    +

    Oops.There is not a page here. How about waiting until reset this world?

    +
    + +

    +     +
    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/en/500.html b/en/500.html new file mode 100644 index 0000000..0a32eee --- /dev/null +++ b/en/500.html @@ -0,0 +1,62 @@ + + + + + + 500 ERROR | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    +

    500 ERROR

    +

    Oops. This world was broke! We are fixing.

    + +

    +     +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/en/creators.html b/en/creators.html new file mode 100644 index 0000000..c10ba76 --- /dev/null +++ b/en/creators.html @@ -0,0 +1,932 @@ + + + + + + Creators | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + CREATORS + +

    +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Leader
      • +
    • Linux
      • +
    • Web
      • +
    +
    +
    +
    +

    ぴなっつ

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Linux
      • +
    • Design
      • +
    • Video
      • +
    +
    +
    +
    +

    お餅のcreeper

    +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Linux
      • +
    +
    +
    +
    +

    sakana

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Web
      • +
    +
    +
    +
    +

    Roii.py

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Linux
      • +
    • Web
      • +
    • Video
      • +
    • Browser
      • +
    +
    +
    +
    +

    アース

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Design
      • +
    +
    +
    +
    +

    動く点P

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Web
      • +
    • Design
      • +
    • Video
      • +
    • Sound effect
      • +
    +
    +
    +
    +

    Sorakime

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Linux
      • +
    • Web
      • +
    +
    +
    +
    +

    しゃねこ

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Linux
      • +
    +
    +
    +
    +

    きつねのごん

    +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Linux
      • +
    • Web
      • +
    • Video
      • +
    +
    +
    +
    +

    とうふ

    +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Linux
      • +
    +
    +
    +
    +

    ぽこな

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Sound effect
      • +
    +
    +
    +
    +

    せごP

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Web
      • +
    • Design
      • +
    +
    +
    +
    +

    PocoPota

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Linux
      • +
    • Sound effect
      • +
    +
    +
    +
    +

    Nknight AMAMIYA

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Web
      • +
    • Design
      • +
    +
    +
    +
    +

    Aru

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Design
      • +
    • Video
      • +
    +
    +
    +
    +

    抹茶大福

    +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Linux
      • +
    • Web
      • +
    +
    +
    +
    +

    Xepos

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Web
      • +
    • Design
      • +
    +
    +
    +
    +

    Paaaaa4

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Web
      • +
    • Design
      • +
    +
    +
    +
    +

    しおん

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Web
      • +
    +
    +
    +
    +

    wamo

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Linux
      • +
    +
    +
    +
    +

    かたかめ

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Design
      • +
    • Sound effect
      • +
    +
    +
    +
    +

    そらーん

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Web
      • +
    • Linux
      • +
    +
    +
    +
    +

    のぶくく

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Design
      • +
    +
    +
    +
    +

    Haru

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Linux
      • +
    +
    +
    +
    +

    桜0503

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Linux
      • +
    +
    +
    +
    +

    Ao.skyblue-japan

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Linux
      • +
    +
    +
    +
    +

    CyberRex

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Web
      • +
    • Design
      • +
    +
    +
    +
    +

    駄々ん

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Projects
      • +
    • Linux
      • +
    • Design
      • +
    +
    +
    +
    +

    がさがっさー

    +

    Website

    + +
    +
    + +
    +
    + + + + +
    +
      +
    • Project
      • +
    • Design
      • +
    +
    +
    +
    +

    ハムぴぃ

    +

    Website

    + +
    +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/en/include.js b/en/include.js new file mode 100644 index 0000000..4b812fd --- /dev/null +++ b/en/include.js @@ -0,0 +1,152 @@ +const moveToLangPage = (lang) => { + let currentUrl = location.pathname; + let langUrl = ""; + const regex = new RegExp('\/[ce]n\/'); + if (regex.test(currentUrl)) { + currentUrl = currentUrl.slice(3); + } + if (currentUrl == "/") { + currentUrl = ""; + } + if (lang !== "ja") { + langUrl = lang; + } + const destinationUrl = location.protocol + "//" + location.host + "/" + langUrl + currentUrl; + window.location.href = destinationUrl; +} + +document.addEventListener("DOMContentLoaded", function () { + // head + const head = document.head; + + let head_content = + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + ''; + + head.insertAdjacentHTML("afterbegin", head_content); + + // header + const header = document.getElementById("header"); + + const header_content = + '
    ' + + "

    " + + '' + + 'VCborn' + + "" + + "

    " + + "" + + "
    "; + + if (header) { + header.innerHTML = header_content; + } + + // footer + const footer = document.getElementById("footer"); + + const footer_content = + '" + + '" + + " + + + + +
    + + + + + + \ No newline at end of file diff --git a/en/maintenance.html b/en/maintenance.html new file mode 100644 index 0000000..d83941e --- /dev/null +++ b/en/maintenance.html @@ -0,0 +1,24 @@ + + + + Maintenance | VCborn + + + + + + + + +

    It is now under maintenance.

    +

    We apologize for any inconvenience

    + + \ No newline at end of file diff --git a/en/presskit.html b/en/presskit.html new file mode 100644 index 0000000..3fb203a --- /dev/null +++ b/en/presskit.html @@ -0,0 +1,174 @@ + + + + + + Press kit | VCborn + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + PRESS KIT + +

    +
    +
    +
    +

    Note: Please do not engage in secondary distribution without permission. +

    +
    +
    +
    +
    +

    VCborn

    +

    Logo + Icon

    + + Download + + +
    + + + VCborn Logo + +
    +
    +
    +

    VCLinux

    +

    Logo + Screenshot + etc...

    + + Download + + +
    + + + VCLinux Logo + +
    +
    +
    +

    Reamix

    +

    Logo + Icon

    + + Download + + +
    + + + Reamix Logo + +
    +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/en/privacypolicy.html b/en/privacypolicy.html new file mode 100644 index 0000000..6786d1e --- /dev/null +++ b/en/privacypolicy.html @@ -0,0 +1,144 @@ + + + + + + Privacy Policy | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + Privacy Policy + +

    +
    +
    + +

    Handling of Personal Information

    +

    + VCborn official website (hereinafter referred to as "this site") recognizes the serious social responsibility + for the protection of personal information in operating the site and services, and has established the privacy + policy in order to protect the rights of the individual, comply with laws and regulations regarding personal + information, and continuously improve it. +

    +

    Definition

    +

    + For the purposes of this Privacy Policy, personal information is defined as personal information as defined in + the Personal Information Protection Law (information about a living individual that can be used to identify a + specific individual, including name, date of birth, address, telephone number, etc.), as well as information + such as e-mail address and password that is used in connection with a specific individual. The term "personal + information" as used herein refers to personal information as defined by the Personal Information Protection Law + (including names, birth dates, addresses, telephone numbers, etc.), e-mail addresses, passwords, and other + information used in connection with a specific individual. +

    +

    Acquisition

    +

    + Personal information will be obtained and used in an appropriate manner to the minimum extent necessary. We will + not use the acquired personal information for any purpose other than the purpose for which it was acquired, and + we will delete the acquired personal information after the purpose for which it was acquired has been completed. +

    +

    Management

    +

    + Personal information will be appropriately managed by the Group's representative, administrator, or responsible + person, and appropriate security measures will be taken in accordance with the law and the regulations set forth + on this website to prevent unauthorized access to personal information, as well as the loss, alteration, or + leakage of personal information. +
    + In the event that the handling of personal information is outsourced to another party, we will ensure that the + outsourced party is appropriately managed and supervised. +

    +

    Use

    +

    + Unless otherwise specified, this site uses personal information to the extent necessary for the following + purposes: +

    +
      +
    1. Provide this site and its services
      2. +
    2. The operation, development, and maintenance of this website and its services
      3. +
    3. Check the usage status of this site and services
      4. +
    4. Provide safe service of this site and services.
      5. +
    5. Improve and develop this site and its services
      6. +
    6. Inform you of important matters regarding the services of this site and its services
      7. +
    7. Improve the distribution of advertisements on this site and services
      8. +
    8. Reply to inquiries and questions about this site and its services, and to provide information
      9. +
    +

    Provision to Third Parties

    +

    + This website will not provide personal information to third parties without the permission of the individual, + except in the following exceptional cases: +

    +
      +
    1. Disclosing or providing information in a manner that does not allow for personal identification (e.g., + statistical data)
      2. +
    2. All or part of the information is disclosed or provided to a subcontractor within the scope necessary for + business operations
      3. +
    3. The business of this site is succeeded due to a merger, division, transfer of business, or other + reasons
      4. +
    4. Required by law, etc
      5. +
    +

    Procedures for disclosure, correction, etc

    +

    + If you wish to disclose or correct your personal information, please contact us as soon as your identity is + confirmed. Please contact us from the + Contact Us page + of this website. +

    +

    Revision

    +

    + This website policy is subject to change without notice due to changes in laws and regulations or changes in + service offerings. +

    +

    + (Enacted on August 23, 2021) +
    + (Revised on November 06, 2021) +

    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/en/services/reamix/index.html b/en/services/reamix/index.html new file mode 100644 index 0000000..89e4c41 --- /dev/null +++ b/en/services/reamix/index.html @@ -0,0 +1,161 @@ + + + + + + Reamix | VCborn + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Reamix Image + +
    + Reamix ロゴ +

    Browser for your living.

    + + Download + + +
    +
    +
    +
    +

    Simplest design

    +

    + Look! Adress bar is + about 4 percent thin + than Microsoft Edge. +
    + You will fun web experience that UI is smart and more wide. +

    + + + Thin Addressbar + +
    +
    +

    High speed

    +

    Loading speed is fast than Microsoft Edge.

    +
    +

    Microsoft Edge / 1.6s

    +
    +

    Firefox / 1.4s

    +
    +

    Reamix / 1.0s

    +
    +
    +
    + +
    +

    Download

    + + + Download for Linux + + + + Download for Windows + +
    + Old versions + Under construction. +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/en/services/vclinux/index.html b/en/services/vclinux/index.html new file mode 100644 index 0000000..fd2eca3 --- /dev/null +++ b/en/services/vclinux/index.html @@ -0,0 +1,225 @@ + + + + + + VCLinux | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + VCLinux Image + +
    + VCLinux ロゴ +

    The best Linux for you.

    + + Download + + +
    +
    +
    +
    +
    +

    What's VCLinux?

    +

    + VCLinux is custom Linux that is developing by VCborn. +
    + It's based on KDEneon and has been customized to make it easier for Japanese people to use. +
    + You can use Windows software (such as AviUtl). (This is not included in Beta1) +
    + BBeta1 is not equipped with Onlyoffice. Instead, it uses LibreOffice Brave, which has been translated into + Japanese. +

    +
    +
    +
    +
    +

    Features

    +
    +
    + +

    Support windows software

    +

    + You can use Windows software without garbled characters using Wine. (Incomplete in Beta1). +

    +
    +
    + +

    New Experience Browsing

    +

    Uses its own browser. + +

    +
    +
    + +

    More comfortable programming

    +

    VCLinux uses VSCode as its text editor.

    +
    +
    +
    +
    +
    +
    +

    Important notes

    +
      +
    • It's very unstable.
      • +
    • + Please + enable auto-login during installation + as sddm does not work properly. +
      • +
    +
    +
    +
    +
    +

    Download

    +
    + + +
    + + +
    +
    + + Download + + +
    +
    +
    +
    +

    Minimum Requirements

    + + + + + + + + + + + + + + + +
    CPUCore 2 Duo or higher
    RAM1GB(Recommended 2GB or higher)
    DISK25GB or higher
    +
    +
    +
    +
    +

    Support

    +

    + If you want to see installation guide, please see + here. +
    + There is any problem or bug, contact from + Contact Us page. +

    +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/en/services/wiki/index.html b/en/services/wiki/index.html new file mode 100644 index 0000000..db2276d --- /dev/null +++ b/en/services/wiki/index.html @@ -0,0 +1,168 @@ + + + + + + Wiki | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Wiki Sample Image + +
    +

    VCborn Wiki

    +

    Wiki of VCborn, bt VCborn, for VCborn.

    + + Learn more + + +
    +
    +
    +
    + +
    +

    Why wiki？

    +

    The VCborn Wiki was created to make it easier to share documents within VCborn and to keep track of the + progress of each software.

    +
    +
    +
    + +
    +

    Application for use

    +

    Please select "Apply for VCborn Wiki" from the Contact Us section of the Contact Us form on this website.

    + Apply to use now +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/en/sitepolicy.html b/en/sitepolicy.html new file mode 100644 index 0000000..665aed4 --- /dev/null +++ b/en/sitepolicy.html @@ -0,0 +1,105 @@ + + + + + + Site Policy | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    Site Policy

    +
    +
    + +

    Terms of Use for the Website

    +

    Please read and agree to this website policy before using the VCborn official website (hereinafter referred to + as "this website").

    +

    Cookie

    +

    This website uses cookies for some of its contents. Cookies are information that is stored in your browser when + you access the site, and do not contain personal information such as your name or e-mail address. Cookies may be + used to deliver effective advertisements to those who access this site and for access analysis. You can set your + browser not to use cookies. +

    +

    Advertising

    +

    This website uses a third-party advertising service (Google AdSense), which uses cookies to display products + and advertisements that match the interests of users.

    +

    For more information on how to disable cookies and on Google AdSense, please visit the Advertising - Privacy & + Terms - Google page.

    +

    Analytics Services

    +

    + This website uses "Google Analytics", an access analysis tool by Google. This Google Analytics uses cookies to + collect data. This data is collected anonymously and does not identify you personally. +

    +

    You can reject this feature by disabling cookies, so please check the settings of your browser. For more + information about these terms, please see the Google Analytics Terms + of Service page and Privacy & Terms + - Google.

    +

    Disclaimer

    +

    While we strive to provide as much correct information as possible, the content and information on this site + may contain erroneous or outdated information.

    +

    + The copyrights and portrait rights of the photos and images on this site belong to VCBorn and the respective + rights holders. If there are any problems with the photos and images on this site, please contact us from the contact page of this site by the owner of each right. We will respond to you after + confirmation. +

    +

    In the event that you are transferred from this website to another website through a link or banner, etc., this + website assumes no responsibility whatsoever for the information, services, etc. provided by the destination + website.

    +

    We will not be liable for any damages incurred by users as a result of interruptions, suspensions, or changes + to this website.

    +

    We are not responsible for any damage caused by the information on this site.

    +

    Revision

    +

    This site policy is subject to change without notice due to changes in laws and regulations or changes in + service offerings.

    +

    (Enacted on August 23, 2021)

    +
    +
    + + + + + + + + + + \ No newline at end of file diff --git a/en/support.html b/en/support.html new file mode 100644 index 0000000..785eb58 --- /dev/null +++ b/en/support.html @@ -0,0 +1,67 @@ + + + + + + Support | VCborn + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + Support + SUPPORT +

    +
    +
    +

    This page contains frequently asked questions and instructions on how to use each of the services offered by + VCborn.

    +

    VCLinux

    + +

    Reamix

    +

    Other

    +

    + For inquiries, please use the + + Official Twitter（@vcborn_support） + + or the Contact Us page of this website. +

    +
    + + +
    + + + + + + + + + + + \ No newline at end of file diff --git a/en/tos.html b/en/tos.html new file mode 100644 index 0000000..6c10957 --- /dev/null +++ b/en/tos.html @@ -0,0 +1,85 @@ + + + + + + Terms of Service | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + Terms of Service + +

    +
    +
    + +

    Disclaimer

    +

    + No warranty, express or implied, is made with respect to the software provided by VCborn (the "Software"). This + information does not contain any warranty of quality, does not describe fair marketable quality, and does not + claim any warranty of quality or fitness for any special purpose. The user assumes all responsibility for any + damages resulting from the use of the software. +

    +

    License

    +

    VCLinux

    +

    + VCLinux is based on the GPL v2, and the source code can be found here. + The licenses for the various packages can also be found in /usr/share/licenses/. +

    + Added on November 10, 2021 +

    As uploading the source code to Github is taking longer than expected, we will upload the source code archive + to Google Drive as a temporary measure.
    + Here is the link + . +

    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/files/assets/vcborn-assets.zip b/files/assets/vcborn-assets.zip new file mode 100644 index 0000000..c4b2cb6 Binary files /dev/null and b/files/assets/vcborn-assets.zip differ diff --git a/files/assets/vclinux-assets.zip b/files/assets/vclinux-assets.zip new file mode 100644 index 0000000..64a2e4b Binary files /dev/null and b/files/assets/vclinux-assets.zip differ diff --git a/icons/jpg/a-su.jpg b/icons/jpg/a-su.jpg new file mode 100644 index 0000000..da68e07 Binary files /dev/null and b/icons/jpg/a-su.jpg differ diff --git a/icons/jpg/ao-skyblue.jpg b/icons/jpg/ao-skyblue.jpg new file mode 100644 index 0000000..a5e4671 Binary files /dev/null and b/icons/jpg/ao-skyblue.jpg differ diff --git a/icons/jpg/aquahall.jpg b/icons/jpg/aquahall.jpg new file mode 100644 index 0000000..fd0f698 Binary files /dev/null and b/icons/jpg/aquahall.jpg differ diff --git a/icons/jpg/aru.jpg b/icons/jpg/aru.jpg new file mode 100644 index 0000000..07352a4 Binary files /dev/null and b/icons/jpg/aru.jpg differ diff --git a/icons/jpg/chikin.jpg b/icons/jpg/chikin.jpg new file mode 100644 index 0000000..023337d Binary files /dev/null and b/icons/jpg/chikin.jpg differ diff --git a/icons/jpg/creeper.jpg b/icons/jpg/creeper.jpg new file mode 100644 index 0000000..ca58281 Binary files /dev/null and b/icons/jpg/creeper.jpg differ diff --git a/icons/jpg/cyberrex.jpg b/icons/jpg/cyberrex.jpg new file mode 100644 index 0000000..ea8f7c3 Binary files /dev/null and b/icons/jpg/cyberrex.jpg differ diff --git a/icons/jpg/dadan.jpg b/icons/jpg/dadan.jpg new file mode 100644 index 0000000..1a04006 Binary files /dev/null and b/icons/jpg/dadan.jpg differ diff --git a/icons/jpg/hamupi.jpg b/icons/jpg/hamupi.jpg new file mode 100644 index 0000000..18349b4 Binary files /dev/null and b/icons/jpg/hamupi.jpg differ diff --git a/icons/jpg/harulab.jpg b/icons/jpg/harulab.jpg new file mode 100644 index 0000000..d66d3fd Binary files /dev/null and b/icons/jpg/harulab.jpg differ diff --git a/icons/jpg/katakame.jpg b/icons/jpg/katakame.jpg new file mode 100644 index 0000000..826984e Binary files /dev/null and b/icons/jpg/katakame.jpg differ diff --git a/icons/jpg/kitsune_gon.jpg b/icons/jpg/kitsune_gon.jpg new file mode 100644 index 0000000..31f894e Binary files /dev/null and b/icons/jpg/kitsune_gon.jpg differ diff --git a/icons/jpg/kogasa.jpg b/icons/jpg/kogasa.jpg new file mode 100644 index 0000000..cc3c99c Binary files /dev/null and b/icons/jpg/kogasa.jpg differ diff --git a/icons/jpg/machadaifuku.jpg b/icons/jpg/machadaifuku.jpg new file mode 100644 index 0000000..befd288 Binary files /dev/null and b/icons/jpg/machadaifuku.jpg differ diff --git a/icons/jpg/nknighta.jpg b/icons/jpg/nknighta.jpg new file mode 100644 index 0000000..1020bb4 Binary files /dev/null and b/icons/jpg/nknighta.jpg differ diff --git a/icons/jpg/nobukuku.jpg b/icons/jpg/nobukuku.jpg new file mode 100644 index 0000000..91ccde6 Binary files /dev/null and b/icons/jpg/nobukuku.jpg differ diff --git a/icons/jpg/omochi-no-kerohira.jpg b/icons/jpg/omochi-no-kerohira.jpg new file mode 100644 index 0000000..ca58281 Binary files /dev/null and b/icons/jpg/omochi-no-kerohira.jpg differ diff --git a/icons/jpg/paaaaa4.jpg b/icons/jpg/paaaaa4.jpg new file mode 100644 index 0000000..f6fb742 Binary files /dev/null and b/icons/jpg/paaaaa4.jpg differ diff --git a/icons/jpg/pnuts2872ykr.jpg b/icons/jpg/pnuts2872ykr.jpg new file mode 100644 index 0000000..fcea460 Binary files /dev/null and b/icons/jpg/pnuts2872ykr.jpg differ diff --git a/icons/jpg/pocona.jpg b/icons/jpg/pocona.jpg new file mode 100644 index 0000000..557c074 Binary files /dev/null and b/icons/jpg/pocona.jpg differ diff --git a/icons/jpg/pocopota.jpg b/icons/jpg/pocopota.jpg new file mode 100644 index 0000000..e364929 Binary files /dev/null and b/icons/jpg/pocopota.jpg differ diff --git a/icons/jpg/roii-py.jpg b/icons/jpg/roii-py.jpg new file mode 100644 index 0000000..f340e63 Binary files /dev/null and b/icons/jpg/roii-py.jpg differ diff --git a/icons/jpg/sakana.jpg b/icons/jpg/sakana.jpg new file mode 100644 index 0000000..62dfa71 Binary files /dev/null and b/icons/jpg/sakana.jpg differ diff --git a/icons/jpg/sakura0503.jpg b/icons/jpg/sakura0503.jpg new file mode 100644 index 0000000..6f7e6db Binary files /dev/null and b/icons/jpg/sakura0503.jpg differ diff --git a/icons/jpg/sego.jpg b/icons/jpg/sego.jpg new file mode 100644 index 0000000..c5c0903 Binary files /dev/null and b/icons/jpg/sego.jpg differ diff --git a/icons/jpg/sharpneko.jpg b/icons/jpg/sharpneko.jpg new file mode 100644 index 0000000..ccecf89 Binary files /dev/null and b/icons/jpg/sharpneko.jpg differ diff --git a/icons/jpg/shion.jpg b/icons/jpg/shion.jpg new file mode 100644 index 0000000..2fe5284 Binary files /dev/null and b/icons/jpg/shion.jpg differ diff --git a/icons/jpg/sorakime.jpg b/icons/jpg/sorakime.jpg new file mode 100644 index 0000000..000c031 Binary files /dev/null and b/icons/jpg/sorakime.jpg differ diff --git a/icons/jpg/soran.jpg b/icons/jpg/soran.jpg new file mode 100644 index 0000000..8f4df46 Binary files /dev/null and b/icons/jpg/soran.jpg differ diff --git a/icons/jpg/toufu.jpg b/icons/jpg/toufu.jpg new file mode 100644 index 0000000..9700c09 Binary files /dev/null and b/icons/jpg/toufu.jpg differ diff --git a/icons/jpg/ugokutenp.jpg b/icons/jpg/ugokutenp.jpg new file mode 100644 index 0000000..4eb5cb4 Binary files /dev/null and b/icons/jpg/ugokutenp.jpg differ diff --git a/icons/jpg/wamo.jpg b/icons/jpg/wamo.jpg new file mode 100644 index 0000000..31e96a1 Binary files /dev/null and b/icons/jpg/wamo.jpg differ diff --git a/icons/jpg/xepos.jpg b/icons/jpg/xepos.jpg new file mode 100644 index 0000000..480afc8 Binary files /dev/null and b/icons/jpg/xepos.jpg differ diff --git a/icons/webp/a-su.webp b/icons/webp/a-su.webp new file mode 100644 index 0000000..e45ff8b Binary files /dev/null and b/icons/webp/a-su.webp differ diff --git a/icons/webp/ao-skyblue.webp b/icons/webp/ao-skyblue.webp new file mode 100644 index 0000000..3c8cacf Binary files /dev/null and b/icons/webp/ao-skyblue.webp differ diff --git a/icons/webp/aquahall.webp b/icons/webp/aquahall.webp new file mode 100644 index 0000000..965f78e Binary files /dev/null and b/icons/webp/aquahall.webp differ diff --git a/icons/webp/aru.webp b/icons/webp/aru.webp new file mode 100644 index 0000000..7922e61 Binary files /dev/null and b/icons/webp/aru.webp differ diff --git a/icons/webp/chikin.webp b/icons/webp/chikin.webp new file mode 100644 index 0000000..7f3d916 Binary files /dev/null and b/icons/webp/chikin.webp differ diff --git a/icons/webp/creeper.webp b/icons/webp/creeper.webp new file mode 100644 index 0000000..45cf247 Binary files /dev/null and b/icons/webp/creeper.webp differ diff --git a/icons/webp/cyberrex.webp b/icons/webp/cyberrex.webp new file mode 100644 index 0000000..f2b3951 Binary files /dev/null and b/icons/webp/cyberrex.webp differ diff --git a/icons/webp/dadan.webp b/icons/webp/dadan.webp new file mode 100644 index 0000000..f6ece9b Binary files /dev/null and b/icons/webp/dadan.webp differ diff --git a/icons/webp/hamupi.webp b/icons/webp/hamupi.webp new file mode 100644 index 0000000..a2381d1 Binary files /dev/null and b/icons/webp/hamupi.webp differ diff --git a/icons/webp/harulab.webp b/icons/webp/harulab.webp new file mode 100644 index 0000000..5ff8ef8 Binary files /dev/null and b/icons/webp/harulab.webp differ diff --git a/icons/webp/katakame.webp b/icons/webp/katakame.webp new file mode 100644 index 0000000..8fb8fb8 Binary files /dev/null and b/icons/webp/katakame.webp differ diff --git a/icons/webp/kitsune_gon.webp b/icons/webp/kitsune_gon.webp new file mode 100644 index 0000000..a11bcee Binary files /dev/null and b/icons/webp/kitsune_gon.webp differ diff --git a/icons/webp/kogasa.webp b/icons/webp/kogasa.webp new file mode 100644 index 0000000..63d1f2e Binary files /dev/null and b/icons/webp/kogasa.webp differ diff --git a/icons/webp/machadaifuku.webp b/icons/webp/machadaifuku.webp new file mode 100644 index 0000000..8a3e69d Binary files /dev/null and b/icons/webp/machadaifuku.webp differ diff --git a/icons/webp/nknighta.webp b/icons/webp/nknighta.webp new file mode 100644 index 0000000..69c144a Binary files /dev/null and b/icons/webp/nknighta.webp differ diff --git a/icons/webp/nobukuku.webp b/icons/webp/nobukuku.webp new file mode 100644 index 0000000..28ade87 Binary files /dev/null and b/icons/webp/nobukuku.webp differ diff --git a/icons/webp/omochi-no-kerohira.webp b/icons/webp/omochi-no-kerohira.webp new file mode 100644 index 0000000..45cf247 Binary files /dev/null and b/icons/webp/omochi-no-kerohira.webp differ diff --git a/icons/webp/paaaaa4.webp b/icons/webp/paaaaa4.webp new file mode 100644 index 0000000..6a20f1b Binary files /dev/null and b/icons/webp/paaaaa4.webp differ diff --git a/icons/webp/pnuts2872ykr.webp b/icons/webp/pnuts2872ykr.webp new file mode 100644 index 0000000..53e9013 Binary files /dev/null and b/icons/webp/pnuts2872ykr.webp differ diff --git a/icons/webp/pocona.webp b/icons/webp/pocona.webp new file mode 100644 index 0000000..a197ec0 Binary files /dev/null and b/icons/webp/pocona.webp differ diff --git a/icons/webp/pocopota.webp b/icons/webp/pocopota.webp new file mode 100644 index 0000000..584da8b Binary files /dev/null and b/icons/webp/pocopota.webp differ diff --git a/icons/webp/roii-py.webp b/icons/webp/roii-py.webp new file mode 100644 index 0000000..09d1d0d Binary files /dev/null and b/icons/webp/roii-py.webp differ diff --git a/icons/webp/sakana.webp b/icons/webp/sakana.webp new file mode 100644 index 0000000..b49b7da Binary files /dev/null and b/icons/webp/sakana.webp differ diff --git a/icons/webp/sakura0503.webp b/icons/webp/sakura0503.webp new file mode 100644 index 0000000..6bec725 Binary files /dev/null and b/icons/webp/sakura0503.webp differ diff --git a/icons/webp/sego.webp b/icons/webp/sego.webp new file mode 100644 index 0000000..94de43e Binary files /dev/null and b/icons/webp/sego.webp differ diff --git a/icons/webp/sharpneko.webp b/icons/webp/sharpneko.webp new file mode 100644 index 0000000..5599b71 Binary files /dev/null and b/icons/webp/sharpneko.webp differ diff --git a/icons/webp/shion.webp b/icons/webp/shion.webp new file mode 100644 index 0000000..5a97d97 Binary files /dev/null and b/icons/webp/shion.webp differ diff --git a/icons/webp/sorakime.webp b/icons/webp/sorakime.webp new file mode 100644 index 0000000..4d16c63 Binary files /dev/null and b/icons/webp/sorakime.webp differ diff --git a/icons/webp/soran.webp b/icons/webp/soran.webp new file mode 100644 index 0000000..4281dfb Binary files /dev/null and b/icons/webp/soran.webp differ diff --git a/icons/webp/toufu.webp b/icons/webp/toufu.webp new file mode 100644 index 0000000..0a01dd0 Binary files /dev/null and b/icons/webp/toufu.webp differ diff --git a/icons/webp/ugokutenp.webp b/icons/webp/ugokutenp.webp new file mode 100644 index 0000000..8363bec Binary files /dev/null and b/icons/webp/ugokutenp.webp differ diff --git a/icons/webp/wamo.webp b/icons/webp/wamo.webp new file mode 100644 index 0000000..208f99f Binary files /dev/null and b/icons/webp/wamo.webp differ diff --git a/icons/webp/xepos.webp b/icons/webp/xepos.webp new file mode 100644 index 0000000..9066617 Binary files /dev/null and b/icons/webp/xepos.webp differ diff --git a/images/favicon.ico b/images/favicon.ico new file mode 100644 index 0000000..3324978 Binary files /dev/null and b/images/favicon.ico differ diff --git a/images/jpg/bar.jpg b/images/jpg/bar.jpg new file mode 100644 index 0000000..3c6f075 Binary files /dev/null and b/images/jpg/bar.jpg differ diff --git a/images/jpg/beta1.jpg b/images/jpg/beta1.jpg new file mode 100644 index 0000000..0f8393d Binary files /dev/null and b/images/jpg/beta1.jpg differ diff --git a/images/jpg/growi.jpg b/images/jpg/growi.jpg new file mode 100644 index 0000000..34bba92 Binary files /dev/null and b/images/jpg/growi.jpg differ diff --git a/images/jpg/misskey-icon.jpg b/images/jpg/misskey-icon.jpg new file mode 100644 index 0000000..d2905f0 Binary files /dev/null and b/images/jpg/misskey-icon.jpg differ diff --git a/images/jpg/monot-presskit.jpg b/images/jpg/monot-presskit.jpg new file mode 100644 index 0000000..931c597 Binary files /dev/null and b/images/jpg/monot-presskit.jpg differ diff --git a/images/jpg/ogp.jpg b/images/jpg/ogp.jpg new file mode 100644 index 0000000..ee2d93d Binary files /dev/null and b/images/jpg/ogp.jpg differ diff --git a/images/jpg/reamix-img.jpg b/images/jpg/reamix-img.jpg new file mode 100644 index 0000000..b86415d Binary files /dev/null and b/images/jpg/reamix-img.jpg differ diff --git a/images/jpg/reamix-top.jpg b/images/jpg/reamix-top.jpg new file mode 100644 index 0000000..f731346 Binary files /dev/null and b/images/jpg/reamix-top.jpg differ diff --git a/images/jpg/vcborn-presskit.jpg b/images/jpg/vcborn-presskit.jpg new file mode 100644 index 0000000..e0df4cb Binary files /dev/null and b/images/jpg/vcborn-presskit.jpg differ diff --git a/images/jpg/vclinux-presskit.jpg b/images/jpg/vclinux-presskit.jpg new file mode 100644 index 0000000..6529d3d Binary files /dev/null and b/images/jpg/vclinux-presskit.jpg differ diff --git a/images/jpg/vclinux_front.jpg b/images/jpg/vclinux_front.jpg new file mode 100644 index 0000000..c345996 Binary files /dev/null and b/images/jpg/vclinux_front.jpg differ diff --git a/images/jpg/vclinuxdesk.jpg b/images/jpg/vclinuxdesk.jpg new file mode 100644 index 0000000..20a5ec4 Binary files /dev/null and b/images/jpg/vclinuxdesk.jpg differ diff --git a/images/ogp.svg b/images/ogp.svg new file mode 100644 index 0000000..bc99e40 --- /dev/null +++ b/images/ogp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/reamix-desktop.svg b/images/reamix-desktop.svg new file mode 100644 index 0000000..a3e5cbe --- /dev/null +++ b/images/reamix-desktop.svg @@ -0,0 +1,148 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/reamix-logo.svg b/images/reamix-logo.svg new file mode 100644 index 0000000..b1fb65d --- /dev/null +++ b/images/reamix-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/reamix-top.svg b/images/reamix-top.svg new file mode 100644 index 0000000..faab6ab --- /dev/null +++ b/images/reamix-top.svg @@ -0,0 +1,135 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/images/svg/beta.svg b/images/svg/beta.svg new file mode 100644 index 0000000..c08ce30 --- /dev/null +++ b/images/svg/beta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/beta1.svg b/images/svg/beta1.svg new file mode 100644 index 0000000..a4d4fe6 --- /dev/null +++ b/images/svg/beta1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/browser-icon.svg b/images/svg/browser-icon.svg new file mode 100644 index 0000000..b6f5ae6 --- /dev/null +++ b/images/svg/browser-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/discord-icon.svg b/images/svg/discord-icon.svg new file mode 100644 index 0000000..d091608 --- /dev/null +++ b/images/svg/discord-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/github-icon.svg b/images/svg/github-icon.svg new file mode 100644 index 0000000..5318bba --- /dev/null +++ b/images/svg/github-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/twitter-icon.svg b/images/svg/twitter-icon.svg new file mode 100644 index 0000000..b61ec83 --- /dev/null +++ b/images/svg/twitter-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/vc-nw.svg b/images/svg/vc-nw.svg new file mode 100644 index 0000000..6b54d8f --- /dev/null +++ b/images/svg/vc-nw.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/svg/youtube-icon.svg b/images/svg/youtube-icon.svg new file mode 100644 index 0000000..38f4a28 --- /dev/null +++ b/images/svg/youtube-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/vcborn-logo.png b/images/vcborn-logo.png new file mode 100644 index 0000000..86601d5 Binary files /dev/null and b/images/vcborn-logo.png differ diff --git a/images/vcborn-logo.svg b/images/vcborn-logo.svg new file mode 100644 index 0000000..58cdb9f --- /dev/null +++ b/images/vcborn-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/vcborn.svg b/images/vcborn.svg new file mode 100644 index 0000000..618a2f3 --- /dev/null +++ b/images/vcborn.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/vclinux-logo.svg b/images/vclinux-logo.svg new file mode 100644 index 0000000..63f4713 --- /dev/null +++ b/images/vclinux-logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/vclinuxdesk.svg b/images/vclinuxdesk.svg new file mode 100644 index 0000000..6ce7d9a --- /dev/null +++ b/images/vclinuxdesk.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/webp/bar.webp b/images/webp/bar.webp new file mode 100644 index 0000000..8356d09 Binary files /dev/null and b/images/webp/bar.webp differ diff --git a/images/webp/beta.webp b/images/webp/beta.webp new file mode 100644 index 0000000..51d3bb9 Binary files /dev/null and b/images/webp/beta.webp differ diff --git a/images/webp/beta1.webp b/images/webp/beta1.webp new file mode 100644 index 0000000..a03999f Binary files /dev/null and b/images/webp/beta1.webp differ diff --git a/images/webp/browser-icon.webp b/images/webp/browser-icon.webp new file mode 100644 index 0000000..ec94c48 Binary files /dev/null and b/images/webp/browser-icon.webp differ diff --git a/images/webp/discord-icon.webp b/images/webp/discord-icon.webp new file mode 100644 index 0000000..6747e5c Binary files /dev/null and b/images/webp/discord-icon.webp differ diff --git a/images/webp/floorp-img.webp b/images/webp/floorp-img.webp new file mode 100644 index 0000000..4dcff3b Binary files /dev/null and b/images/webp/floorp-img.webp differ diff --git a/images/webp/floorp-presskit.webp b/images/webp/floorp-presskit.webp new file mode 100644 index 0000000..aa768f7 Binary files /dev/null and b/images/webp/floorp-presskit.webp differ diff --git a/images/webp/github-icon.webp b/images/webp/github-icon.webp new file mode 100644 index 0000000..102f6d1 Binary files /dev/null and b/images/webp/github-icon.webp differ diff --git a/images/webp/growi.webp b/images/webp/growi.webp new file mode 100644 index 0000000..e68d198 Binary files /dev/null and b/images/webp/growi.webp differ diff --git a/images/webp/misskey-icon.webp b/images/webp/misskey-icon.webp new file mode 100644 index 0000000..30fb366 Binary files /dev/null and b/images/webp/misskey-icon.webp differ diff --git a/images/webp/monot-presskit.webp b/images/webp/monot-presskit.webp new file mode 100644 index 0000000..453d8a1 Binary files /dev/null and b/images/webp/monot-presskit.webp differ diff --git a/images/webp/ogp.webp b/images/webp/ogp.webp new file mode 100644 index 0000000..83449bf Binary files /dev/null and b/images/webp/ogp.webp differ diff --git a/images/webp/reamix-img.webp b/images/webp/reamix-img.webp new file mode 100644 index 0000000..02b8721 Binary files /dev/null and b/images/webp/reamix-img.webp differ diff --git a/images/webp/reamix-top.webp b/images/webp/reamix-top.webp new file mode 100644 index 0000000..a3465cc Binary files /dev/null and b/images/webp/reamix-top.webp differ diff --git a/images/webp/twitter-icon.webp b/images/webp/twitter-icon.webp new file mode 100644 index 0000000..0b61ff9 Binary files /dev/null and b/images/webp/twitter-icon.webp differ diff --git a/images/webp/vc-nw.webp b/images/webp/vc-nw.webp new file mode 100644 index 0000000..7f8e4ac Binary files /dev/null and b/images/webp/vc-nw.webp differ diff --git a/images/webp/vcborn-logo.webp b/images/webp/vcborn-logo.webp new file mode 100644 index 0000000..9fa8b52 Binary files /dev/null and b/images/webp/vcborn-logo.webp differ diff --git a/images/webp/vcborn-presskit.webp b/images/webp/vcborn-presskit.webp new file mode 100644 index 0000000..ae3cc91 Binary files /dev/null and b/images/webp/vcborn-presskit.webp differ diff --git a/images/webp/vclinux-presskit.webp b/images/webp/vclinux-presskit.webp new file mode 100644 index 0000000..092e7d8 Binary files /dev/null and b/images/webp/vclinux-presskit.webp differ diff --git a/images/webp/vclinux_front.webp b/images/webp/vclinux_front.webp new file mode 100644 index 0000000..6002d8f Binary files /dev/null and b/images/webp/vclinux_front.webp differ diff --git a/images/webp/vclinuxdesk.webp b/images/webp/vclinuxdesk.webp new file mode 100644 index 0000000..16dac24 Binary files /dev/null and b/images/webp/vclinuxdesk.webp differ diff --git a/images/webp/youtube-icon.webp b/images/webp/youtube-icon.webp new file mode 100644 index 0000000..75443b5 Binary files /dev/null and b/images/webp/youtube-icon.webp differ diff --git a/include.js b/include.js new file mode 100644 index 0000000..ffe9323 --- /dev/null +++ b/include.js @@ -0,0 +1,151 @@ +// 対応する言語のページに移動 +const moveToLangPage = (lang) => { + let currentUrl = location.pathname; + let langUrl = ""; + const regex = new RegExp('\/[ce]n\/'); + if (regex.test(currentUrl)) { + currentUrl = currentUrl.slice(3); + } + if (currentUrl == "/" || currentUrl == "/contact/" || currentUrl == "/join/") { + currentUrl = ""; + } + if (lang !== "ja") { + langUrl = lang; + } + const destinationUrl = location.protocol + "//" + location.host + "/" + langUrl + currentUrl; + window.location.href = destinationUrl; +} + +document.addEventListener("DOMContentLoaded", function () { + // head + const head = document.head; + + let head_content = + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + '' + + ''; + + head.insertAdjacentHTML("afterbegin", head_content); + + // header + const header = document.getElementById("header"); + + const header_content = + '
    ' + + "

    " + + '' + + 'VCborn' + + "" + + "

    " + + "" + + "
    "; + + if (header) { + header.innerHTML = header_content; + } + + // footer + const footer = document.getElementById("footer"); + + const footer_content = + '" + + '"; + + if (footer) { + footer.innerHTML = footer_content; + } +}); + +// AdSense 遅延読み込み +// 一時的に無効化 +/* +(function(window, document) { + function main() { + var ad = document.createElement('script'); + ad.async = true; + ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1336300432888389'; + ad.crossOrigin = "anonymous" + var sc = document.getElementsByTagName('script')[0]; + sc.parentNode.insertBefore(ad, sc); + } + + var lazyLoad = false; + function onLazyLoad() { + if (lazyLoad === false) { + lazyLoad = true; + window.removeEventListener('scroll', onLazyLoad); + window.removeEventListener('mousemove', onLazyLoad); + window.removeEventListener('mousedown', onLazyLoad); + window.removeEventListener('touchstart', onLazyLoad); + window.removeEventListener('keydown', onLazyLoad); + main(); + } + } + window.addEventListener('scroll', onLazyLoad); + window.addEventListener('mousemove', onLazyLoad); + window.addEventListener('mousedown', onLazyLoad); + window.addEventListener('touchstart', onLazyLoad); + window.addEventListener('keydown', onLazyLoad); + window.addEventListener('load', function() { + if (window.pageYOffset) { + onLazyLoad(); + window.setTimeout(onLazyLoad,3000) + } + }); +})(window, document); +*/ diff --git a/index.html b/index.html new file mode 100644 index 0000000..15775c8 --- /dev/null +++ b/index.html @@ -0,0 +1,281 @@ + + + + + + + Home | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    + VCLinux ScreenShot + +
    + +

    一番優れたLinuxをあなたの手に

    + さらに詳しく +
    +
    +
    + + + Reamix Screenshot + +
    +
    + +
    +

    生活に寄り添うようなブラウザ。

    + さらに詳しく +
    +
    +
    +
    + +

    VCBornとは？

    + もっと見る +
    +
    +
    +
    +
    +
    +
    +
    +
    +
    +

    About us

    +

    + VCbornはカスタムLinuxの一つであるVCLinuxを主に開発しているグループです。 +
    + 現在、メンバー約30人ほどの小さなグループですが、、、 +
    + 今後の活躍に期待、、してください。。。 +

    +
    +
    +
    +
    +

    Services

    +
    +
    +
    + + + + VCLinux Image + + +
    +
    +

    + + VCLinux + +

    +

    + 一番優れたLinuxをあなたの手に +
    + VCLinuxはデザイン性に優れたLinuxのディストリビューションです。 + +

    +
    + + About VCLinux + + + Download +
    +
    +
    +
    +
    + + + Reamix Image + +
    +
    +

    Reamix

    +

    生活に寄り添うようなブラウザ。

    +
    + + About Reamix + + + Download +
    +
    +
    +
    +
    +
    + +
    + +
    +
    +

    Join us

    +

    + VCbornに参加して開発をしませんか？ +
    + Linux開発、ブラウザ開発、Web開発、デザイン、Bot開発... +

    + 参加してみる +
    +
    + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/join.html b/join.html new file mode 100644 index 0000000..41fe6b4 --- /dev/null +++ b/join.html @@ -0,0 +1,53 @@ + + + + + + 参加する | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/join/confirm.php b/join/confirm.php new file mode 100644 index 0000000..e11ac3e --- /dev/null +++ b/join/confirm.php @@ -0,0 +1,452 @@ + $recaptcha_secret_key, + "response" => $token, + ]) + ); + curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); + $api_response = curl_exec($ch); + curl_close($ch); + $result = json_decode($api_response); + if ( + $result->success && + $result->action === $action && + $result->score >= 0.5 + ) { + // HTMLメールのテンプレート読み込み + $client_template = "../templates/join-client.php"; + $host_template = "../templates/join-host.php"; + + // 管理者宛 + $host = mb_convert_encoding( + file_get_contents($host_template), + "utf-8", + "auto" + ); + $host = str_replace( + "<%NAME>", + htmlspecialchars($name, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%FURIGANA>", + htmlspecialchars($furigana, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%EMAIL>", + htmlspecialchars($email, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%TWITTERID>", + htmlspecialchars($twitterid, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%GROUP>", + htmlspecialchars($group, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%ACTIVE>", + htmlspecialchars($active, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%CHECKBOX>", + htmlspecialchars($checkbox, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%CONTENT>", + htmlspecialchars($content, ENT_QUOTES, "UTF-8"), + $host + ); + $host = str_replace( + "<%IP>", + htmlspecialchars($ip, ENT_QUOTES, "UTF-8"), + $host + ); + + // 応募者宛 + $client = mb_convert_encoding( + file_get_contents($client_template), + "utf-8", + "auto" + ); + $client = str_replace( + "<%NAME>", + htmlspecialchars($name, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%FURIGANA>", + htmlspecialchars($furigana, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%EMAIL>", + htmlspecialchars($email, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%TWITTERID>", + htmlspecialchars($twitterid, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%GROUP>", + htmlspecialchars($group, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%ACTIVE>", + htmlspecialchars($active, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%CHECKBOX>", + htmlspecialchars($checkbox, ENT_QUOTES, "UTF-8"), + $client + ); + $client = str_replace( + "<%CONTENT>", + htmlspecialchars($content, ENT_QUOTES, "UTF-8"), + $client + ); + + // 送信ボタンが押された時に動作 + mb_language("uni"); + mb_internal_encoding("UTF-8"); + + // 件名を変数subjectに格納 + $subject = "【VCborn】応募内容の確認【自動送信】"; + + // 送信元のメールアドレスを変数fromEmailに格納 + $fromEmail = "support@vcborn.com"; + + // 送信元の名前を変数fromNameに格納 + $fromName = "VCborn"; + + // ヘッダ情報を変数headerに格納する + $header = "From: {$fromName} <{$fromEmail}>"; + $header .= "\r\n"; + $header .= "Content-type: text/html; charset=UTF-8"; + + // メール送信を行う + mb_send_mail($fromEmail, "応募フォーム", $host, $header); + mb_send_mail($email, $subject, $client, $header); + + function send_to_discord($message) + { + $webhook_url = "https://discord.com/api/webhooks/"; + $options = [ + "http" => [ + "method" => "POST", + "header" => "Content-Type: application/json", + "content" => json_encode($message), + ], + ]; + $response = file_get_contents( + $webhook_url, + false, + stream_context_create($options) + ); + return $response === "ok"; + } + //メッセージの内容を定義 + $message = [ + "username" => "応募フォーム", + "content" => "", + "embeds" => [ + [ + "title" => "新規応募", + "color" => 1455209, + "description" => "", + "timestamp" => "", + "author" => [ + "name" => "", + ], + "image" => [], + "thumbnail" => [], + "footer" => [], + "fields" => [ + [ + "name" => "名前", + "value" => "{$name}({$furigana})", + ], + [ + "name" => "メールアドレス", + "value" => "{$email}", + ], + [ + "name" => "Twitter ID", + "value" => "{$twitterid}", + ], + [ + "name" => "所属中のグループ", + "value" => "{$group}", + ], + [ + "name" => "平均浮上日数（一週間）", + "value" => "{$active}", + ], + [ + "name" => "入りたい部署", + "value" => "{$checkbox}", + ], + [ + "name" => "一言", + "value" => "{$content}", + ], + [ + "name" => "IPアドレス", + "value" => "{$ip}", + ], + ], + ], + ], + ]; + + send_to_discord($message); //処理を実行 + // サンクスページに画面遷移させる + header("Location: /join/thanks"); + exit(); + } else { + header("Location: /join"); + } + } +} + +if (isset($_POST["name"])) { ?> + + + + + + 確認 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    JOIN US参加する

    +
    +
    +
    + + + + + + + + + + + +

    参加 内容確認

    +

    参加内容はこちらで宜しいでしょうか？
    よろしければ「送信する」ボタンを押して下さい。

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    + +

    +
    +
    +
    + + +
    +
    + +
    +
    + + + + + + + + + + diff --git a/join/contact.js b/join/contact.js new file mode 100644 index 0000000..588dea4 --- /dev/null +++ b/join/contact.js @@ -0,0 +1,207 @@ +/* + * 最初に + * このスクリプトはほとんどは私ではない誰かが書きました。 + * そのうえで、私Sorakimeが修正を加えて、動作するようにしました。 + * 書いてくれた方には本当に感謝御礼申し上げます。 + * 変更・追加点 + * コメントの追加 + * TwitterのIDの確認の記述 + * 部署の確認の記述 + * HTMLの + + + + + + + + + + + + + diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..29759ac --- /dev/null +++ b/js/script.js @@ -0,0 +1,372 @@ +// ローディング画面 + +// 幾何学模様 +if (typeof tsParticles !== "undefined") { + tsParticles.load("particles-js", { + particles: { + number: { value: 99, density: { enable: !0, value_area: 800 } }, + color: { value: "#fdfdfd" }, + shape: { + type: "circle", + stroke: { width: 0, color: "#fdfdfd" }, + polygon: { nb_sides: 5 }, + image: { src: "img/github.svg", width: 100, height: 100 }, + }, + opacity: { + value: 0.5, + random: !0, + anim: { enable: !1, speed: 1, opacity_min: 0.1, sync: !1 }, + }, + size: { + value: 3, + random: !0, + anim: { enable: !1, speed: 40, size_min: 0.1, sync: !1 }, + }, + line_linked: { + enable: !0, + distance: 150, + color: "#fdfdfd", + opacity: 0.4, + width: 1, + }, + move: { + enable: !0, + speed: 4, + direction: "none", + random: !0, + straight: !1, + out_mode: "out", + bounce: !1, + attract: { enable: !1, rotateX: 600, rotateY: 1200 }, + }, + }, + interactivity: { + detect_on: "canvas", + events: { + onhover: { enable: !1, mode: "repulse" }, + onclick: { enable: !0, mode: "push" }, + resize: !0, + }, + modes: { + grab: { distance: 400, line_linked: { opacity: 1 } }, + bubble: { distance: 400, size: 40, duration: 2, opacity: 8, speed: 3 }, + repulse: { distance: 200, duration: 0.4 }, + push: { particles_nb: 4 }, + remove: { particles_nb: 2 }, + }, + }, + retina_detect: !0, + }); +} + +//記事用目次 +const table_of_contents = document.querySelectorAll(".table-of-contents"); +let table_of_contents_counter = 1; +table_of_contents.forEach((table) => { + const headings = table.parentElement.querySelectorAll( + "h1, h2, h3, h4, h5, h6" + ); + const stack = [{ level: 0, element: table }]; + + headings.forEach((heading) => { + const li = document.createElement("li"); + const a = document.createElement("a"); + const id = `section-${table_of_contents_counter++}`; + const ol = document.createElement("ol"); + + // 目次要素の生成 + a.textContent = heading.textContent; + a.href = `#${id}`; + li.appendChild(a); + li.appendChild(ol); + + // リンク先の生成 + heading.id = id; + heading.classList.add("anchor-link"); + + // 階層構造の生成 + const level = Number(heading.tagName.substring(1)); + let parent; + do { + parent = stack.pop(); + } while (parent.level >= level); + parent.element.appendChild(li); + stack.push(parent); + stack.push({ level: level, element: ol }); + }); +}); + +// 404画面 +function WordShuffler(holder, opt) { + var that = this; + var time = 0; + this.now; + this.then = Date.now(); + + this.delta; + this.currentTimeOffset = 0; + + this.word = null; + this.currentWord = null; + this.currentCharacter = 0; + this.currentWordLength = 0; + + var options = { + fps: 20, + timeOffset: 5, + textColor: "#000", + fontSize: "50px", + useCanvas: false, + mixCapital: false, + mixSpecialCharacters: false, + needUpdate: true, + colors: [ + "#f44336", + "#e91e63", + "#9c27b0", + "#673ab7", + "#3f51b5", + "#2196f3", + "#03a9f4", + "#00bcd4", + "#009688", + "#4caf50", + "#8bc34a", + "#cddc39", + "#ffeb3b", + "#ffc107", + "#ff9800", + "#ff5722", + "#795548", + "#9e9e9e", + "#607d8b", + ], + }; + + if (typeof opt != "undefined") { + for (key in opt) { + options[key] = opt[key]; + } + } + + this.needUpdate = true; + this.fps = options.fps; + this.interval = 1000 / this.fps; + this.timeOffset = options.timeOffset; + this.textColor = options.textColor; + this.fontSize = options.fontSize; + this.mixCapital = options.mixCapital; + this.mixSpecialCharacters = options.mixSpecialCharacters; + this.colors = options.colors; + + this.useCanvas = options.useCanvas; + + this.chars = [ + "V", + "C", + "B", + "O", + "R", + "S", + "U", + "P", + "T", + "N", + "さ", + "ぽ", + "ー", + "と", + "へ", + "れ", + "ん", + "ら", + "く", + "し", + "て", + "く", + ]; + this.specialCharacters = [ + "!", + "§", + "$", + "%", + "&", + "/", + "(", + ")", + "=", + "?", + "_", + "<", + ">", + "^", + "°", + "*", + "#", + "-", + ":", + ";", + "？", + ]; + + if (this.mixSpecialCharacters) { + this.chars = this.chars.concat(this.specialCharacters); + } + + this.getRandomColor = function () { + var randNum = Math.floor(Math.random() * this.colors.length); + return this.colors[randNum]; + }; + + //if Canvas + + this.position = { + x: 0, + y: 50, + }; + + //if DOM + if (typeof holder != "undefined") { + this.holder = holder; + } + + if (!this.useCanvas && typeof this.holder == "undefined") { + console.warn( + "Holder must be defined in DOM Mode. Use Canvas or define Holder" + ); + } + + this.getRandCharacter = function (characterToReplace) { + if (characterToReplace == " ") { + return " "; + } + var randNum = Math.floor(Math.random() * this.chars.length); + var lowChoice = -0.5 + Math.random(); + var picketCharacter = this.chars[randNum]; + var choosen = picketCharacter.toLowerCase(); + if (this.mixCapital) { + choosen = lowChoice < 0 ? picketCharacter.toLowerCase() : picketCharacter; + } + return choosen; + }; + + this.writeWord = function (word) { + this.word = word; + this.currentWord = word.split(""); + this.currentWordLength = this.currentWord.length; + }; + + this.generateSingleCharacter = function (color, character) { + var span = document.createElement("span"); + span.style.color = color; + span.innerHTML = character; + return span; + }; + + this.updateCharacter = function (time) { + this.now = Date.now(); + this.delta = this.now - this.then; + + if (this.delta > this.interval) { + this.currentTimeOffset++; + + var word = []; + + if ( + this.currentTimeOffset === this.timeOffset && + this.currentCharacter !== this.currentWordLength + ) { + this.currentCharacter++; + this.currentTimeOffset = 0; + } + + for (var k = 0; k < this.currentCharacter; k++) { + word.push(this.currentWord[k]); + } + + for (var i = 0; i < this.currentWordLength - this.currentCharacter; i++) { + word.push( + this.getRandCharacter(this.currentWord[this.currentCharacter + i]) + ); + } + + if (that.useCanvas) { + c.clearRect(0, 0, stage.x * stage.dpr, stage.y * stage.dpr); + c.font = that.fontSize + " sans-serif"; + var spacing = 0; + word.forEach(function (w, index) { + if (index > that.currentCharacter) { + c.fillStyle = that.getRandomColor(); + } else { + c.fillStyle = that.textColor; + } + c.fillText(w, that.position.x + spacing, that.position.y); + spacing += c.measureText(w).width; + }); + } else { + if (that.currentCharacter === that.currentWordLength) { + that.needUpdate = false; + } + this.holder.innerHTML = ""; + word.forEach(function (w, index) { + var color = null; + if (index > that.currentCharacter) { + color = that.getRandomColor(); + } else { + color = that.textColor; + } + that.holder.appendChild(that.generateSingleCharacter(color, w)); + }); + } + this.then = this.now - (this.delta % this.interval); + } + }; + + this.restart = function () { + this.currentCharacter = 0; + this.needUpdate = true; + }; + + function update(time) { + time++; + if (that.needUpdate) { + that.updateCharacter(time); + } + requestAnimationFrame(update); + } + + if (this.holder) { + this.writeWord(this.holder.innerHTML); + console.log(this.currentWord); + update(time); + } +} + +var headline = document.getElementById("headline"); +var text = document.getElementById("text"); +var shuffler = document.getElementById("shuffler"); + +var headText = new WordShuffler(headline, { + textColor: "#fff", + timeOffset: 8, + mixCapital: true, + mixSpecialCharacters: true, +}); + +var pText = new WordShuffler(text, { + textColor: "#fff", + timeOffset: 2, +}); + +var buttonText = new WordShuffler(shuffler, { + textColor: "tomato", + timeOffset: 10, +}); + +if (shuffler) { + shuffler.addEventListener("click", function () { + headText.restart(); + pText.restart(); + buttonText.restart(); + }); +} diff --git a/kikagaku.html b/kikagaku.html new file mode 100644 index 0000000..64196fb --- /dev/null +++ b/kikagaku.html @@ -0,0 +1,39 @@ + + + + + + + + Document + + + + + +
    + + + + + + \ No newline at end of file diff --git a/language.php b/language.php new file mode 100644 index 0000000..13b668a --- /dev/null +++ b/language.php @@ -0,0 +1,19 @@ + + + + メンテナンス中 | VCborn + + + + + + + + +

    只今メンテナンス中です。

    +

    ご迷惑をおかけします。

    + + \ No newline at end of file diff --git a/news-img/jpg/aquahall.jpg b/news-img/jpg/aquahall.jpg new file mode 100644 index 0000000..7e1097c Binary files /dev/null and b/news-img/jpg/aquahall.jpg differ diff --git a/news-img/jpg/blog.jpg b/news-img/jpg/blog.jpg new file mode 100644 index 0000000..380625a Binary files /dev/null and b/news-img/jpg/blog.jpg differ diff --git a/news-img/jpg/newmisskey.jpg b/news-img/jpg/newmisskey.jpg new file mode 100644 index 0000000..ce1f215 Binary files /dev/null and b/news-img/jpg/newmisskey.jpg differ diff --git a/news-img/jpg/news-test-1.jpg b/news-img/jpg/news-test-1.jpg new file mode 100644 index 0000000..7ebf0f7 Binary files /dev/null and b/news-img/jpg/news-test-1.jpg differ diff --git a/news-img/jpg/news-test-2.jpg b/news-img/jpg/news-test-2.jpg new file mode 100644 index 0000000..191a896 Binary files /dev/null and b/news-img/jpg/news-test-2.jpg differ diff --git a/news-img/jpg/news-test-3.jpg b/news-img/jpg/news-test-3.jpg new file mode 100644 index 0000000..81e5077 Binary files /dev/null and b/news-img/jpg/news-test-3.jpg differ diff --git a/news-img/ogp.svg b/news-img/ogp.svg new file mode 100644 index 0000000..def0da3 --- /dev/null +++ b/news-img/ogp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/news-img/webp/aquahall.webp b/news-img/webp/aquahall.webp new file mode 100644 index 0000000..04ad766 Binary files /dev/null and b/news-img/webp/aquahall.webp differ diff --git a/news-img/webp/blog.webp b/news-img/webp/blog.webp new file mode 100644 index 0000000..ec62b9b Binary files /dev/null and b/news-img/webp/blog.webp differ diff --git a/news-img/webp/newmisskey.webp b/news-img/webp/newmisskey.webp new file mode 100644 index 0000000..854b696 Binary files /dev/null and b/news-img/webp/newmisskey.webp differ diff --git a/news-img/webp/news-test-1.webp b/news-img/webp/news-test-1.webp new file mode 100644 index 0000000..c918669 Binary files /dev/null and b/news-img/webp/news-test-1.webp differ diff --git a/news-img/webp/news-test-2.webp b/news-img/webp/news-test-2.webp new file mode 100644 index 0000000..4ac6d0a Binary files /dev/null and b/news-img/webp/news-test-2.webp differ diff --git a/news-img/webp/news-test-3.webp b/news-img/webp/news-test-3.webp new file mode 100644 index 0000000..e3b537c Binary files /dev/null and b/news-img/webp/news-test-3.webp differ diff --git a/news.html b/news.html new file mode 100644 index 0000000..8efe743 --- /dev/null +++ b/news.html @@ -0,0 +1,139 @@ + + + + + + お知らせ一覧 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + NEWS + お知らせ一覧 +

    +
    +
    +
    + + + + Opened Blog + +
    +
    + + 2021/11/14 +
    +

    ブログを開設しました！

    +
    +     +
    +
    + + + + bye aquahall + +
    +
    + + 2021/10/16 +
    +

    AQUAHALL今までありがとう

    +
    +     +
    +
    + + + + Change Misskey + +
    +
    + + 2021/10/03 +
    +

    公式Misskeyのインスタンス変更について

    +
    +     +
    +
    + + +
    +
    + + 2021/08/26 +
    +

    Twitterのシャドウバンについて

    +
    +     +
    +
    + + +
    +
    + + 2021/08/23 +
    +

    VCborn公式サイトを公開しました！

    +
    +     +
    +
    + + + +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/presskit.html b/presskit.html new file mode 100644 index 0000000..d92b571 --- /dev/null +++ b/presskit.html @@ -0,0 +1,174 @@ + + + + + プレスキット | VCborn + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + PRESS KIT + プレスキット +

    +
    +
    +
    +

    ※無断で二次配布等の行為はしないでください。

    +
    +
    +
    +
    +

    VCborn

    +

    ロゴ + アイコン

    + + Download + + +
    + + + VCborn Logo + +
    +
    +
    +

    VCLinux

    +

    ロゴ + スクリーンショット + etc...

    + + Download + + +
    + + + VCLinux Logo + +
    +
    +
    +

    Reamix

    +

    ロゴ + アイコン

    + + Download + + +
    + + + Reamix Logo + +
    +
    +
    +
    + + + + + + + + + + diff --git a/privacypolicy.html b/privacypolicy.html new file mode 100644 index 0000000..e06906b --- /dev/null +++ b/privacypolicy.html @@ -0,0 +1,140 @@ + + + + + プライバシーポリシー | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + プライバシーポリシー + Privacy Policy +

    +
    +
    + +

    個人情報の取り扱いについて

    +

    + VCborn公式サイト（以下「当サイト」といいます）では、サイト、サービスを運営するにあたり個人情報の保護について重大な社会的責任を認識し、本人の権利の保護、個人情報に関する法規制などを遵守し、継続的に改善するため、プライバシーポリシーを定め、以下の通り運用します。 +

    +

    個人情報の定義

    +

    + 当プライバイシーポリシーにおいて、個人情報とは、個人情報保護法に定める個人情報（生存する個人に関する情報であり、特定の個人を識別可能なものを言い、氏名、生年月日、住所、電話番号等を含みます。）、並びに特定の個人と結びついて使用されるメールアドレス、パスワードなどの情報とします。 +

    +

    個人情報の取得について

    +

    + 個人情報の取得は必要最小限のものを適正な方法により取得、利用します。また取得した個人情報は利用目的以外には使用せず、目的終了後には取得した個人情報を消去するようにします。 +

    +

    個人情報の管理

    +

    + 個人情報は当グループの代表、管理者、責任者が適切に管理し、個人情報に対する不正アクセス、個人情報の紛失、改ざん、漏洩などを防止するために法律や当サイトで定めた規定に従い、適切な安全対策を講じます。 +
    + また個人情報の取り扱いを他へ委託する場合は、委託先に対する適切な管理・監督を徹底します。 +

    +

    個人情報の利用について

    +

    + 当サイトでは特に提示性ない限り以下のようなことに必要な範囲内において個人情報を使用します。 +

    +

    + 1） 当サイト及びサービスの提供のため +
    + 2） 当サイト及びサービスの運営や開発、保守のため +
    + 3） 当サイト及びサービスの利用状況の確認のため +
    + 4） 当サイト及びサービスの安全なサービスの提供のため +
    + 5） 当サイト及びサービスの改善及び開発のため +
    + 6） 当サイト及びサービスのサービスにおける重要な事項のお知らせのため +
    + 7） 当サイト及びサービスの広告配信の改善のため +
    + 8） + 当サイト及びサービスへのお問い合わせや質問及び情報の提供に関する返信のため +

    +

    個人情報の第三者提供について

    +

    + 当サイトでは以下のような例外の場合を除き、本人の許可を得ることなく第三者へ個人情報を提供することはありません。 +

    +

    + 1） 個人を識別できない状態（統計資料など）での開示・提供する場合 +
    + 2） + 業務上必要な範囲内で、業務委託先に全部または一部を開示・提供する場合 +
    + 3） + 当サイトの合併、分割、営業譲渡その他の事由によって事業が承継される場合 +
    + 4） 法令等に基づく場合 +

    +

    個人情報の開示、訂正等の手続きについて

    +

    + 個人情報の開示や訂正等の手続は本人ということが確認でき次第対応させていただきます。 + 当サイトの + お問い合わせページ + よりご連絡お願いします。 +

    +

    改定について

    +

    + 当サイトは法令の変更やサービスの提供内容変更などに伴い本ウェブサイトポリシーを予告なく変更する場合があります。 +

    +

    + （2021年08月23日　制定） +
    + （2021年11月06日　改定） +

    +
    +
    + + + + + + + + + + diff --git a/scss/style.css b/scss/style.css new file mode 100644 index 0000000..8dd9b16 --- /dev/null +++ b/scss/style.css @@ -0,0 +1,1758 @@ +h1, +h2, +h3, +h4, +h5, +p, +li, +section, +a, +button, +textarea, +ins, +select, +summary, +cite, +input { + font-family: "Noto Sans JP", sans-serif; + color: #14171a; +} + +img { + vertical-align: bottom; +} + +i ::-webkit-scrollbar { + width: 10px; + height: 10px; + background-color: #f5f5f5; +} + +::-webkit-scrollbar-track { + border-radius: 5px; + background: #f5f5f5; +} + +::-webkit-scrollbar-thumb { + border-radius: 5px; + background: #a9a9a9; +} + +html { + scroll-behavior: smooth; +} + +body { + margin: 0; +} + +body header { + width: 100%; + height: 70px; + background-color: #163469; +} + +body header #header-inner { + width: 1000px; + height: 70px; + margin: 0 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +body header #header-inner h1 { + height: 70px; + width: auto; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +body header #header-inner h1 img { + pointer-events: none; + height: 28px; + width: auto; + vertical-align: baseline; +} + +body header #header-inner ul { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + padding: 0; +} + +body header #header-inner ul li { + list-style: none; + font-size: 17px; + margin: 0 10px; +} + +body header #header-inner ul li a { + color: #fdfdfd; + text-decoration: none; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +body header #header-inner ul li :hover { + opacity: 0.5; +} + +body footer { + width: 100%; + background-color: #163469; + overflow: hidden; +} + +body footer #footer-inner { + width: 1000px; + margin: 40px auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -ms-flex-pack: distribute; + justify-content: space-around; +} + +body footer #footer-inner #footer-top { + width: 250px; + margin-top: -10px; +} + +body footer #footer-inner #footer-top img { + height: auto; + width: 250px; + margin: 20px auto; +} + +body footer #footer-inner #footer-top #footer-sns { + text-align: center; +} + +body footer #footer-inner #footer-top #footer-sns img { + width: 35px; + height: 35px; + margin: auto 5px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +body footer #footer-inner #footer-top #footer-sns img:hover { + opacity: 0.6; +} + +body footer #footer-inner #footer-nav { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; +} + +body footer #footer-inner #footer-nav ul { + padding: 0; + margin: 0 25px; +} + +body footer #footer-inner #footer-nav ul li:first-child { + font-size: 17px; +} + +body footer #footer-inner #footer-nav ul li { + list-style: none; + color: #a9a9a9; + margin: 5px auto; + font-size: 16px; +} + +body footer #footer-inner #footer-nav ul li a:hover { + opacity: 0.5; +} + +body footer #footer-inner #footer-nav ul li a { + color: #fdfdfd; + text-decoration: none; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +body footer #footer-last { + background-color: #1b1b1b; + overflow: hidden; +} + +body footer #footer-last ul { + padding: 1px 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 1000px; + margin: 7px auto; +} + +body footer #footer-last ul li { + list-style: none; + color: #fdfdfd; + font-size: 15px; + margin: 0 30px; +} + +body footer #footer-last ul li a:hover { + text-decoration-color: #fdfdfd; + -webkit-text-decoration-color: #fdfdfd; + -moz-text-decoration-color: #fdfdfd; +} + +body footer #footer-last ul li a { + color: #fdfdfd; + text-decoration: underline; + text-decoration-color: transparent; + -webkit-text-decoration-color: transparent; + -moz-text-decoration-color: transparent; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +.swiper { + width: 100%; + height: auto; +} + +.swiper .swiper-slide { + width: 100%; + height: auto; +} + +.swiper .swiper-slide .w-span { + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: end; + -ms-flex-align: end; + align-items: end; +} + +.swiper .swiper-slide .w-span span { + margin-left: 0.5rem; + margin-bottom: 0.5rem; + font-size: 1.25rem; +} + +.swiper .swiper-slide img { + width: 100%; + height: auto; +} + +.swiper .swiper-slide img.background { + height: 60vh; + -o-object-fit: cover; + object-fit: cover; + pointer-events: none; +} + +.swiper .swiper-slide img.logo { + max-width: 250px; +} + +.swiper .swiper-slide div.contents { + padding-left: 2rem; + position: absolute; + top: 50%; + left: 33.33333%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +.swiper .swiper-slide div.contents a.button { + display: inline-block; + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + color: #fdfdfd; + margin: 5px auto; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + text-decoration: none; +} + +.swiper .swiper-slide div.contents a.button.black { + background-color: black; +} + +.swiper .swiper-slide div.contents a.button.blue { + background-color: #163469; +} + +.swiper .swiper-slide div.contents a.button:hover { + opacity: 0.8; +} + +.swiper .swiper-slide.bg-blue { + background-color: #163469; +} + +.swiper .swiper-slide div.contents p { + font-size: 1.25rem; +} + +.swiper .swiper-slide div.contents p.white { + color: white; +} + +.swiper .swiper-button-next, +.swiper .swiper-button-prev { + --swiper-navigation-color: black; +} + +.swiper .swiper-pagination-bullet-active { + background-color: black; +} + +#top h2 { + font-size: 30px; + position: relative; + margin-bottom: 1em; + color: #163469; + margin: 15px auto; + text-align: center; + letter-spacing: 4px; + font-weight: 700; +} + +#top h2:before { + content: ""; + position: absolute; + bottom: -6px; + display: inline-block; + width: 60px; + height: 2px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #163469; +} + +#top .inner { + max-width: 1000px; + margin: 80px auto; +} + +#top #about { + background-color: #fdfdfd; + overflow: hidden; +} + +#top #about #about-inner p { + text-align: center; + color: #14171a; + font-size: 16px; + margin-top: 30px; +} + +#top #services { + background-color: #edf2f7; + overflow: hidden; +} + +#top #services #services-inner { + margin-bottom: 160px; +} + +#top #services #services-inner #products { + margin-top: 60px; +} + +#top #services #services-inner #products .one-product { + position: relative; + margin: auto; + width: 900px; + margin-bottom: 110px; +} + +#top #services #services-inner #products .one-product .product-img { + overflow: hidden; + width: 650px; + height: 365px; +} + +#top #services #services-inner #products .one-product img:hover { + -webkit-transform: scale(1.05, 1.05); + transform: scale(1.05, 1.05); +} + +#top #services #services-inner #products .one-product img { + width: 650px; + height: 365px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: left top; + object-position: left top; +} + +#top #services #services-inner #products .one-product .product-info { + background-color: #163469; + width: 400px; + position: absolute; + overflow: hidden; + top: 190px; + right: 0; +} + +#top #services #services-inner #products .one-product .product-info h3, +#top #services #services-inner #products .one-product .product-info p, +#top #services #services-inner #products .one-product .product-info a { + color: #fdfdfd; + text-decoration: none; +} + +#top #services #services-inner #products .one-product .product-info h3 { + font-size: 33px; + margin: 20px; + margin-left: 35px; +} + +#top #services #services-inner #products .one-product .product-info p { + font-size: 15px; + margin-left: 35px; + margin-right: 20px; +} + +#top #services #services-inner #products .one-product .product-info .product-btn { + margin-left: 35px; + margin-bottom: 20px; +} + +#top #services #services-inner #products .one-product .product-info .product-btn p { + margin-left: 0; +} + +#top #services #services-inner #products .one-product .product-info .product-btn a:first-child { + margin-left: 0; +} + +#top #services #services-inner #products .one-product .product-info .product-btn a:hover { + opacity: 0.7; +} + +#top #services #services-inner #products .one-product .product-info .product-btn a { + display: inline-block; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + background-color: #1b1b1b; + border: none; + padding: 7.5px 20px; + font-size: 1rem; + margin: 0.25rem 5px; + text-decoration: none; +} + +#top #news { + background-color: #fdfdfd; + overflow: hidden; + margin-right: 20px; + margin-left: 20px; +} + +#top #news #news-inner { + margin-left: auto; + margin-right: auto; + text-align: center; +} + +#top #news #news-inner #news-flex { + text-align: left; + display: -ms-grid; + display: grid; + -ms-grid-columns: (minmax(0, 1fr))[3]; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 3rem; + -ms-flex-pack: distribute; + justify-content: space-around; + margin-top: 40px; +} + +#top #news #news-inner #news-flex .one-news:hover { + opacity: 0.8; +} + +#top #news #news-inner #news-flex .one-news { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + margin-bottom: 35px; + overflow: hidden; +} + +#top #news #news-inner #news-flex .one-news a { + text-decoration: none; +} + +#top #news #news-inner #news-flex .one-news .news-samune { + width: 100%; + aspect-ratio: 16/9; + background-color: #163469; +} + +#top #news #news-inner #news-flex .news-info { + background-color: #edf2f7; +} + +#top #news #news-inner #news-flex .news-info .date { + background-color: #163469; + font-size: 14px; + padding: 4px; + color: #fdfdfd; + width: calc(266px / 2); + padding-left: 8px; +} + +#top #news #news-inner #news-flex .news-info h3 { + font-size: 16px; + padding: 7px; + margin: 0; +} + +#top #news #news-inner .button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + display: inline-block; + margin: 5px auto; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + text-decoration: none; +} + +#top #news #news-inner .button:hover { + opacity: 0.8; + cursor: pointer; +} + +#top #join { + background-color: #edf2f7; + padding: 80px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; +} + +#top #join p { + font-size: 16px; + text-align: center; +} + +#top #join a { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + display: block; + margin: 5px auto; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + text-decoration: none; +} + +#top #join a:hover { + opacity: 0.8; + cursor: pointer; +} + +#top #advertise { + background-color: #fdfdfd; + overflow: hidden; + text-align: center; +} + +#top #advertise ins { + width: 100%; +} + +#h2-title { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +#h2-title #particles-js { + position: relative; + width: 100%; + height: 280px; + background-color: #163469; + background-repeat: no-repeat; + background-size: cover; + background-position: 50% 50%; +} + +#h2-title h2 { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + font-weight: 400; + color: #fdfdfd; + position: absolute; +} + +#h2-title h2 span:first-child { + font-size: 38px; + position: relative; + margin-bottom: 1em; + margin: 15px auto; + margin-top: 0; + letter-spacing: 3px; +} + +#h2-title h2 span:first-child:before { + content: ""; + position: absolute; + bottom: -6px; + display: inline-block; + width: 60px; + height: 2px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: #fdfdfd; +} + +#h2-title h2 span:last-child { + font-size: 16px; + text-align: center; +} + +#news #news-list { + width: 1000px; + margin: 60px auto; + margin-bottom: 25px; + display: -ms-grid; + display: grid; + -ms-grid-columns: (minmax(0, 1fr))[3]; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 3rem; +} + +#news #news-list .one-news:hover { + opacity: 0.8; +} + +#news #news-list .one-news { + margin-bottom: 35px; + overflow: hidden; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#news #news-list .one-news a { + text-decoration: none; +} + +#news #news-list .one-news .news-samune { + width: 100%; + aspect-ratio: 16/9; + -o-object-fit: cover; + object-fit: cover; +} + +#news #news-list .one-news .news-info { + background-color: #edf2f7; + height: 100%; +} + +#news #news-list .one-news .news-info .date { + background-color: #163469; + font-size: 14px; + padding: 4px; + color: #fdfdfd; + width: calc(266px / 2); + padding-left: 8px; +} + +#news #news-list .one-news .news-info h3 { + font-size: 16px; + padding: 7px; + margin: 0; + color: #14171a; +} + +#creators { + background-color: #edf2f7; +} + +#creators #creators-list { + width: 1000px; + margin: 0 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +#creators #creators-list .one-creator { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + margin: 20px auto; +} + +#creators #creators-list .one-creator .left-info { + background-color: #163469; + width: 40%; + max-width: 160px; + overflow: hidden; +} + +#creators #creators-list .one-creator .left-info img { + width: 100%; + height: auto; +} + +#creators #creators-list .one-creator .left-info .involve-project ul { + margin: 7px; + padding: 0; +} + +#creators #creators-list .one-creator .left-info .involve-project ul li { + list-style: none; + color: #fdfdfd; +} + +#creators #creators-list .one-creator .left-info .involve-project ul li:first-child { + font-size: 16px; +} + +#creators #creators-list .one-creator .left-info .involve-project ul li:nth-child(n + 2) { + background-color: #1b1b1b; + display: inline-block; + padding: 0 4px; + margin: 1px auto; + font-size: 14px; +} + +#creators #creators-list .one-creator .right-info { + width: 320px; + background-color: #fdfdfd; +} + +#creators #creators-list .one-creator .right-info h3 { + overflow-wrap: break-word; + margin: 9px 16px; + margin-top: 20px; + font-size: 28px; + color: #14171a; +} + +#creators #creators-list .one-creator .right-info p { + margin: 0 16px; + color: #14171a; +} + +#creators #creators-list .one-creator .right-info h4 { + margin: 10px 16px; + color: #14171a; +} + +#creators #creators-list .one-creator .right-info ul { + padding: 0; + margin: 0; + margin: 3px 16px; +} + +#creators #creators-list .one-creator .right-info ul li:nth-child(odd) { + float: left; +} + +#creators #creators-list .one-creator .right-info ul li:nth-child(even) { + float: right; +} + +#creators #creators-list .one-creator .right-info ul li { + list-style: none; + width: 133px; + margin: 4px auto; + padding: 2px; + font-size: 16px; + border-left: solid 2px #14171a; + border-bottom: solid 2px #14171a; + position: relative; + line-height: 1.1em; + text-indent: 1.1em; +} + +#creators #creators-list .one-creator .right-info ul li a:hover { + text-decoration-color: #14171a; + -webkit-text-decoration-color: #14171a; + -moz-text-decoration-color: #14171a; +} + +#creators #creators-list .one-creator .right-info ul li a { + display: block; + padding-left: 3px; + overflow-wrap: break-word; + text-decoration: underline; + -webkit-text-decoration-color: transparent; + text-decoration-color: transparent; + -moz-text-decoration-color: transparent; + color: #14171a; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#creators #creators-list .one-creator .right-info ul .twitter:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/twitter-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; +} + +#creators #creators-list .one-creator .right-info ul .github:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/github-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; +} + +#creators #creators-list .one-creator .right-info ul .youtube:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/youtube-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; +} + +#creators #creators-list .one-creator .right-info ul .homepage:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/browser-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; +} + +#creators #creators-list .one-creator .right-info ul .discord:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/discord-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; +} + +#article { + background-color: #edf2f7; +} + +#article article { + width: 900px; + margin: 0 auto; + padding: 20px 30px; + background-color: #fdfdfd; + overflow: hidden; +} + +#article article .table-of-contents { + width: 80%; + padding: 25px 50px; + margin: 10px auto; + border-top: solid 5px #163469; + background-color: #edf2f7; + color: #163469; +} + +#article article .table-of-contents a:hover { + opacity: 0.6; +} + +#article article .table-of-contents a { + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + color: #14171a; +} + +#article article h3 { + color: #14171a; + border-bottom: #163469 solid 3px; + font-size: 25px; + margin: 23px auto; +} + +#article article h4 { + color: #14171a; + border-left: #163469 solid 3px; + font-size: 19px; + padding-left: 5px; +} + +#article article h5 { + font-size: 18px; + color: #14171a; + position: relative; + padding-left: 1em; + line-height: 1; +} + +#article article h5:before { + font-family: "Font Awesome 5 Free"; + content: "\f111"; + font-weight: 900; + position: absolute; + font-size: 0.8em; + left: 0; + top: 0.1em; + color: #163469; +} + +#article article p { + color: #14171a; +} + +#article article a { + color: #163469; +} + +#contact { + overflow: hidden; + background-color: #fdfdfd; +} + +#contact #contact-form { + width: 800px; + margin: 0 auto; + margin-bottom: 60px; +} + +#contact #contact-form h3 { + font-size: 25px; + text-align: center; +} + +#contact #contact-form p { + text-align: center; +} + +#contact #contact-form fieldset { + display: inline-block; +} + +#contact #contact-form div { + padding: 10px; + border-top: solid #a9a9a9 1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#contact #contact-form label { + text-align: right; + margin-right: 30px; + display: block; + width: 240px; + float: left; +} + +#contact #contact-form label span { + background-color: #ff1a1a; + color: #fdfdfd; + font-size: 13px; + padding: 1px 3px; + margin-left: 10px; + white-space: nowrap; +} + +#contact #contact-form input[type="text"]:focus, +#contact #contact-form select:focus, +#contact #contact-form textarea:focus { + outline: 2px solid transparent; + outline-offset: 2px; + border-color: #163469; +} + +#contact #contact-form input[type="text"] { + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 35px; + padding-left: 10px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#contact #contact-form select { + width: 415px; + height: 35px; + border: solid 1px #a9a9a9; + background-color: #edf2f7; + padding-left: 10px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#contact #contact-form textarea { + resize: vertical; + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 150px; + padding-left: 10px; + padding-top: 7.5px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#contact #contact-form .error { + color: #ff1a1a; + font-size: 15px; + padding: 3px; + margin-left: 270px; + border: none; +} + +#contact #contact-form button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 30px auto; + display: block; + text-align: center; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#contact #contact-form button:hover { + opacity: 0.8; + cursor: pointer; +} + +#contact #contact-form .agreement { + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: 20px; + padding-bottom: 20px; +} + +#contact #contact-form .agreement label { + width: auto; +} + +#contact #contact-form .agreement input[type="checkbox"] { + margin: 6px; +} + +#contents-check { + background-color: #fdfdfd; + overflow: hidden; +} + +#contents-check form { + width: 800px; + margin: 0 auto; +} + +#contents-check form h3 { + text-align: center; + font-size: 25px; +} + +#contents-check form .first-p { + text-align: center; +} + +#contents-check form .contents-check-inner { + background-color: #edf2f7; + border: 1px solid #a9a9a9; + border-radius: 4px; + width: 90%; + margin: 0 auto; + padding: 10px; +} + +#contents-check form .contents-check-inner div label { + text-align: right; + float: left; + width: 240px; + font-weight: 600; + margin-right: 40px; +} + +#contents-check form .contents-check-inner div p { + overflow: hidden; +} + +#contents-check form .contents-check-inner div ul { + overflow: hidden; + padding: 0; +} + +#contents-check form .contents-check-inner div ul li { + list-style: none; +} + +#contents-check form .buttons { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; +} + +#contents-check form .buttons button, +#contents-check form .buttons input[type="button"] { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 20px; + display: block; + text-align: center; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#contents-check form .buttons button:hover, +#contents-check form .buttons input[type="button"]:hover { + opacity: 0.8; + cursor: pointer; +} + +#contact-thanks { + background-color: #fdfdfd; +} + +#contact-thanks .contact-thanks-inner { + background-color: #edf2f7; + overflow: hidden; + width: 500px; + margin: 100px auto; + border-radius: 5px; +} + +#contact-thanks .contact-thanks-inner h3, +#contact-thanks .contact-thanks-inner p { + text-align: center; +} + +#contact-thanks .contact-thanks-inner h3 { + font-size: 25px; +} + +#contact-thanks .contact-thanks-inner button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 20px; + display: block; + margin: 20px auto; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#contact-thanks .contact-thanks-inner button a { + color: #fdfdfd; + display: block; + text-decoration: none; +} + +#contact-thanks .contact-thanks-inner button:hover { + opacity: 0.8; + cursor: pointer; +} + +#join { + overflow: hidden; + background-color: #fdfdfd; +} + +#join #join-form { + width: 800px; + margin: 0 auto; + margin-bottom: 60px; +} + +#join #join-form h3 { + font-size: 25px; + text-align: center; +} + +#join #join-form p { + text-align: center; +} + +#join #join-form fieldset { + display: inline-block; +} + +#join #join-form .agreement { + text-align: center; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + padding-top: 20px; + padding-bottom: 20px; +} + +#join #join-form .agreement label { + width: auto; +} + +#join #join-form .agreement input[type="checkbox"] { + margin: 6px; +} + +#join #join-form .joinsan { + padding: 10px; + border-top: solid #a9a9a9 1px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#join #join-form label { + text-align: right; + margin-right: 30px; + display: block; + width: 240px; + float: left; +} + +#join #join-form label span { + background-color: #ff1a1a; + color: #fdfdfd; + font-size: 13px; + padding: 1px 3px; + margin-left: 10px; + white-space: nowrap; +} + +#join #join-form input[type="text"]:focus, +#join #join-form select:focus, +#join #join-form textarea:focus { + outline: 2px solid transparent; + outline-offset: 2px; + border-color: #163469; +} + +#join #join-form input[type="text"] { + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 35px; + padding-left: 10px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#join #join-form select { + width: 415px; + height: 35px; + border: solid 1px #a9a9a9; + background-color: #edf2f7; + padding-left: 10px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#join #join-form textarea { + resize: vertical; + background-color: #edf2f7; + border: solid 1px #a9a9a9; + width: 400px; + height: 150px; + padding-top: 7.5px; + padding-left: 10px; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#join #join-form .error { + color: #ff1a1a; + font-size: 15px; + padding: 3px; + margin-left: 270px; +} + +#join #join-form .go-check { + display: block; + text-align: center; + width: 80px; + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: #163469; + color: #fdfdfd; + margin: 30px auto; + text-decoration: none; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#join #join-form .go-check:hover { + opacity: 0.8; + cursor: pointer; +} + +#join #join-form .check, +#join #join-form .check1 { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + padding-left: 11%; + padding: 0; +} + +#join #join-form .check label, +#join #join-form .check1 label { + margin-right: 0; + text-align: left; +} + +#join #join-form .checktext { + padding-right: 100%; + border-top: solid #a9a9a9 2px; + -ms-flex-wrap: wrap; + flex-wrap: wrap; +} + +#hero { + height: 80vh; +} + +#hero picture img { + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + pointer-events: none; +} + +#hero .contents img { + pointer-events: none; + max-height: 3rem; +} + +#hero .contents p { + display: block; + font-size: 1.3rem; +} + +#hero .contents a { + display: inline-block; + background-color: #163469; + color: white; + padding: 0.75rem 1.5rem; + text-decoration: none; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#hero .contents a:hover { + opacity: 0.8; +} + +#hero .contents.left { + padding-left: 2rem; + position: absolute; + top: 50%; + left: 33.33333%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +#hero .contents.center { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); +} + +#product section { + padding: 2rem; + font-size: 1.125rem; + min-height: 15rem; +} + +#product section .contents { + text-align: center; + max-width: 72rem; + margin-left: auto; + margin-right: auto; + padding-bottom: 2rem; +} + +#product section h2 { + margin: 0; + font-size: 2rem; +} + +#product section h3 { + margin: 0; + padding-bottom: 1.5rem; +} + +#product section ul { + display: inline-block; + text-align: left; +} + +#product .button { + margin-top: 1rem; + margin-bottom: 1rem; + display: inline-block; + background-color: #163469; + color: white; + padding: 0.5rem 1rem; + text-decoration: none; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#product .button:hover { + opacity: 0.8; +} + +#product #features .split { + display: -ms-grid; + display: grid; + -ms-grid-columns: (minmax(0, 1fr))[3]; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; +} + +#product #features .split .feature { + padding: 1.25rem; + background-color: white; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#product #features .split .feature:hover { + -webkit-transform: translateY(-0.25rem); + transform: translateY(-0.25rem); + -webkit-box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, 0.1); + box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, 0.1); +} + +#product #features .split .feature i { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 3rem; +} + +#product #features .split .feature h3 { + padding: 0; +} + +#product #requirements table { + border-collapse: collapse; + table-layout: auto; + margin-left: auto; + margin-right: auto; +} + +#product #requirements table td { + padding: 0.5rem; +} + +#product #requirements table td:first-child { + border-right: solid 1px black; +} + +#product .blue { + background-color: #edf2f7; +} + +#product #about p { + line-height: 2rem; +} + +#product .disabled { + color: white; + cursor: not-allowed; + opacity: 0.5; + text-decoration: none; + pointer-events: none; +} + +#product .version select { + cursor: pointer; + padding: 0.5rem 2.5rem 0.5rem 1rem; + margin-bottom: 0.25rem; + font-size: 1rem; + border-radius: 0; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + -webkit-appearance: none; + background-image: linear-gradient(45deg, transparent 50%, rgba(0, 0, 0, 0.4) 50%), linear-gradient(135deg, rgba(0, 0, 0, 0.4) 50%, transparent 50%); + background-size: 5px 5px, 5px 5px; + background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; + background-repeat: no-repeat; +} + +#product .version select:hover { + border-color: #163469; +} + +#product .version select:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} + +#product .agreement { + margin-top: 1rem; + margin-bottom: 1rem; +} + +#product-col { + margin-left: auto; + margin-right: auto; + max-width: 80rem; + padding: 5rem; + display: -ms-grid; + display: grid; + -ms-grid-columns: (minmax(0, 1fr))[3]; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; +} + +#product-col div { + padding-left: 2rem; + padding-right: 2rem; + background-color: #222; + border-radius: 0.5rem; + text-align: center; + color: white; + padding-bottom: 2rem; +} + +#product-col div.col-span-1 { + grid-column: span 1 / span 1; +} + +#product-col div.col-span-2 { + grid-column: span 2 / span 2; +} + +#product-col div.col-span-3 { + grid-column: span 3 / span 3; +} + +#product-col div h2, +#product-col div p, +#product-col div cite, +#product-col div cite a { + color: white; +} + +#product-col div img { + width: 100%; +} + +#product-col div .compare { + padding: 0; +} + +#product-col div .compare p { + text-align: left; +} + +#product-col div .compare .bar { + padding: 0; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + border-radius: 9999px; + margin-top: 1rem; + margin-bottom: 1rem; +} + +#product-col div .compare .bar.edge { + background-color: #0078d7; +} + +#product-col div .compare .bar.firefox { + background-color: #e66000; + width: 60%; +} + +#product-col div .compare .bar.monot { + background-color: #8a8a8a; + width: 20%; +} + +#product-col a.dlbutton { + margin-bottom: 2rem; + display: inline-block; + background-color: #a0a0a0; + border-radius: 9999px; + text-decoration: none; + padding: 0.8rem 1.6rem; + color: black; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; +} + +#product-col a.dlbutton:hover { + background-color: #d1d1d1; +} + +#product-col div blockquote { + background-color: #292929; + border-radius: 0.5rem; + padding: 0.8rem 1.6rem; +} + +#NotFound { + background-color: #fdfdfd; + position: relative; +} + +#NotFound #particles-js { + background-color: #163469; + height: calc(100vh - 70px - 237px); +} + +#NotFound #notfound-inner { + width: 900px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +#NotFound #notfound-inner h3, +#NotFound #notfound-inner p { + text-align: center; +} + +#NotFound #notfound-inner h3 { + font-size: 40px; +} + +#NotFound #notfound-inner p { + font-size: 20px; +} + +#NotFound #notfound-inner h2 { + font-size: 15px; +} + +#NotFound #notfound-inner .fa-home { + text-align: center; + color: #fff; +} +/*# sourceMappingURL=style.css.map */ \ No newline at end of file diff --git a/scss/style.css.map b/scss/style.css.map new file mode 100644 index 0000000..77c15a6 --- /dev/null +++ b/scss/style.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "style.scss" + ], + "names": [], + "file": "style.css" +} \ No newline at end of file diff --git a/scss/style.scss b/scss/style.scss new file mode 100644 index 0000000..819cf01 --- /dev/null +++ b/scss/style.scss @@ -0,0 +1,1447 @@ +// 色変数 +$base-white: #fdfdfd; +$base-blue: #edf2f7; +$main-color: #163469; +$accent-color: #1b1b1b; +$gray-color: #a9a9a9; +$red-color: #ff1a1a; +$black-color: #14171a; +$light-black: #4d4d4d; + +//全ページ共通部分 +h1, +h2, +h3, +h4, +h5, +p, +li, +section, +a, +button, +textarea, +ins, +select, +summary, +cite, +input { + font-family: "Noto Sans JP", sans-serif; + color: $black-color; +} + +img { + vertical-align: bottom; +} + +i ::-webkit-scrollbar { + width: 10px; + height: 10px; + background-color: #f5f5f5; +} +::-webkit-scrollbar-track { + border-radius: 5px; + background: #f5f5f5; +} +::-webkit-scrollbar-thumb { + border-radius: 5px; + background: $gray-color; +} + +html { + scroll-behavior: smooth; +} +body { + margin: 0; + header { + width: 100%; + height: 70px; + background-color: $main-color; + #header-inner { + width: 1000px; + height: 70px; + margin: 0 auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + h1 { + height: 70px; + width: auto; + margin: 0; + display: flex; + align-items: center; + img { + pointer-events: none; + height: 28px; + width: auto; + vertical-align: baseline; + } + } + ul { + display: flex; + flex-direction: row; + padding: 0; + li { + list-style: none; + font-size: 17px; + margin: 0 10px; + a { + color: $base-white; + text-decoration: none; + transition-duration: 200ms; + } + :hover { + opacity: 0.5; + } + } + } + } + } + footer { + width: 100%; + background-color: $main-color; + overflow: hidden; + #footer-inner { + width: 1000px; + margin: 40px auto; + display: flex; + flex-direction: row; + justify-content: space-around; + #footer-top { + width: 250px; + margin-top: -10px; + img { + height: auto; + width: 250px; + margin: 20px auto; + } + #footer-sns { + text-align: center; + img { + width: 35px; + height: 35px; + margin: auto 5px; + transition-duration: 200ms; + } + img:hover { + opacity: 0.6; + } + } + } + #footer-nav { + display: flex; + flex-direction: row; + ul { + padding: 0; + margin: 0 25px; + li:first-child { + font-size: 17px; + } + li { + list-style: none; + color: $gray-color; + margin: 5px auto; + font-size: 16px; + a:hover { + opacity: 0.5; + } + a { + color: $base-white; + text-decoration: none; + transition-duration: 200ms; + } + } + } + } + } + #footer-last { + background-color: $accent-color; + overflow: hidden; + ul { + padding: 1px 0; + display: flex; + flex-direction: row; + justify-content: center; + width: 1000px; + margin: 7px auto; + li { + list-style: none; + color: $base-white; + font-size: 15px; + margin: 0 30px; + a:hover { + text-decoration-color: $base-white; + -webkit-text-decoration-color: $base-white; + -moz-text-decoration-color: $base-white; + } + a { + color: $base-white; + text-decoration: underline; + text-decoration-color: transparent; + -webkit-text-decoration-color: transparent; + -moz-text-decoration-color: transparent; + transition-duration: 200ms; + } + } + } + } + } +} + +// トップページ +.swiper { + width: 100%; + height: auto; + .swiper-slide { + width: 100%; + height: auto; + .w-span { + display: inline-flex; + align-items: end; + span { + margin-left: 0.5rem; + margin-bottom: 0.5rem; + font-size: 1.25rem; + } + } + img { + width: 100%; + height: auto; + } + img.background { + height: 60vh; + object-fit: cover; + pointer-events: none; + } + img.logo { + max-width: 250px; + } + + div.contents { + padding-left: 2rem; + position: absolute; + top: 50%; + left: 33.33333%; + -webkit-transform: translateX(-50%) translateY(-50%); + transform: translateX(-50%) translateY(-50%); + + a.button { + display: inline-block; + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + color: #fdfdfd; + margin: 5px auto; + -webkit-transition-duration: 200ms; + transition-duration: 200ms; + text-decoration: none; + + &.black { + background-color: black; + } + + &.blue { + background-color: #163469; + } + + &:hover { + opacity: 0.8; + } + } + } + + &.bg-blue { + background-color: #163469; + } + + div.contents p { + font-size: 1.25rem; + + &.white { + color: white; + } + } + } + .swiper-button-next, + .swiper-button-prev { + --swiper-navigation-color: black; + } + .swiper-pagination-bullet-active { + background-color: black; + } +} + +#top { + h2 { + font-size: 30px; + position: relative; + margin-bottom: 1em; + color: $main-color; + margin: 15px auto; + text-align: center; + letter-spacing: 4px; + font-weight: 700; + } + h2:before { + content: ""; + position: absolute; + bottom: -6px; + display: inline-block; + width: 60px; + height: 2px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: $main-color; + } + .inner { + max-width: 1000px; + margin: 80px auto; + } + #about { + background-color: $base-white; + overflow: hidden; + #about-inner { + p { + text-align: center; + color: $black-color; + font-size: 16px; + margin-top: 30px; + } + } + } + #services { + background-color: $base-blue; + overflow: hidden; + #services-inner { + margin-bottom: 160px; + #products { + margin-top: 60px; + .one-product { + position: relative; + margin: auto; + width: 900px; + margin-bottom: 110px; + .product-img { + overflow: hidden; + width: 650px; + height: 365px; + } + img:hover { + transform: scale(1.05, 1.05); + } + img { + width: 650px; + height: 365px; + transition-duration: 200ms; + object-fit: cover; + object-position: left top; + } + .product-info { + background-color: $main-color; + width: 400px; + position: absolute; + overflow: hidden; + top: 190px; + right: 0; + h3, + p, + a { + color: $base-white; + text-decoration: none; + } + h3 { + font-size: 33px; + margin: 20px; + margin-left: 35px; + } + p { + font-size: 15px; + margin-left: 35px; + margin-right: 20px; + } + .product-btn { + margin-left: 35px; + margin-bottom: 20px; + p { + margin-left: 0; + } + a:first-child { + margin-left: 0; + } + a:hover { + opacity: 0.7; + } + a { + display: inline-block; + transition-duration: 200ms; + background-color: $accent-color; + border: none; + padding: 7.5px 20px; + font-size: 1rem; + margin: 0.25rem 5px; + text-decoration: none; + } + } + } + } + } + } + } + #news { + background-color: $base-white; + overflow: hidden; + margin-right: 20px; + margin-left: 20px; + #news-inner { + margin-left: auto; + margin-right: auto; + text-align: center; + #news-flex { + text-align: left; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 3rem; + justify-content: space-around; + margin-top: 40px; + .one-news:hover { + opacity: 0.8; + } + .one-news { + transition-duration: 200ms; + margin-bottom: 35px; + overflow: hidden; + a { + text-decoration: none; + } + .news-samune { + width: 100%; + aspect-ratio: 16/9; + background-color: $main-color; + } + } + .news-info { + background-color: $base-blue; + .date { + background-color: $main-color; + font-size: 14px; + padding: 4px; + color: $base-white; + width: calc(266px / 2); + padding-left: 8px; + } + h3 { + font-size: 16px; + padding: 7px; + margin: 0; + } + } + } + .button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: $main-color; + color: $base-white; + display: inline-block; + margin: 5px auto; + transition-duration: 200ms; + text-decoration: none; + } + .button:hover { + opacity: 0.8; + cursor: pointer; + } + } + } + #join { + background-color: $base-blue; + padding: 80px; + display: flex; + justify-content: center; + flex-direction: column; + p { + font-size: 16px; + text-align: center; + } + a { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: $main-color; + color: $base-white; + display: block; + margin: 5px auto; + transition-duration: 200ms; + text-decoration: none; + } + a:hover { + opacity: 0.8; + cursor: pointer; + } + } + #advertise { + background-color: $base-white; + overflow: hidden; + text-align: center; + ins { + width: 100%; + } + } +} + +// 子ページ（ニュースやクリエイター一覧ページ等）の共通 +#h2-title { + display: flex; + align-items: center; + justify-content: center; + #particles-js { + position: relative; + width: 100%; + height: 280px; + background-color: $main-color; + background-repeat: no-repeat; + background-size: cover; + background-position: 50% 50%; + } + h2 { + display: flex; + flex-direction: column; + font-weight: 400; + color: $base-white; + position: absolute; + span:first-child { + font-size: 38px; + position: relative; + margin-bottom: 1em; + margin: 15px auto; + margin-top: 0; + letter-spacing: 3px; + } + span:first-child:before { + content: ""; + position: absolute; + bottom: -6px; + display: inline-block; + width: 60px; + height: 2px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + background-color: $base-white; + } + span:last-child { + font-size: 16px; + text-align: center; + } + } +} + +// ニュース一覧 +#news { + #news-list { + width: 1000px; + margin: 60px auto; + margin-bottom: 25px; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 3rem; + .one-news:hover { + opacity: 0.8; + } + .one-news { + margin-bottom: 35px; + overflow: hidden; + transition-duration: 200ms; + a { + text-decoration: none; + } + .news-samune { + width: 100%; + aspect-ratio: 16/9; + object-fit: cover; + } + .news-info { + background-color: $base-blue; + height: 100%; + .date { + background-color: $main-color; + font-size: 14px; + padding: 4px; + color: $base-white; + width: calc(266px / 2); + padding-left: 8px; + } + h3 { + font-size: 16px; + padding: 7px; + margin: 0; + color: $black-color; + } + } + } + } +} + +// 所属クリエイター一覧ページ +#creators { + background-color: $base-blue; + #creators-list { + width: 1000px; + margin: 0 auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .one-creator { + display: flex; + flex-direction: row; + margin: 20px auto; + .left-info { + background-color: $main-color; + width: 40%; + max-width: 160px; + overflow: hidden; + img { + width: 100%; + height: auto; + } + .involve-project { + ul { + margin: 7px; + padding: 0; + li { + list-style: none; + color: $base-white; + } + li:first-child { + font-size: 16px; + } + li:nth-child(n + 2) { + background-color: $accent-color; + display: inline-block; + padding: 0 4px; + margin: 1px auto; + font-size: 14px; + } + } + } + } + .right-info { + width: 320px; + background-color: $base-white; + h3 { + overflow-wrap: break-word; + margin: 9px 16px; + margin-top: 20px; + font-size: 28px; + color: $black-color; + } + p { + margin: 0 16px; + color: $black-color; + } + h4 { + margin: 10px 16px; + color: $black-color; + } + ul { + padding: 0; + margin: 0; + margin: 3px 16px; + li:nth-child(odd) { + float: left; + } + li:nth-child(even) { + float: right; + } + li { + list-style: none; + width: 133px; + margin: 4px auto; + padding: 2px; + font-size: 16px; + border-left: solid 2px $black-color; + border-bottom: solid 2px $black-color; + position: relative; + line-height: 1.1em; + text-indent: 1.1em; + a:hover { + text-decoration-color: $black-color; + -webkit-text-decoration-color: $black-color; + -moz-text-decoration-color: $black-color; + } + a { + display: block; + padding-left: 3px; + overflow-wrap: break-word; + text-decoration: underline; + text-decoration-color: transparent; + -moz-text-decoration-color: transparent; + color: $black-color; + transition-duration: 200ms; + } + } + .twitter:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/twitter-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + } + .github:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/github-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + } + .youtube:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/youtube-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; + } + .homepage:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/browser-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; + } + .discord:before { + content: ""; + display: inline-block; + width: 1.1em; + height: 1.1em; + background: url(/images/svg/discord-icon.svg) no-repeat; + background-size: contain; + position: absolute; + left: 2px; + margin-right: 4px; + } + } + } + } + } +} + +//articleページ +#article { + background-color: $base-blue; + article { + width: 900px; + margin: 0 auto; + padding: 20px 30px; + background-color: $base-white; + overflow: hidden; + .table-of-contents { + width: 80%; + padding: 25px 50px; + margin: 10px auto; + border-top: solid 5px $main-color; + background-color: $base-blue; + color: $main-color; + a:hover { + opacity: 0.6; + } + a { + transition-duration: 200ms; + color: $black-color; + } + } + h3 { + color: $black-color; + border-bottom: $main-color solid 3px; + font-size: 25px; + margin: 23px auto; + } + h4 { + color: $black-color; + border-left: $main-color solid 3px; + font-size: 19px; + padding-left: 5px; + } + h5 { + font-size: 18px; + color: $black-color; + position: relative; + padding-left: 1em; + line-height: 1; + } + h5:before { + font-family: "Font Awesome 5 Free"; + content: "\f111"; + font-weight: 900; + position: absolute; + font-size: 0.8em; + left: 0; + top: 0.1em; + color: $main-color; + } + p { + color: $black-color; + } + a { + color: $main-color; + } + } +} + +//お問い合わせページ +#contact { + overflow: hidden; + background-color: $base-white; + #contact-form { + width: 800px; + margin: 0 auto; + margin-bottom: 60px; + h3 { + font-size: 25px; + text-align: center; + } + p { + text-align: center; + } + fieldset { + display: inline-block; + } + div:not(.agreement, .error) { + padding: 10px; + border-top: solid $gray-color 1px; + display: flex; + flex-wrap: wrap; + } + label { + text-align: right; + margin-right: 30px; + display: block; + width: 240px; + float: left; + span { + background-color: $red-color; + color: $base-white; + font-size: 13px; + padding: 1px 3px; + margin-left: 10px; + white-space: nowrap; + } + } + input[type="text"]:focus, + select:focus, + textarea:focus { + outline: 2px solid transparent; + outline-offset: 2px; + border-color: $main-color; + } + input[type="text"] { + background-color: $base-blue; + border: solid 1px $gray-color; + width: 400px; + height: 35px; + padding-left: 10px; + transition-duration: 200ms; + } + select { + width: 415px; + height: 35px; + border: solid 1px $gray-color; + background-color: $base-blue; + padding-left: 10px; + transition-duration: 200ms; + } + textarea { + resize: vertical; + background-color: $base-blue; + border: solid 1px $gray-color; + width: 400px; + height: 150px; + padding-left: 10px; + padding-top: 7.5px; + transition-duration: 200ms; + } + .error { + color: $red-color; + font-size: 15px; + padding: 3px; + margin-left: 270px; + border: none; + } + button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: $main-color; + color: $base-white; + margin: 30px auto; + display: block; + text-align: center; + transition-duration: 200ms; + } + button:hover { + opacity: 0.8; + cursor: pointer; + } + .agreement { + text-align: center; + display: flex; + justify-content: center; + padding-top: 20px; + padding-bottom: 20px; + label { + width: auto; + } + input[type="checkbox"] { + margin: 6px; + } + } + } +} + +//お問い合わせ内容確認ページ +#contents-check { + background-color: $base-white; + overflow: hidden; + form { + width: 800px; + margin: 0 auto; + h3 { + text-align: center; + font-size: 25px; + } + .first-p { + text-align: center; + } + .contents-check-inner { + background-color: $base-blue; + border: 1px solid $gray-color; + border-radius: 4px; + width: 90%; + margin: 0 auto; + padding: 10px; + div { + label { + text-align: right; + float: left; + width: 240px; + font-weight: 600; + margin-right: 40px; + } + p { + overflow: hidden; + } + ul { + overflow: hidden; + padding: 0; + li { + list-style: none; + } + } + } + } + .buttons { + display: flex; + flex-direction: row; + justify-content: center; + button, + input[type="button"] { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: $main-color; + color: $base-white; + margin: 20px; + display: block; + text-align: center; + transition-duration: 200ms; + } + button:hover, + input[type="button"]:hover { + opacity: 0.8; + cursor: pointer; + } + } + } +} + +//お問い合わせthanksページ +#contact-thanks { + background-color: $base-white; + .contact-thanks-inner { + background-color: $base-blue; + overflow: hidden; + width: 500px; + margin: 100px auto; + border-radius: 5px; + h3, + p { + text-align: center; + } + h3 { + font-size: 25px; + } + button { + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: $main-color; + color: $base-white; + margin: 20px; + display: block; + margin: 20px auto; + transition-duration: 200ms; + a { + color: $base-white; + display: block; + text-decoration: none; + } + } + button:hover { + opacity: 0.8; + cursor: pointer; + } + } +} + +// 参加用フォーム用scss +#join { + overflow: hidden; + background-color: $base-white; + #join-form { + width: 800px; + margin: 0 auto; + margin-bottom: 60px; + h3 { + font-size: 25px; + text-align: center; + } + p { + text-align: center; + } + fieldset { + display: inline-block; + } + .agreement { + text-align: center; + display: flex; + justify-content: center; + padding-top: 20px; + padding-bottom: 20px; + label { + width: auto; + } + input[type="checkbox"] { + margin: 6px; + } + } + .joinsan { + padding: 10px; + border-top: solid $gray-color 1px; + display: flex; + flex-wrap: wrap; + } + label { + text-align: right; + margin-right: 30px; + display: block; + width: 240px; + float: left; + span { + background-color: $red-color; + color: $base-white; + font-size: 13px; + padding: 1px 3px; + margin-left: 10px; + white-space: nowrap; + } + } + input[type="text"]:focus, + select:focus, + textarea:focus { + outline: 2px solid transparent; + outline-offset: 2px; + border-color: $main-color; + } + input[type="text"] { + background-color: $base-blue; + border: solid 1px $gray-color; + width: 400px; + height: 35px; + padding-left: 10px; + transition-duration: 200ms; + } + select { + width: 415px; + height: 35px; + border: solid 1px $gray-color; + background-color: $base-blue; + padding-left: 10px; + transition-duration: 200ms; + } + textarea { + resize: vertical; + background-color: $base-blue; + border: solid 1px $gray-color; + width: 400px; + height: 150px; + padding-top: 7.5px; + padding-left: 10px; + transition-duration: 200ms; + } + .error { + color: $red-color; + font-size: 15px; + padding: 3px; + margin-left: 270px; + } + .go-check { + display: block; + text-align: center; + width: 80px; + font-size: 16px; + padding: 0.5rem 1rem; + border: none; + background-color: $main-color; + color: $base-white; + margin: 30px auto; + text-decoration: none; + transition-duration: 200ms; + } + .go-check:hover { + opacity: 0.8; + cursor: pointer; + } + .check, + .check1 { + display: flex; + align-items: center; + padding-left: 11%; + padding: 0; + label { + margin-right: 0; + text-align: left; + } + } + .checktext { + padding-right: 100%; + border-top: solid $gray-color 2px; + flex-wrap: wrap; + } + } +} + +#hero { + height: 80vh; + + picture img { + width: 100%; + height: 100%; + object-fit: cover; + pointer-events: none; + } + + .contents { + img { + pointer-events: none; + max-height: 3rem; + } + + p { + display: block; + font-size: 1.3rem; + } + + a { + display: inline-block; + background-color: #163469; + color: white; + padding: 0.75rem 1.5rem; + text-decoration: none; + transition-duration: 200ms; + + &:hover { + opacity: 0.8; + } + } + } + .contents.left { + padding-left: 2rem; + position: absolute; + top: 50%; + left: 33.33333%; + transform: translateX(-50%) translateY(-50%); + } + .contents.center { + text-align: center; + position: absolute; + top: 50%; + left: 50%; + transform: translateX(-50%) translateY(-50%); + } +} + +// 製品用 +#product { + section { + .contents { + text-align: center; + max-width: 72rem; + margin-left: auto; + margin-right: auto; + padding-bottom: 2rem; + } + padding: 2rem; + font-size: 1.125rem; + min-height: 15rem; + h2 { + margin: 0; + font-size: 2rem; + } + h3 { + margin: 0; + padding-bottom: 1.5rem; + } + ul { + display: inline-block; + text-align: left; + } + } + .button { + margin-top: 1rem; + margin-bottom: 1rem; + display: inline-block; + background-color: #163469; + color: white; + padding: 0.5rem 1rem; + text-decoration: none; + transition-duration: 200ms; + &:hover { + opacity: 0.8; + } + } + #features .split { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; + .feature { + padding: 1.25rem; + background-color: white; + transition-duration: 200ms; + &:hover { + transform: translateY(-0.25rem); + box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgba(0, 0, 0, 0.1); + } + i { + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 3rem; + } + h3 { + padding: 0; + } + } + } + #requirements table { + border-collapse: collapse; + table-layout: auto; + margin-left: auto; + margin-right: auto; + td { + &:first-child { + border-right: solid 1px black; + } + padding: 0.5rem; + } + } + .blue { + background-color: #edf2f7; + } + #about p { + line-height: 2rem; + } + .disabled { + color: white; + cursor: not-allowed; + opacity: 0.5; + text-decoration: none; + pointer-events: none; + } + .version select { + cursor: pointer; + padding: 0.5rem 2.5rem 0.5rem 1rem; + margin-bottom: 0.25rem; + font-size: 1rem; + border-radius: 0; + transition-duration: 200ms; + -webkit-appearance: none; + background-image: linear-gradient( + 45deg, + transparent 50%, + rgba(0, 0, 0, 0.4) 50% + ), + linear-gradient(135deg, rgba(0, 0, 0, 0.4) 50%, transparent 50%); + background-size: 5px 5px, 5px 5px; + background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; + background-repeat: no-repeat; + &:hover { + border-color: #163469; + } + &:focus { + outline: 2px solid transparent; + outline-offset: 2px; + } + } + .agreement { + margin-top: 1rem; + margin-bottom: 1rem; + } +} + +// 製品（コラム形式）用 +#product-col { + margin-left: auto; + margin-right: auto; + max-width: 80rem; + padding: 5rem; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; + + div { + &.col-span-1 { + grid-column: span 1 / span 1; + } + + &.col-span-2 { + grid-column: span 2 / span 2; + } + + &.col-span-3 { + grid-column: span 3 / span 3; + } + + padding-left: 2rem; + padding-right: 2rem; + background-color: #222; + border-radius: 0.5rem; + text-align: center; + color: white; + padding-bottom: 2rem; + + h2, + p, + cite, + cite a { + color: white; + } + + img { + width: 100%; + } + + .compare { + padding: 0; + + p { + text-align: left; + } + + .bar { + padding: 0; + padding-top: 0.25rem; + padding-bottom: 0.25rem; + border-radius: 9999px; + margin-top: 1rem; + margin-bottom: 1rem; + + &.edge { + background-color: #0078d7; + } + + &.firefox { + background-color: #e66000; + width: 60%; + } + + &.monot { + background-color: #8a8a8a; + width: 20%; + } + } + } + } + + a.dlbutton { + margin-bottom: 2rem; + display: inline-block; + background-color: #a0a0a0; + border-radius: 9999px; + text-decoration: none; + padding: 0.8rem 1.6rem; + color: black; + transition-duration: 200ms; + + &:hover { + background-color: #d1d1d1; + } + } + + div blockquote { + background-color: #292929; + border-radius: 0.5rem; + padding: 0.8rem 1.6rem; + } +} + +// 404 NotFoundページ +#NotFound { + background-color: $base-white; + position: relative; + #particles-js { + background-color: $main-color; + height: calc(100vh - 70px - 237px); + } + #notfound-inner { + width: 900px; + display: flex; + justify-content: center; + flex-direction: column; + position: absolute; + top: 50%; + left: 50%; + -ms-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + h3, + p { + text-align: center; + } + h3 { + font-size: 40px; + } + p { + font-size: 20px; + } + h2 { + font-size: 15px; + } + .fa-home { + text-align: center; + color: #fff; + } + } +} diff --git a/scss/vclinux.css b/scss/vclinux.css new file mode 100644 index 0000000..575aa66 --- /dev/null +++ b/scss/vclinux.css @@ -0,0 +1,237 @@ +header h1, header h2, header h3, header h4, header div, header ul, header li, header a, header th, header td, header input, main h1, main h2, main h3, main h4, main div, main ul, main li, main a, main th, main td, main input { + font-family: 'Noto Sans JP', sans-serif; + font-weight: 100; +} + +body { + margin: 0; +} + +body header { + width: 100%; + height: 60px; + margin-top: 30px; +} + +body header #header-inner { + width: 1000px; + height: 60px; + margin: 0 auto; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; +} + +body header #header-inner h1 { + line-height: 60px; + margin: 0; + color: white; +} + +body header #header-inner ul { + padding: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; +} + +body header #header-inner ul li { + list-style: none; + margin: auto 10px; + color: white; +} + +body header #header-inner ul li a { + color: white; + text-decoration: none; +} + +body header #header-inner ul li a:hover { + opacity: 0.7; +} + +body main #hero-header { + background-image: url(https://assets.media-platform.com/bi/dist/images/2021/03/19/black-w640.jpeg); + background-repeat: no-repeat; + background-size: cover; + width: 100%; + height: 700px; + margin-top: -90px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +body main #hero-header #hero-header-inner .top-h2 { + color: white; + margin: 0; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + font-size: 50px; +} + +body main #hero-header #hero-header-inner .top-h2 span { + font-size: 20px; +} + +body main .normal-h2 { + font-size: 30px; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + text-align: center; + letter-spacing: 4px; +} + +body main .normal-h2 span { + font-size: 18px; +} + +body main .word-btn { + width: 100%; + margin: 0 auto; +} + +body main .word-btn .btn-word { + text-align: center; +} + +body main .word-btn .btn { + text-align: center; +} + +body main .word-btn .btn input { + border: none; + padding: 5px 30px; + margin-top: 10px; +} + +body main .word-btn .btn input:hover { + opacity: 0.8; +} + +body main #welcome { + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; +} + +body main #welcome #introduction { + text-align: center; +} + +body main #feature { + -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + background-color: white; + margin-top: -100px; + padding: 140px; +} + +body main #feature #feature-inner { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + width: 900px; + margin: 0 auto; +} + +body main #feature #feature-inner .feature-item { + margin: 0 40px; +} + +body main #feature #feature-inner .feature-item img { + border-radius: 50%; + width: 180px; +} + +body main #feature #feature-inner .feature-item h3 { + width: 100%; + text-align: center; +} + +body main #feature #feature-inner .feature-item .feature-detail { + width: 100%; + text-align: center; +} + +body main #download { + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; +} + +body main #systemReq { + -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + background-color: white; + margin-top: -100px; + padding: 140px; +} + +body main #systemReq #systemReq-detail table { + margin: 0 auto; + margin-top: 30px; + border-collapse: collapse; +} + +body main #systemReq #systemReq-detail table tr td { + padding: 3px 10px; +} + +body main #systemReq #systemReq-detail table tr td:first-child { + border-right: solid 2px black; +} + +body main #support { + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; +} +/*# sourceMappingURL=vclinux.css.map */ \ No newline at end of file diff --git a/scss/vclinux.css.map b/scss/vclinux.css.map new file mode 100644 index 0000000..1616eb1 --- /dev/null +++ b/scss/vclinux.css.map @@ -0,0 +1,9 @@ +{ + "version": 3, + "mappings": "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", + "sources": [ + "vclinux.scss" + ], + "names": [], + "file": "vclinux.css" +} \ No newline at end of file diff --git a/scss/vclinux.scss b/scss/vclinux.scss new file mode 100644 index 0000000..fff44e7 --- /dev/null +++ b/scss/vclinux.scss @@ -0,0 +1,184 @@ +header,main{ + h1,h2,h3,h4,div,ul,li,a,th,td,input{ + font-family: 'Noto Sans JP', sans-serif; + font-weight: 100; + } +} +body{ + margin: 0; + header{ + width: 100%; + height: 60px; + margin-top: 30px; + #header-inner{ + width: 1000px; + height: 60px; + margin: 0 auto; + display: flex; + flex-direction: row; + justify-content: space-between; + h1{ + line-height: 60px; + margin: 0; + color: white; + } + ul{ + padding: 0; + display: flex; + flex-direction: row; + li{ + list-style: none; + margin: auto 10px; + color: white; + a{ + color: white; + text-decoration: none; + &:hover{ + opacity: 0.7; + } + } + } + } + } + } + main{ + #hero-header{ + background-image: url(https://assets.media-platform.com/bi/dist/images/2021/03/19/black-w640.jpeg); + background-repeat: no-repeat; + background-size: cover; + width: 100%; + height: 700px; + margin-top: -90px; + display: flex; + justify-content: center; + align-items: center; + #hero-header-inner{ + .top-h2{ + color: white; + margin: 0; + display: flex; + flex-direction: column; + text-align: center; + font-size: 50px; + span{ + font-size: 20px; + } + } + } + } + //h2部分 + .normal-h2{ + // color: white; + font-size: 30px; + display: flex; + flex-direction: column; + text-align: center; + letter-spacing: 4px; + span{ + font-size: 18px; + } + } + //ボタン部分 + .word-btn{ + width: 100%; + margin: 0 auto; + .btn-word{ + text-align: center; + } + .btn{ + text-align: center; + input{ + border: none; + padding: 5px 30px; + margin-top: 10px; + &:hover{ + opacity: 0.8; + } + } + } + } + + + #welcome{ + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; + #introduction{ + text-align: center; + } + } + #feature{ + -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + background-color: white; + margin-top: -100px; + padding: 140px; + #feature-inner{ + display: flex; + flex-direction: row; + justify-content: center; + width: 900px; + margin: 0 auto; + .feature-item{ + margin: 0 40px; + img{ + border-radius: 50%; + width: 180px; + } + h3{ + width: 100%; + text-align: center; + } + .feature-detail{ + width: 100%; + text-align: center; + } + } + } + } + #download{ + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; + } + #systemReq{ + -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); + background-color: white; + margin-top: -100px; + padding: 140px; + #systemReq-detail{ + table{ + margin: 0 auto; + margin-top: 30px; + border-collapse:collapse; + tr{ + td{ + padding: 3px 10px; + &:first-child{ + border-right: solid 2px black; + } + } + } + } + } + } + #support{ + -webkit-clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + clip-path: polygon(0 100px, 100% 0, 100% 100%, 0 100%); + margin-top: -100px; + background-image: url(https://pocopota.github.io/icon/square.png); + background-repeat: no-repeat; + background-size: cover; + padding: 140px; + } + } +} \ No newline at end of file diff --git a/services/reamix/index.html b/services/reamix/index.html new file mode 100644 index 0000000..bd8f313 --- /dev/null +++ b/services/reamix/index.html @@ -0,0 +1,161 @@ + + + + + + Reamix | VCborn + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Reamix Image + +
    + Reamix ロゴ +

    生活に寄り添うようなブラウザ。

    + + Download + + +
    +
    +
    +
    +

    最もシンプルなデザイン

    +

    + 見てください、Microsoft Edgeより + 約4割薄い + アドレスバーを。 +
    + スマートなUIでより広くウェブ体験をお楽しみいただけます。 +

    + + + Thin Addressbar + +
    +
    +

    圧倒的スピード

    +

    Microsoft Edgeよりも速い読み込み速度。

    +
    +

    Microsoft Edge / 1.6s

    +
    +

    Firefox / 1.4s

    +
    +

    Reamix / 1.0s

    +
    +
    +
    + +
    +

    ダウンロード

    + + + Linux版をダウンロード + + + + Windows版をダウンロード + +
    + 過去のバージョンはこちら + 準備中 +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/services/vclinux/download.php b/services/vclinux/download.php new file mode 100644 index 0000000..9ab2217 --- /dev/null +++ b/services/vclinux/download.php @@ -0,0 +1,9 @@ +query($sql); +} +?> \ No newline at end of file diff --git a/services/vclinux/index.php b/services/vclinux/index.php new file mode 100644 index 0000000..9a36457 --- /dev/null +++ b/services/vclinux/index.php @@ -0,0 +1,254 @@ + + + + + + VCLinux | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + VCLinux Image + +
    + VCLinux ロゴ +

    一番優れたLinuxをあなたの手に

    + + Download + + +
    +
    +
    +
    +
    +

    What's VCLinux?

    +

    VCLinuxとは？

    +

    + VCLinuxとはVCbornが開発したカスタムLinuxです。 +
    + KDEneonをベースにカスタムし、日本人でも使いやすいようにしております。 +
    + Windows向けのソフト（AviUtlなど）の使用等ができます。（Beta1では標準搭載されておりません） +
    + Beta1ではOnlyofficeの搭載はしておりません。代わりに日本語化されたLibreOffice・Braveを採用しております。 +

    +
    +
    +
    +
    +

    Features

    +

    機能

    +
    +
    + +

    Windows用ソフトのサポート

    +

    + Wineを使い文字化けなしでWindows向けソフトが使えます。(Beta1では不完全) +

    +
    +
    + +

    新体感ブラウジング

    +

    独自ブラウザを採用。 + +

    +
    +
    + +

    快適なプログラミングを

    +

    VCLinuxではテキストエディタにVSCodeを採用しております。

    +
    +
    +
    +
    +
    +
    +

    Important notes

    +

    注意事項

    +
      +
    • 動作が非常に不安定です
      • +
    • + sddmが正常に動作しないため + インストール時に自動ログインを有効 + にしてください +
      • +
    +
    +
    +
    +
    +

    Download

    +

    ダウンロード

    +
    + + +
    + + +
    +
    + + Download + + +
    +
    +
    +
    + +

    Number of Downloads

    +

    ダウンロード数

    +

    query($sql); + foreach ($stmt as $row) { + $count = $row['count']; + echo $count; + } + ?>

    +
    +
    +
    +
    +

    Minimum Requirements

    +

    最小要件

    + + + + + + + + + + + + + + + +
    CPUCore 2 Duo以上
    RAM1GB(2GB以上推奨)
    DISK25GB以上
    +
    +
    +
    +
    +

    Support

    +

    サポート

    +

    + もしインストール方法を知りたい場合は + こちら + をご覧ください。 +
    + その他不具合や問題点などありましたら、 + お問い合わせ + からお問い合わせください。 +

    +
    +
    +
    + + + + + + + + + \ No newline at end of file diff --git a/services/wiki/index.html b/services/wiki/index.html new file mode 100644 index 0000000..b06c61e --- /dev/null +++ b/services/wiki/index.html @@ -0,0 +1,167 @@ + + + + + + Wiki | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    + + + Wiki Sample Image + +
    +

    VCborn Wiki

    +

    VCbornの、VCbornによる、VCbornのためのWiki。

    + + Learn more + + +
    +
    +
    +
    + +
    +

    なんでWiki？

    +

    VCborn Wikiは、VCborn内部でのドキュメントの共有や各ソフトウェアの進捗などをより分かりやすくするために作成されました。

    +
    +
    +
    + +
    +

    利用申請

    +

    当サイトお問い合わせフォームのお問い合わせ項目から「VCborn Wikiの申請」を選択してください。

    + 今すぐ利用申請する +
    +
    +
    + + + + + + + + \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..a9f81a3 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,80 @@ + + + + + + https://vcborn.com/ + 1.0 + + + https://vcborn.com/services/vclinux/ + 0.8 + 2021-11-10T00:35:53+09:00 + + + https://vcborn.com/services/reamix/ + 0.8 + 2021-11-10T00:04:42+09:00 + + + https://vcborn.com/article/opened-blog.html + 0.8 + 2021-11-14T18:28:14+09:00 + + + https://vcborn.com/article/aquahall-bye.html + 0.8 + 2021-11-14T18:28:13+09:00 + + + https://vcborn.com/article/miskkeyhenkou.html + 0.8 + 2021-11-14T18:28:13+09:00 + + + https://vcborn.com/news.html + 0.8 + 2021-11-14T18:28:13+09:00 + + + https://vcborn.com/join/ + 0.8 + 2021-11-10T00:04:41+09:00 + + + https://vcborn.com/tos.html + 0.7 + 2021-11-10T00:30:46+09:00 + + + https://vcborn.com/support/vclinux/how-to-install.html + 0.7 + 2021-11-10T00:35:45+09:00 + + + https://vcborn.com/contact/ + 0.7 + 2021-11-10T16:29:30+09:00 + + + https://vcborn.com/article/twittershadoban.html + 0.7 + 2021-11-14T18:28:14+09:00 + + + https://vcborn.com/article/website-release.html + 0.7 + 2021-11-14T18:28:14+09:00 + + + https://vcborn.com/privacypolicy.html + 0.6 + 2021-11-10T00:04:39+09:00 + + + https://vcborn.com/article/contact.html + 0.6 + 2021-11-10T00:04:39+09:00 + + + \ No newline at end of file diff --git a/sitepolicy.html b/sitepolicy.html new file mode 100644 index 0000000..e736a2f --- /dev/null +++ b/sitepolicy.html @@ -0,0 +1,85 @@ + + + + + + サイトポリシー | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    サイトポリシーSite Policy

    +
    +
    + +

    ウェブサイトの利用にあたって

    +

    VCborn公式サイト（以下、「当サイト」）の利用にあたっては、事前にこのウェブサイトポリシーをお読みいただき、ご同意の上でご利用ください。

    +

    Cookieについて

    +

    当サイトでは、一部のコンテンツにおいてCookieを利用しています。 + Cookieとは、サイトにアクセスした際にブラウザに保存される情報で、名前やメールアドレスなどの個人情報は含みません。当サイトにアクセスいただいた方に効果的な広告を配信するため、またアクセス解析にCookieを利用する場合があります。ブラウザの設定により、Cookieを使用しないようにすることもできます。

    +

    広告配信について

    +

    当サイトでは、第三者配信の広告サービス（Google AdSense）を利用しており、ユーザーの興味に応じた商品や広告を表示するためにCookieを使用しています。

    +

    Cookieを無効にする方法やGoogle AdSenseに関する詳細は広告 – ポリシーと規約 – Googleのページをご確認ください。

    +

    アクセス解析ツールについて

    +

    + 当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を使用しています。このGoogleアナリティクスはデータの収集のためにCookieを使用しています。このデータは匿名で収集されており、個人を特定するものではありません。 +

    +

    この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。この規約に関しての詳細はGoogleアナリティクスサービス利用規約のページやGoogleポリシーと規約のページをご覧ください。

    +

    免責事項

    +

    当サイトのコンテンツ及び情報は可能な限り正しい情報を提供できるように努めていますが、誤情報が入り込んだり、情報が古くなっている可能性があります。

    +

    + 当サイトで掲載されている写真及び画像などの著作権や肖像権などはVCbornや各権利所有者に帰属しています。掲載写真及び画像に問題がありましたらお手数ですが各権利所有者様本人が当サイトのお問い合わせページよりご連絡ください。確認後、対応させていただきます。 +

    +

    当サイトからリンクやバナーなどによって他サイトに移動された場合、移動先サイトで提供される情報、サービス等について当サイトは一切の責任を負いません。

    +

    当サイトの中断・停止又は変更によって利用者が受ける損害については一切の責任を負いません。

    +

    その他当サイトの情報などによって起きた損害等について一切の責任を負いません。

    +

    改定について

    +

    当サイトは法令の変更やサービスの提供内容変更などに伴い本サイトポリシーを予告なく変更する場合があります。

    +

    （2021年8月23日　制定）

    +
    +
    + + + + + + + + + \ No newline at end of file diff --git a/siteupdatefile.html b/siteupdatefile.html new file mode 100644 index 0000000..6c060f4 --- /dev/null +++ b/siteupdatefile.html @@ -0,0 +1,124 @@ + + + + + + + + + VCbornサイト更新準備 + + + + + +
    +

    サイト更新まで残り

    +
    +
    + + + + + \ No newline at end of file diff --git a/support.html b/support.html new file mode 100644 index 0000000..58a1d88 --- /dev/null +++ b/support.html @@ -0,0 +1,68 @@ + + + + + + サポート | VCborn + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + SUPPORT + サポート +

    +
    +
    +

    このページでは、VCbornが提供している各サービスのよくある質問や利用方法などをまとめてあります。

    +

    VCLinux

    + +

    Reamix

    +

    その他

    +

    + VCbornが提供しているサービスで不明な点がありましたら、 + + 公式Twitter（@vcborn_support） + + 、又は当サイトの + 問い合わせページ + よりご連絡ください。 +

    +
    + + +
    + + + + + + + + + + + \ No newline at end of file diff --git a/support/vclinux/css/how-to.css b/support/vclinux/css/how-to.css new file mode 100644 index 0000000..bc05bfe --- /dev/null +++ b/support/vclinux/css/how-to.css @@ -0,0 +1,3 @@ +img{ + width:30%; +} \ No newline at end of file diff --git a/support/vclinux/how-to-install.html b/support/vclinux/how-to-install.html new file mode 100644 index 0000000..7d5024c --- /dev/null +++ b/support/vclinux/how-to-install.html @@ -0,0 +1,176 @@ + + + + + 「VCLinux」のインストール方法 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + 仮想環境への「VCLinux」(Beta1)のインストール方法 + Support +

    +
    +
    +
    + + +

    + この記事では、 + VCLinux（Beta1） + のインストール方法について説明します。 +

    +

    OSイメージのダウンロード

    +

    + ますは、以下のURLからVCLinuxのダウンロードページにアクセスしてください。 +

    + ダウンロードページ +

    + そうしたら次に、適当なミラーを選択し、zipファイルをダウンロードしてください。 +
    + (※zipファイルの中にisoファイルが入っています。) +

    + +

    + ダウンロードできたら、次にそのzipファイルを解凍して、isoファイルを取り出してください。 +

    +

    仮想環境の作成

    +

    + 本記事ではWindowsで「 + + VMware Workstation Player + + 」を使用しています。 +
    + もしmacOSを使用している場合は + + VMWare Fusion + + を使用することをお勧めします。 +
    + まずはVMware Workstation Playerを起動。 +
    + 起動したら、 + 新規仮想マシンの作成 + を選択。 +
    + インストーラーディスクイメージファイル(iso) + を選択し、ダウンロードしたisoファイルを選択して次へ。 +

    + +

    + ゲストOS + を + Linux + 、 + バージョン + を + Ubuntu 64ビット + にセットして次へ。 +

    + +

    + 仮想マシン名 + に好きな名前を、 + 場所 + に仮想マシンを置くディレクトリをセットし次へ。（デフォルトでOK） +

    + +

    + 仮想マシンのディスクのサイズを決めて次へ。（こちらも同様） +
    + ※25GB以上推奨 +

    + +

    最終確認し、完了。

    + +

    + 次に、左のリストから作成した仮想マシン名をダブルクリックしてVCLinuxのライブCDを起動します。 +
    + 起動したら、一番上の + live - boot the Live System + を選択してください。 +
    + あとは画面の指示に従いインストールをしてください。 +

    + +

    注意

    +

    + sddmの調子が悪いためインストール時にパスワードを訪ねずに自動的にログインをする。にチェックを入れてください。 +

    + +
    + +
    + + + + + + + + + + diff --git a/support/vclinux/img/how-to00.jpg b/support/vclinux/img/how-to00.jpg new file mode 100644 index 0000000..c2eba75 Binary files /dev/null and b/support/vclinux/img/how-to00.jpg differ diff --git a/support/vclinux/img/how-to01.jpg b/support/vclinux/img/how-to01.jpg new file mode 100644 index 0000000..61476cc Binary files /dev/null and b/support/vclinux/img/how-to01.jpg differ diff --git a/support/vclinux/img/how-to02.jpg b/support/vclinux/img/how-to02.jpg new file mode 100644 index 0000000..add45f3 Binary files /dev/null and b/support/vclinux/img/how-to02.jpg differ diff --git a/support/vclinux/img/how-to03.jpg b/support/vclinux/img/how-to03.jpg new file mode 100644 index 0000000..49dfd3e Binary files /dev/null and b/support/vclinux/img/how-to03.jpg differ diff --git a/support/vclinux/img/how-to04.jpg b/support/vclinux/img/how-to04.jpg new file mode 100644 index 0000000..014a6bc Binary files /dev/null and b/support/vclinux/img/how-to04.jpg differ diff --git a/support/vclinux/img/how-to05.jpg b/support/vclinux/img/how-to05.jpg new file mode 100644 index 0000000..2096069 Binary files /dev/null and b/support/vclinux/img/how-to05.jpg differ diff --git a/support/vclinux/img/how-to06.jpg b/support/vclinux/img/how-to06.jpg new file mode 100644 index 0000000..f3fa2cd Binary files /dev/null and b/support/vclinux/img/how-to06.jpg differ diff --git a/support/vclinux/img/tyuui.png b/support/vclinux/img/tyuui.png new file mode 100644 index 0000000..1ee998f Binary files /dev/null and b/support/vclinux/img/tyuui.png differ diff --git a/template.html b/template.html new file mode 100644 index 0000000..24e76e0 --- /dev/null +++ b/template.html @@ -0,0 +1,60 @@ + + + + + ページのタイトル + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    NEWSお知らせ一覧

    +
    +
    + + + + + + + + + + diff --git a/templates/contact-client.php b/templates/contact-client.php new file mode 100644 index 0000000..799ec04 --- /dev/null +++ b/templates/contact-client.php @@ -0,0 +1,121 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + + + + + + +
    +

    © 2021 VCborn

    +
    +
    + + + \ No newline at end of file diff --git a/templates/contact-host.php b/templates/contact-host.php new file mode 100644 index 0000000..ce6ab77 --- /dev/null +++ b/templates/contact-host.php @@ -0,0 +1,125 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + + + + + + +
    +

    © 2021 VCborn

    +
    +
    + + + \ No newline at end of file diff --git a/templates/join-client.php b/templates/join-client.php new file mode 100644 index 0000000..4f7c8f5 --- /dev/null +++ b/templates/join-client.php @@ -0,0 +1,133 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + + + + + + +
    +

    © 2021 VCborn

    +
    +
    + + + \ No newline at end of file diff --git a/templates/join-host.php b/templates/join-host.php new file mode 100644 index 0000000..45c2ecc --- /dev/null +++ b/templates/join-host.php @@ -0,0 +1,137 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    + + + + + + + +
    +

    © 2021 VCborn

    +
    +
    + + + \ No newline at end of file diff --git a/tos.html b/tos.html new file mode 100644 index 0000000..ec18246 --- /dev/null +++ b/tos.html @@ -0,0 +1,87 @@ + + + + + 利用規約 | VCborn + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +

    + 利用規約 + Terms of Service +

    +
    +
    + +

    免責事項

    +

    + VCbornが提供するソフトウェア（以下、「ソフトウェア」という）について、明示的にも黙示的にも、いかなる保証も行われません。 + 本情報は、品質に関する保証を含むものではなく、市場性のある公正な品質を記述するものでもなく、また、品質保証や特別な目的への適合性に関する保証を主張するものでもありません。 + ソフトウェアの使用により生じた損害については、使用者が一切の責任を負うものとします。 +

    +

    ライセンス

    +

    VCLinux

    +

    + VCLinuxはGPL v2に基づいており、ソースコードについては + こちら + で確認することができます。 + また、各種パッケージのライセンスは、/usr/share/licenses/ + で確認することができます。 +

    + 2021年11月10日追記 +

    Githubへのソースコードのアップロードが想定以上に時間を要するため、一時的な対策としてソースコードのアーカイブをGoogle Driveにアップロードさせていただきます。
    + リンクはこちらです。

    +
    +
    + + + + + + + + + +