github/ValueScript
1
1
Fork 0
mirror of https://github.com/voltrevo/ValueScript.git synced 2026-04-18 03:00:27 -04:00
Code Issues Packages Projects Releases Wiki Activity

Github star reminder

Browse Source
This commit is contained in:
Andrew Morris
2023-08-29 14:05:27 +10:00
parent 4c28a78914
commit c3169e6b11
4 changed files with 76 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
website/public/githubLogo.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

14
website/src/index.html
View File

@@ -19,16 +19,16 @@
</head>
<body>
<div id="main">
<div class="spacer"></div>
<div id="content">
<p id="heading">ValueScript</p>
<p>A dialect of TypeScript with value semantics.</p>
<div id="headings">
<p id="heading">ValueScript</p>
<p>A dialect of TypeScript with value semantics.</p>
</div>
<div><a href="playground/">Try the playground</a></div>
<div><a href="https://github.com/voltrevo/ValueScript">Learn more</a></div>
<div><a href="proceed-to-github.html"><img id="gh-logo" src="/githubLogo.svg">&nbsp;Learn More</a></div>
</div>
</div>
<div style="display: none">
<a href="playground/index.html">Playground</a>
<div class="spacer"></div>
</div>
</body>
</html>

39
website/src/index.scss
View File

@@ -18,8 +18,17 @@ h1, h3 {
background-image: linear-gradient(125deg, rgb(6, 52, 29) 0%, rgb(7, 62, 69) 100%);
position: relative;
width: 100vw;
height: 100vh;
min-height: 100vh;
max-height: 100vh;
overflow-y: auto;
display: flex;
place-items: center;
flex-direction: column;
}
.spacer {
display: flex;
flex-grow: 1;
}
#heading {
@@ -27,15 +36,15 @@ h1, h3 {
margin: 0;
}
#headings {
margin-bottom: 2em;
}
#content {
position: absolute;
left: 50vw;
vertical-align: middle;
top: 50vh;
width: 90vw;
transform: translate(-50%, -50%);
text-align: center;
font-size: 1.5em;
margin: 2em;
text-wrap: balance;
}
a, a:visited {
@@ -44,18 +53,24 @@ a, a:visited {
}
#content a {
border: 1.5px solid hsl(240, 81%, 24%);
border: 1.5px solid black;
border-radius: 0.4em;
background-color: hsl(228, 100%, 50%);
padding: 0.5em;
background-color: hsl(214, 82%, 42%);
padding: 0.5em 1em;
box-sizing: border-box;
display: inline-block;
margin-top: 1.5em;
margin-top: 1em;
color: white;
user-select: none;
transition: background-color 100ms;
width: min(20rem, 80vw);
}
#content a:hover {
background-color: hsl(228, 98%, 55%);
background-color: hsl(214, 98%, 55%);
}
#gh-logo {
transform: translateY(2px);
margin-right: 0.3em;
}

33
website/src/proceed-to-github.html Normal file
View File

@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name=viewport content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./index.scss" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BKB4Q8FX7J">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BKB4Q8FX7J');
</script>
</head>
<body>
<div id="main">
<div class="spacer"></div>
<div id="content">
<div id="headings">
<p id="heading">GitHub</p>
<p>If you feel ValueScript deserves a star, please remember to star it ⭐️.</p>
</div>
<div><a href="https://github.com/voltrevo/ValueScript"><img id="gh-logo" src="/githubLogo.svg">&nbsp;Let's Go</a></div>
</div>
<div class="spacer"></div>
</div>
</body>
</html>