Remove website (#2824)
* Removed website * Updated readme link * Modify PR template
1
.github/pull_request_template.md
vendored
|
|
@ -3,5 +3,6 @@
|
|||
- To help whoever reviews your PR, it'd be extremely helpful for you to list whether your PR is ready to be merged,
|
||||
If there's anything left to do and if there are any related PRs
|
||||
- It'd also be extremely helpful to enable us to update your PR incase we need to rebase or what-not by checking `Allow edits from maintainers`
|
||||
- If your PR changes some API, please make a PR for hyper website too: https://github.com/zeit/hyper-site.
|
||||
|
||||
Thanks, again! -->
|
||||
|
|
|
|||
|
|
@ -90,7 +90,7 @@ If you have issues in the `codesign` step when running `yarn run dist` on macOS,
|
|||
## Related Repositories
|
||||
|
||||
- [Art](https://github.com/zeit/art/tree/master/hyper)
|
||||
- [Website](website/)
|
||||
- [Website](https://github.com/zeit/hyper-site)
|
||||
- [Sample Extension](https://github.com/zeit/hyperpower)
|
||||
- [Sample Theme](https://github.com/zeit/hyperyellow)
|
||||
- [Awesome Hyper](https://github.com/bnb/awesome-hyper)
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.2 KiB |
1157
website/index.html
1196
website/package-lock.json
generated
|
|
@ -1,14 +0,0 @@
|
|||
{
|
||||
"name": "website",
|
||||
"version": "0.0.1",
|
||||
"description": "The official website for hyper.app",
|
||||
"dependencies": {
|
||||
"serve": "latest"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "serve . -c 5"
|
||||
},
|
||||
"now": {
|
||||
"alias": "hyper.is"
|
||||
}
|
||||
}
|
||||
|
|
@ -1,10 +0,0 @@
|
|||
# Hyper.app's site
|
||||
|
||||
This is the static site that shows up when you access [hyper.is](https://hyper.is). It's hosted on [now](https://zeit.co/now/) and served using [serve](https://github.com/zeit/serve).
|
||||
|
||||
## Contribute
|
||||
|
||||
1. [Fork](https://help.github.com/articles/fork-a-repo/) this repository to your own GitHub account and then [clone](https://help.github.com/articles/cloning-a-repository/) it to your local device
|
||||
3. Move into the website's directory: `cd hyper/website`
|
||||
4. Install dependencies: `npm install`
|
||||
6. Run [serve](https://github.com/zeit/serve): `npm start`
|
||||
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" fill="#989898" fill-rule="evenodd" viewBox="0 0 14 16" width="14"><path d="M13.11 12.415c-.24.552-.523 1.06-.85 1.527-.447.638-.813 1.078-1.095 1.323-.437.402-.905.608-1.407.62-.36 0-.794-.103-1.3-.31-.506-.207-.972-.31-1.398-.31-.447 0-.927.103-1.44.31-.512.207-.926.316-1.242.326-.48.022-.96-.19-1.44-.635-.304-.266-.686-.723-1.144-1.37-.49-.69-.894-1.49-1.21-2.404-.34-.986-.51-1.94-.51-2.865 0-1.06.23-1.973.688-2.74.36-.614.84-1.1 1.44-1.455.6-.356 1.248-.537 1.946-.55.382 0 .883.12 1.505.35.62.234 1.02.352 1.194.352.13 0 .574-.138 1.324-.413.71-.257 1.31-.362 1.8-.32 1.33.107 2.33.63 2.994 1.575-1.19.72-1.778 1.73-1.766 3.025.01 1.008.377 1.848 1.096 2.514.326.31.69.548 1.094.718-.088.255-.18.498-.28.733zm-3.05-12c0 .79-.29 1.527-.865 2.21C8.5 3.437 7.66 3.907 6.75 3.833c-.012-.095-.02-.195-.02-.3 0-.76.33-1.57.918-2.235.293-.336.665-.616 1.117-.84.45-.218.877-.34 1.278-.36.012.105.017.21.017.316z"/></svg>
|
||||
|
Before Width: | Height: | Size: 961 B |
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 28"><path fill="#FFF" fill-rule="evenodd" d="M47.41 3.252l-21.865 23.84c-.068.1-.045.232-.133.32-.395.396-.918.568-1.435.544-.512.02-1.028-.154-1.42-.544-.087-.088-.063-.217-.13-.314L.557 3.256c-.743-.745-.743-1.95 0-2.695.745-.743 1.95-.743 2.695 0l20.73 22.603L44.715.56c.744-.747 1.95-.747 2.694 0 .744.742.744 1.947 0 2.692z"/></svg>
|
||||
|
Before Width: | Height: | Size: 393 B |
|
Before Width: | Height: | Size: 7.4 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 13"><g fill="none" fill-rule="evenodd" stroke="#50E3C2" stroke-linecap="square"><path d="M.5 5.5v6M16.5 5.5v6M8.5.5v7.07M5.5 5l2.828 2.828M11.328 5L8.5 7.828M.5 12h16"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 235 B |
|
Before Width: | Height: | Size: 5.9 KiB |
|
Before Width: | Height: | Size: 69 KiB |
|
Before Width: | Height: | Size: 8.1 KiB |
|
|
@ -1 +0,0 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16"><path fill="#989898" fill-rule="evenodd" d="M0 2.265l6.54-.887.002 6.287-6.536.037L0 2.265zM6.536 8.39l.005 6.293-6.535-.896v-5.44l6.53.043zm.792-7.13L15.998 0v7.585l-8.67.07V1.26zM16 8.45L15.998 16l-8.67-1.22-.012-6.345L16 8.45z"/></svg>
|
||||
|
Before Width: | Height: | Size: 309 B |
|
|
@ -1,525 +0,0 @@
|
|||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-rendering: geometricPrecision;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body, html {
|
||||
background: #000;
|
||||
color: #ccc;
|
||||
font: 12px Menlo, "DejaVu Sans Mono", "Lucida Console", monospace;
|
||||
}
|
||||
|
||||
#header {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 20px;
|
||||
z-index: 10000;
|
||||
display: flex;
|
||||
transition: all 0.3s ease;
|
||||
transition-property: transform, opacity;
|
||||
}
|
||||
|
||||
#header span {
|
||||
color: #999;
|
||||
font-family: -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", "Roboto", "Oxygen",
|
||||
"Ubuntu", "Cantarell", "Fira Sans",
|
||||
"Droid Sans", "Helvetica Neue", sans-serif;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#header a {
|
||||
color: #999;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#header a img {
|
||||
height: 16px;
|
||||
margin-left: 6px;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
#header a:hover {
|
||||
color: #FF2E88;
|
||||
}
|
||||
|
||||
#header a.download-link {
|
||||
color: #FF2E88;
|
||||
}
|
||||
|
||||
#header.hidden {
|
||||
transform: translateY(-35px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#logo {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 50px 0 40px;
|
||||
font-family: -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", "Roboto", "Oxygen",
|
||||
"Ubuntu", "Cantarell", "Fira Sans",
|
||||
"Droid Sans", "Helvetica Neue", sans-serif;
|
||||
text-align: center;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
#logo img {
|
||||
display: block;
|
||||
margin: 0 auto 10px;
|
||||
}
|
||||
|
||||
#logo .title, #logo .subtitle {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
#logo .title {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#logo .title b {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#logo .subtitle {
|
||||
color: #9B9B9B;
|
||||
}
|
||||
|
||||
#top {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#top .top-content {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
opacity: 0;
|
||||
animation-name: arrow-appear;
|
||||
animation-delay: 2s;
|
||||
animation-duration: 500ms;
|
||||
animation-timing-function: ease;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.top-download {
|
||||
position: relative;
|
||||
bottom: 75px;
|
||||
font-family: -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", "Roboto", "Oxygen",
|
||||
"Ubuntu", "Cantarell", "Fira Sans",
|
||||
"Droid Sans", "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.download-button {
|
||||
background: #50E3C2;
|
||||
color: #494949;
|
||||
height: 42px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
margin-bottom: 10px;
|
||||
text-decoration: none;
|
||||
transition: background .12s ease-in-out;
|
||||
}
|
||||
|
||||
.download-button:hover {
|
||||
background: #72EBD0;
|
||||
}
|
||||
|
||||
.download-button svg {
|
||||
color: #2EAA8F;
|
||||
}
|
||||
|
||||
.download-button svg#fallback-icon {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.download-button svg:not(#fallback-icon) {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.download-button strong {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#arrow {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -9px;
|
||||
bottom: 20px;
|
||||
}
|
||||
|
||||
@keyframes arrow-appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes arrow-video-finish {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
bottom: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#video {
|
||||
height: 100vh;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#video video {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#loading:before {
|
||||
content: 'Loading...';
|
||||
position: absolute;
|
||||
display: block;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
color: #666;
|
||||
opacity: 0;
|
||||
animation-name: appear;
|
||||
animation-delay: 2s;
|
||||
animation-duration: 500ms;
|
||||
animation-timing-function: ease;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
@keyframes appear {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#poster {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#poster img {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#content {
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#content a, .other-downloads a {
|
||||
color: #FF2E88;
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid #FF2E88;
|
||||
}
|
||||
|
||||
#content a:hover, .other-downloads a:hover {
|
||||
background: #FF2E88;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#content h2, #content h3 {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
color: #ccc;
|
||||
margin: 0 0 30px 0;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
#content h2 a, #content h3 a {
|
||||
color: #ccc;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
#content p {
|
||||
margin: 0 0 20px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#content h2:before {
|
||||
content: '## ';
|
||||
}
|
||||
|
||||
#content h3:before {
|
||||
content: '### ';
|
||||
}
|
||||
|
||||
#content h4:before {
|
||||
content: '#### ';
|
||||
}
|
||||
|
||||
#content code {
|
||||
font: 12px Menlo, "DejaVu Sans Mono", "Lucida Console", monospace;
|
||||
}
|
||||
|
||||
#content p code, #content li code, #content td code {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#content p code:before, #content p code:after,
|
||||
#content td code:before, #content td code:after,
|
||||
#content li code:before, #content li code:after {
|
||||
content: '`';
|
||||
}
|
||||
|
||||
#content pre {
|
||||
margin: 30px;
|
||||
color: #50E3C2;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
#content table thead td {
|
||||
color: #999;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#content table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#content td > table {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#content table td {
|
||||
vertical-align: top;
|
||||
border: 1px solid #444;
|
||||
line-height: 15px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#content table td.highlighted:after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
border: 1px solid #50E3C2;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: -1px;
|
||||
left: -1px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#content table td.invisible-top-left {
|
||||
border-top: 0;
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
#content #installation-table a {
|
||||
border-bottom: none;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
#content #installation-table a:hover {
|
||||
background: none;
|
||||
color: #50E3C2;
|
||||
}
|
||||
|
||||
#content #installation-table td:not(:first-child) {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#content #installation-table td:not(.highlighted) img {
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s ease;
|
||||
}
|
||||
|
||||
#content #installation-table td a:hover img {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#content #installation-table td.highlighted a {
|
||||
color: #50E3C2;
|
||||
}
|
||||
|
||||
#content #installation-table {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#content #installation-table td[id^="td"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#content #installation-table img {
|
||||
width: 17px;
|
||||
height: 13px;
|
||||
}
|
||||
|
||||
#content td.soon {
|
||||
color: #555;
|
||||
}
|
||||
|
||||
#content td {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#content table.config td:nth-child(2) {
|
||||
width: 30%;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#content table.config tbody td:first-child {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#content table.api tbody td:first-child {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#content table.api > tbody > tr > td:nth-child(2) {
|
||||
width: 13%;
|
||||
}
|
||||
|
||||
#content table.api tbody tbody td:first-child {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
#content td > p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#content ul {
|
||||
margin: 20px 10px;
|
||||
}
|
||||
|
||||
#content ul li {
|
||||
list-style-type: none;
|
||||
line-height: 18px;
|
||||
margin: 5px 0;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#content ul li:before {
|
||||
content: '-';
|
||||
color: #999;
|
||||
position: absolute;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
#content p b {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
@media screen and (max-height: 500px) {
|
||||
.title {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 550px) {
|
||||
.title span {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 650px) {
|
||||
#logo img {
|
||||
height: 50px;
|
||||
width: auto;
|
||||
padding: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-height: 700px) {
|
||||
#logo {
|
||||
padding: 30px 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
#content table {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
#download-for {
|
||||
display: none !important;
|
||||
}
|
||||
#header {
|
||||
width:300px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
#header {
|
||||
text-align: center;
|
||||
padding: 20px 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
#video video {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#video {
|
||||
background: no-repeat center url('https://cdn.zeit.co/hyper/hyperapp.gif');
|
||||
background-size: 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
#content {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
|
||||
pre {
|
||||
white-space:pre-wrap; word-wrap:break-word; overflow:auto;
|
||||
}
|
||||
|
||||
#content table {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#content .table-note:after {
|
||||
margin: 15px 0;
|
||||
content: "Please note: the complete table information is available in bigger resolutions!";
|
||||
display: block;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#content img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#arrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.is-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
{
|
||||
"version": "0.4.5"
|
||||
}
|
||||