Skip to content

Commit

Permalink
完成 Demo 页面
Browse files Browse the repository at this point in the history
  • Loading branch information
TakWolf committed Apr 26, 2023
1 parent e93326b commit 3d277ae
Show file tree
Hide file tree
Showing 8 changed files with 153 additions and 0 deletions.
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,3 +3,5 @@
[![Creative Commons Zero v1.0 Universal](https://img.shields.io/badge/license-CC0--1.0-orange)](https://creativecommons.org/publicdomain/zero/1.0/)
[![MIT License](https://img.shields.io/badge/license-MIT-green)](https://opensource.org/licenses/MIT)
[![Releases](https://img.shields.io/github/v/release/TakWolf/zelda-pixel-font)](https://github.com/TakWolf/zelda-pixel-font/releases)

https://zelda-pixel-font.takwolf.com
67 changes: 67 additions & 0 deletions docs/css/index.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions docs/css/index.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

69 changes: 69 additions & 0 deletions docs/css/index.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

@font-face {
font-family: Sheikah;
src: url("../fonts/zelda-pixel-sheikah.woff2");
}

@font-face {
font-family: Sheikah-Mini;
src: url("../fonts/zelda-pixel-sheikah-mini.woff2");
}

@font-face {
font-family: Sheikah-Mini-Smooth;
src: url("../fonts/zelda-pixel-sheikah-mini-smooth.woff2");
}

.font-sheikah {
font-family: Sheikah, sans-serif;
font-size: 30px;
line-height: 30px;
word-break: break-all;
}

.font-sheikah-mini {
font-family: Sheikah-Mini, sans-serif;
font-size: 16px;
line-height: 16px;
word-break: break-all;
}

.font-sheikah-mini-smooth {
font-family: Sheikah-Mini-Smooth, sans-serif;
font-size: 16px;
line-height: 16px;
word-break: break-all;
}

body {
background-color: #5e4d44;
}

@keyframes text-light {
0% {
color: #136abe;
}
30% {
color: #84c5fd;
text-shadow: 0 0 6px #c3d3ff;
}
60% {
color: #136abe;
}
100% {
color: #136abe;
}
}

p {
margin: 32px;
padding: 16px;
background-color: #b69547;
border-radius: 16px;
animation: text-light 4s infinite linear;
}
Binary file added docs/fonts/zelda-pixel-sheikah-mini-smooth.woff2
Binary file not shown.
Binary file added docs/fonts/zelda-pixel-sheikah-mini.woff2
Binary file not shown.
Binary file added docs/fonts/zelda-pixel-sheikah.woff2
Binary file not shown.
14 changes: 14 additions & 0 deletions docs/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zelda Pixel Font</title>
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<p class="font-sheikah">ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 .?!-</p>
<p class="font-sheikah-mini">ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 .?!-</p>
<p class="font-sheikah-mini-smooth">ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 .?!-</p>
</body>
</html>

0 comments on commit 3d277ae

Please sign in to comment.