Skip to content

Commit

Permalink
Nemoページ追加 (#176)
Browse files Browse the repository at this point in the history
  • Loading branch information
Hiroshiba authored Nov 16, 2023
1 parent 71da7c5 commit 694d90b
Show file tree
Hide file tree
Showing 96 changed files with 1,281 additions and 185 deletions.
Binary file added src/audios/nemo/nemo_female_001-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_001-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_001-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_002-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_002-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_002-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_003-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_003-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_003-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_004-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_004-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_004-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_005-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_005-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_005-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_006-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_006-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_female_006-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_001-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_001-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_001-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_002-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_002-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_002-normal-003.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_003-normal-001.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_003-normal-002.wav
Binary file not shown.
Binary file added src/audios/nemo/nemo_male_003-normal-003.wav
Binary file not shown.
159 changes: 63 additions & 96 deletions src/components/downloadModal.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -29,8 +29,6 @@ export const DownloadModal: React.FC<{
isActive: boolean
hide: () => void
}> = props => {
const maintenanceMode = false

const scriptNodes: { name: string; publicURL: string }[] =
useStaticQuery(graphql`
query {
Expand Down Expand Up @@ -78,7 +76,7 @@ export const DownloadModal: React.FC<{
CPU: {
インストーラー: {
url: `https://github.com/VOICEVOX/voicevox/releases/download/${APP_VERSION}/VOICEVOX.${APP_VERSION}.dmg`,
name: `VOICEVOX.${APP_VERSION}.Mac.dmg`,
name: `VOICEVOX-CPU.${APP_VERSION}.Mac.dmg`,
},
Zip: {
url: `https://github.com/VOICEVOX/voicevox/releases/download/${APP_VERSION}/voicevox-macos-cpu-${APP_VERSION}.zip`,
Expand Down Expand Up @@ -137,99 +135,68 @@ export const DownloadModal: React.FC<{
role="presentation"
/>
<div className="modal-card">
{!maintenanceMode ? (
<>
<header className="modal-card-head has-text-centered">
<p className="modal-card-title">ダウンロード選択</p>
<button
className="delete"
aria-label="close"
onClick={props.hide}
type="button"
></button>
</header>

<section className="modal-card-body">
<DownloadModalSelecter
label="OS"
selected={selectedOs}
setSelected={setSelectedOs}
candidates={["Windows", "Mac", "Linux"]}
/>

<hr className="my-3" />

<DownloadModalSelecter
label="対応モード"
selected={selectedMode}
setSelected={setSelectedMode}
candidates={modeAvailables[selectedOs]}
/>
<p className="has-text-centered is-size-7">
※ GPUモードの方が快適ですが、利用するためには
<Link to="/qa">対応するGPU</Link>
が必要です
</p>

<hr className="my-3" />

<DownloadModalSelecter
label="パッケージ"
selected={selectedPackage}
setSelected={setSelectedPackage}
candidates={packageAvailables[selectedOs][selectedMode]}
/>
<p className="has-text-centered is-size-7">
※ 推奨パッケージはインストーラー版です
</p>
</section>

<footer className="modal-card-foot is-justify-content-flex-end">
<a
href={
downloadUrls[selectedOs][selectedMode]?.[selectedPackage]?.url
}
download={
downloadUrls[selectedOs][selectedMode]?.[selectedPackage]
?.name
}
target="_blank"
rel="noreferrer"
className="button is-primary"
type="button"
role={"button"}
>
<span className="has-text-weight-semibold">ダウンロード</span>
</a>
</footer>
</>
) : (
<>
<header className="modal-card-head has-text-centered">
<p className="modal-card-title">メンテナンス中です</p>
<button
className="delete"
aria-label="close"
onClick={props.hide}
type="button"
></button>
</header>

<section className="modal-card-body">
<p className="has-text-centered is-size-5">
アップデートのためのメンテナンス中です。
<br />
しばらくお待ち下さい。
</p>
</section>

<footer className="modal-card-foot is-justify-content-flex-end">
<button onClick={props.hide} className="button" type="button">
<span>閉じる</span>
</button>
</footer>
</>
)}
<header className="modal-card-head has-text-centered">
<p className="modal-card-title">VOICEVOX ダウンロード</p>
<button
className="delete"
aria-label="close"
onClick={props.hide}
type="button"
></button>
</header>

<section className="modal-card-body">
<DownloadModalSelecter
label="OS"
selected={selectedOs}
setSelected={setSelectedOs}
candidates={["Windows", "Mac", "Linux"]}
/>

<hr className="my-3" />

<DownloadModalSelecter
label="対応モード"
selected={selectedMode}
setSelected={setSelectedMode}
candidates={modeAvailables[selectedOs]}
/>
<p className="has-text-centered is-size-7">
※ GPUモードの方が快適ですが、利用するためには
<Link to="/qa">対応するGPU</Link>
が必要です
</p>

<hr className="my-3" />

<DownloadModalSelecter
label="パッケージ"
selected={selectedPackage}
setSelected={setSelectedPackage}
candidates={packageAvailables[selectedOs][selectedMode]}
/>
<p className="has-text-centered is-size-7">
※ 推奨パッケージはインストーラー版です
</p>
</section>

<footer className="modal-card-foot is-justify-content-flex-end">
<a
href={
downloadUrls[selectedOs][selectedMode]?.[selectedPackage]?.url
}
download={
downloadUrls[selectedOs][selectedMode]?.[selectedPackage]?.name
}
target="_blank"
rel="noreferrer"
className="button is-primary"
type="button"
role={"button"}
>
<span className="has-text-weight-semibold">ダウンロード</span>
</a>
</footer>
</div>
</div>
)
Expand Down
38 changes: 31 additions & 7 deletions src/components/fonts.scss
Original file line number Diff line number Diff line change
@@ -1,23 +1,47 @@
@font-face {
font-family: "Unhinted Rounded M+ 1p";
src: url("../fonts/unhinted-rounded-mplus-1p-light.woff2");
font-weight: 300;
font-weight: 300; /* Light */
}

@font-face {
font-family: "Unhinted Rounded M+ 1p";
src: url("../fonts/unhinted-rounded-mplus-1p-regular.woff2");
font-weight: 400;
font-weight: normal;
}

@font-face {
font-family: "Unhinted Rounded M+ 1p";
src: url("../fonts/unhinted-rounded-mplus-1p-medium.woff2");
font-weight: 500;
font-weight: 500; /* Medium */
}

@font-face {
font-family: "Unhinted Rounded M+ 1p";
src: url("../fonts/unhinted-rounded-mplus-1p-bold.woff2");
font-weight: 700;
font-weight: bold;
}

/*
* 本製品では「LINE Seed」フォントを使用しています。このフォントはLINE Corp.によって作成され、
* SIL Open Font License 1.1のもとでリリースされています。
* ライセンスの詳細については、https://scripts.sil.org/OFL をご覧ください。
*/

@font-face {
font-family: "LINE Seed";
src: url("../fonts/LINESeedJP_OTF_Th.woff2");
font-weight: 100; /* Thin */
}
@font-face {
font-family: "LINE Seed";
src: url("../fonts/LINESeedJP_OTF_Rg.woff2");
font-weight: normal;
}
@font-face {
font-family: "LINE Seed";
src: url("../fonts/LINESeedJP_OTF_Bd.woff2");
font-weight: bold;
}
@font-face {
font-family: "LINE Seed";
src: url("../fonts/LINESeedJP_OTF_Eb.woff2");
font-weight: 800; /* Extra Bold */
}
Loading

0 comments on commit 694d90b

Please sign in to comment.