ayo/mcfly
ayo/mcfly
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(landing-page): colors, spacing, content

Browse source
This commit is contained in:
Ayo 2023-10-15 01:03:15 +02:00
parent deedc73c1f
commit fb5fb9f81a
1 changed files with 45 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
src/pages/index.html
View file

@ -6,31 +6,56 @@
<title>McFly: Back to the Basics. Into the Future.</title> <title>McFly: Back to the Basics. Into the Future.</title>
<link rel="stylesheet" href="./reset.css"></style> <link rel="stylesheet" href="./reset.css"></style>
<style> <style>
body { html {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1.5em;
max-width: 750px; }
margin: 0 auto;
padding: 1em;
}
h1 { body {
padding: 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0; max-width: 750px;
} margin: 0 auto;
padding: 1em;
}
h1 {
padding: 0;
margin: 0;
}
h2, p, ul, ol {
margin-top: 0.5em;
}
footer {
text-align: right;
font-style: italic;
}
header {
margin: 0.5em 0;
border-radius: 5px;
background: linear-gradient(45deg, #3054bf, #416fff);
color: white;
}
header a {
color: white
}
header, main {
padding: 0.5em 1em;
}
h2, p, ul, ol {
margin-top: 0.5em;
}
</style> </style>
</head> </head>
<body> <body>
<header> <header>
<h1>McFly</h1> <a href="https://ayco.io/gh/mcfly">
<a href="https://ayco.io/gh/mcfly">GitHub</a> <h1>McFly</h1>
</a>
</header> </header>
<main> <main>
<p> <p>
McFly is a framework that grows with you. Start at the very basic of McFly is a web framework that grows with you.
</p>
<p>
Start at the very basic of
writing HTML files and enhance with standard web technologies or go writing HTML files and enhance with standard web technologies or go
advanced as you like, at your own pace. advanced as you like, at your own pace.
</p> </p>
@ -42,17 +67,10 @@
<li>Universal Deployment</li> <li>Universal Deployment</li>
</ul> </ul>
<p>...all in the same project.</p> <p>...all in the same project.</p>
<h2>Ambitious Goals</h2> <p>Read more on <a href="https://github.com/ayoayco/mcfly">GitHub</a>.</p>
<p>We want a way to:</p>
<ol>
<li>create web apps with vanilla custom elements</li>
<li>write real .HTML files</li>
<li>have no frameworks or reactivity libraries on the browser</li>
<li>server-side pre-rendering</li>
<li>
control on when and where JS is downloaded for interactive elements
</li>
</ol>
</main> </main>
<footer>
<small> A project by <a href="https://ayco.io">Ayo Ayco</a></small>
</footer>
</body> </body>
</html> </html>