1
0
This commit is contained in:
falsycat 2022-11-29 16:59:47 +09:00
parent 949c58763c
commit 64dbe3b733
2 changed files with 76 additions and 12 deletions

View File

@ -3,18 +3,20 @@
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content= "width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/destyle.css@1.0.15/destyle.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=block" rel="stylesheet">
<title>Nf7</title>
<style>
:root {
font-size: 16pt;
font-family: 'Raleway', sans-serif;
}
body {
background-color: black;
@ -28,32 +30,94 @@ body {
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
}
#fg {
margin: calc(50vh - 8rem) auto;
width: 16rem;
height: 16rem;
}
#fg p {
font-family: 'Poiret One', cursive;
#fg .logo {
height: 8rem;
text-align: center;
}
#fg .logo svg {
color: white;
width: 8rem;
height: 100%;
}
#fg h1 {
color: white;
font-size: 2rem;
text-align: center;
}
#fg .logo {
height: 12rem;
#fg p {
text-align: center;
}
#fg .logo img {
width: 12rem;
height: 100%;
#fg p.subtitle {
color: white;
margin-bottom: 0.5rem;
}
#fg p.small {
font-size: 0.8rem;
line-height: 1em;
color: lightgray;
}
#fg ul.icons {
margin: 1rem 0;
display: flex;
justify-content: space-around;
}
#fg ul.icons li {
width: 2rem;
height: 2rem;
padding: 0.2rem;
background-color: white;
border-radius: 1.6rem;
}
#fg ul.icons svg {
color: #323232;
}
</style>
</head>
<body>
<div id="fg">
<div class="logo"><img src="logo.png"></div>
<p>coming soon...</p>
<div class="logo">
<svg viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path style="stroke-width:.224506" d="m66.94 78.581-5.292 10.584h89.958l5.292-10.584zM57.68 111.654l-5.293 10.583h89.959l5.291-10.583z"/>
<path style="stroke-width:.264583" d="M93.398 19.05 71.57 159.94l11.245 46.964L98.69 55.43zM125.81 2.514l-13.891 138.244 3.307 41.672 22.49-138.906z"/>
</svg>
</div>
<h1>Nf7</h1>
<p class="subtitle">- visual programming platform -</p>
<p class="small">latest version: v0.4.0</p>
<ul class="icons">
<a href="https://github.com/falsycat/nf7" target="_blank" title="GitHub repo (mirror)">
<li>
<svg style="width: 100%; height: 100%" viewBox="-5 0 165 160" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path style="fill-rule:evenodd;stroke:none;stroke-width:.13333" d="M80.515 0C36.054 0 0 36.046 0 80.514c0 35.574 23.07 65.754 55.061 76.401 4.024.745 5.501-1.747 5.501-3.873 0-1.92-.074-8.263-.109-14.99-22.4 4.87-27.126-9.5-27.126-9.5-3.662-9.307-8.94-11.782-8.94-11.782-7.305-4.997.551-4.894.551-4.894 8.085.567 12.342 8.297 12.342 8.297 7.182 12.309 18.836 8.75 23.43 6.693.723-5.202 2.81-8.757 5.112-10.766-17.883-2.036-36.683-8.94-36.683-39.791 0-8.79 3.146-15.973 8.296-21.612-.836-2.029-3.592-10.217.78-21.307 0 0 6.761-2.164 22.147 8.253 6.423-1.784 13.31-2.679 20.153-2.71 6.843.031 13.736.926 20.17 2.71 15.368-10.417 22.12-8.253 22.12-8.253 4.382 11.09 1.625 19.278.79 21.307 5.162 5.639 8.286 12.821 8.286 21.612 0 30.924-18.836 37.733-36.765 39.727 2.888 2.498 5.461 7.398 5.461 14.91 0 10.772-.093 19.442-.093 22.095 0 2.143 1.45 4.654 5.53 3.863 31.975-10.658 55.015-40.828 55.015-76.39C161.03 36.046 124.981 0 80.515 0"/>
<path style="fill-rule:nonzero;stroke:none;stroke-width:.13333" d="M30.495 115.601c-.177.401-.806.52-1.38.245-.584-.262-.912-.808-.722-1.209.173-.412.804-.525 1.386-.252.586.264.919.815.716 1.216m3.261 3.637c-.384.356-1.134.191-1.643-.372-.527-.561-.626-1.312-.236-1.673.396-.356 1.124-.19 1.651.372.527.568.63 1.313.228 1.673m3.175 4.638c-.493.342-1.3.02-1.799-.695-.493-.716-.493-1.575.011-1.919.5-.344 1.295-.034 1.8.676.492.727.492 1.587-.012 1.938m4.35 4.48c-.442.486-1.382.355-2.07-.309-.704-.649-.9-1.57-.457-2.057.446-.488 1.392-.35 2.085.308.699.648.912 1.576.441 2.057m6 2.602c-.194.63-1.1.917-2.012.649-.91-.276-1.506-1.015-1.322-1.652.189-.635 1.098-.933 2.017-.647.91.275 1.507 1.008 1.317 1.65m6.59.482c.022.664-.751 1.215-1.709 1.226-.962.022-1.74-.515-1.752-1.168 0-.67.756-1.216 1.72-1.232.956-.019 1.74.514 1.74 1.174m6.132-1.044c.115.648-.55 1.314-1.501 1.49-.935.172-1.8-.228-1.919-.87-.116-.665.562-1.33 1.495-1.502.952-.166 1.804.224 1.925.882"/>
</svg>
</li>
</a>
<a href="javascript:alert('in preparation...')" title="download">
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
<path fill-rule="evenodd" d="M19.5 21a3 3 0 003-3V9a3 3 0 00-3-3h-5.379a.75.75 0 01-.53-.22L11.47 3.66A2.25 2.25 0 009.879 3H4.5a3 3 0 00-3 3v12a3 3 0 003 3h15zm-6.75-10.5a.75.75 0 00-1.5 0v4.19l-1.72-1.72a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l3-3a.75.75 0 10-1.06-1.06l-1.72 1.72V10.5z" clip-rule="evenodd" />
</svg>
</li>
</a>
<a href="https://twitter.com/CAFEditor" target="_blank" title="twitter">
<li>
<svg style="width: 90%; height: 90%; margin: 5%;" viewBox="0 -10 248 214" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
<path d="M221.95 51.29c.15 2.17.15 4.34.15 6.53 0 66.73-50.8 143.69-143.69 143.69v-.04c-27.44.04-54.31-7.82-77.41-22.64 3.99.48 8 .72 12.02.73 22.74.02 44.83-7.61 62.72-21.66-21.61-.41-40.56-14.5-47.18-35.07a50.338 50.338 0 0 0 22.8-.87C27.8 117.2 10.85 96.5 10.85 72.46v-.64a50.18 50.18 0 0 0 22.92 6.32C11.58 63.31 4.74 33.79 18.14 10.71a143.333 143.333 0 0 0 104.08 52.76 50.532 50.532 0 0 1 14.61-48.25c20.34-19.12 52.33-18.14 71.45 2.19 11.31-2.23 22.15-6.38 32.07-12.26a50.69 50.69 0 0 1-22.2 27.93c10.01-1.18 19.79-3.86 29-7.95a102.594 102.594 0 0 1-25.2 26.16z"/>
</svg>
</li>
</a>
</ul>
<p class="small">under development<br>unavailable for production use</p>
</div>
</body>
</html>

BIN
logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB