Skip to content
This repository has been archived by the owner on Aug 11, 2023. It is now read-only.

Commit

Permalink
make it public
Browse files Browse the repository at this point in the history
  • Loading branch information
@opera7133
opera7133 committed Aug 11, 2023
0 parents commit 9007d3f
Show file tree
Hide file tree
Showing 234 changed files with 18,145 additions and 0 deletions.
14 changes: 14 additions & 0 deletions .htaccess
Original file line number Diff line number Diff line change
@@ -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
59 changes: 59 additions & 0 deletions 403.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="ja">

<head id="head">
<!-- ページの内容 -->
<title>403 Forbidden | VCborn</title>
<meta name="description" content="VCborn公式サイト">

<!-- OGPタグ用 -->
<meta property="og:url" content="https://vcborn.com/403.html" />
<meta property="og:title" content="403 Forbidden | VCborn" />
<meta property="og:type" content="website">
<meta property="og:description" content="VCborn公式サイト">
<meta property="og:image" content="https://vcborn.com/images/jpg/ogp.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@vcborn_support" />
<meta property="og:site_name" content="VCborn" />
<meta property="og:locale" content="ja_JP" />
<meta charset="utf-8"/>
<meta http-equiv="refresh" content=" 20; url=/">

<!-- GooogleAdsense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1336300432888389"
crossorigin="anonymous"></script>

<!-- GoogleAnalytics-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8GC99E31DE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-8GC99E31DE');
</script>

</head>

<body>
<header id="header"></header>
<main id="NotFound">
<section id="h2-title">
<div id="particles-js"></div>
</section>
<section id="notfound-inner">
<h3 id="headline">403 Forbidden</h2>
<p id="text">おっと。この世界の果てに到着したようです。アクセス制限がかけられていませんか？この世がリセットされるまで待ってみてはどうでしょうか？ </p>
<a href="/"><p><i class="fas fa-home fa-2x"></i></p></a>
</section>
</main>
<footer id="footer"></footer>

<!-- リンク読み込み -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tsparticles/1.33.3/tsparticles.slim.min.js"></script> <!-- particles.js -->
<script src="/js/script.js"></script>
<script src="/include.js"></script><!-- 共通化用 -->
</body>

</html>
59 changes: 59 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="ja">

<head id="head">
<!-- ページの内容 -->
<title>404 NotFound | VCborn</title>
<meta name="description" content="VCborn公式サイト">

<!-- OGPタグ用 -->
<meta property="og:url" content="https://vcborn.com/404.html" />
<meta property="og:title" content="404 NotFound | VCborn" />
<meta property="og:type" content="website">
<meta property="og:description" content="VCborn公式サイト">
<meta property="og:image" content="https://vcborn.com/images/jpg/ogp.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@vcborn_support" />
<meta property="og:site_name" content="VCborn" />
<meta property="og:locale" content="ja_JP" />
<meta charset="utf-8"/>
<meta http-equiv="refresh" content=" 20; url=/">

<!-- GooogleAdsense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1336300432888389"
crossorigin="anonymous"></script>

<!-- GoogleAnalytics-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8GC99E31DE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-8GC99E31DE');
</script>

</head>

<body>
<header id="header"></header>
<main id="NotFound">
<div id="particles-js"></div>
<section id="notfound-inner">
<h3 id="headline">404 Not Found</h2>
<p id="text">おっと。この世界の果てに到着したようです。ここにはお探しのものはありません、この世がリセットされるまで待ってみてはどうでしょうか？ </p>
<div class="botton">
<a href="/"><p><i class="fas fa-home fa-2x"></i></p></a>
</div>
</section>
</main>
<footer id="footer"></footer>

<!-- リンク読み込み -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tsparticles/1.33.3/tsparticles.slim.min.js"></script> <!-- particles.js -->
<script src="/js/script.js"></script>
<script src="/include.js"></script><!-- 共通化用 -->
</body>

</html>
59 changes: 59 additions & 0 deletions 500.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="ja">

<head id="head">
<!-- ページの内容 -->
<title>500 ERROR | VCborn</title>
<meta name="description" content="VCborn公式サイト">

<!-- OGPタグ用 -->
<meta property="og:url" content="https://vcborn.com/500.html" />
<meta property="og:title" content="500 ERROR | VCborn" />
<meta property="og:type" content="website">
<meta property="og:description" content="VCborn公式サイト">
<meta property="og:image" content="https://vcborn.com/images/jpg/ogp.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@vcborn_support" />
<meta property="og:site_name" content="VCborn" />
<meta property="og:locale" content="ja_JP" />
<meta charset="utf-8"/>
<meta http-equiv="refresh" content=" 20; url=/">

<!-- GooogleAdsense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1336300432888389"
crossorigin="anonymous"></script>

<!-- GoogleAnalytics-->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8GC99E31DE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-8GC99E31DE');
</script>

</head>

<body>
<header id="header"></header>
<main id="NotFound">
<section id="h2-title">
<div id="particles-js"></div>
</section>
<section id="notfound-inner">
<h3 id="headline">500 ERROR</h2>
<p id="text">おっと。この世界は消滅してしまったみたいですね。今なおしてあげます。 </p>
<a href="/"><p><i class="fas fa-home fa-2x"></i></p></a>
</section>
</main>
<footer id="footer"></footer>

<!-- リンク読み込み -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tsparticles/1.33.3/tsparticles.slim.min.js"></script> <!-- particles.js -->
<script src="/js/script.js"></script>
<script src="/include.js"></script><!-- 共通化用 -->
</body>

</html>
157 changes: 157 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,157 @@
# vcborn

<!--markdownのプレビューは、Ctrl+Shift+Vで開くことができます-->

## ファイル概要

### 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とは違うかもしれませんが、
Loading

0 comments on commit 9007d3f

Please sign in to comment.