nin0/astro-testing
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

idk

Browse source
This commit is contained in:
nin0dev 2024-07-29 09:21:33 -04:00
parent afc2b61576
commit daf96857f5
2 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/pages/index.astro
View file

@ -1,7 +1,10 @@
--- ---
import "../styles/global.css";
const nuclearLaunchCodes = "below" const nuclearLaunchCodes = "below"
// this will never be revealed :meowlien: // this will never be revealed :meowlien:
const actualLaunchCodes = ["54", "29", "69", "19", "11", "234"] const actualLaunchCodes = ["54", "29", "69", "19", "11", "234"]
const nukeColors = "navy";
--- ---
<html lang="en"> <html lang="en">
@ -11,13 +14,21 @@ const actualLaunchCodes = ["54", "29", "69", "19", "11", "234"]
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} /> <meta name="generator" content={Astro.generator} />
<title>Astro</title> <title>Astro</title>
<style define:vars={{nukeColors}}>
h1 {
color: blue;
}
#nukes {
color: var(--nukeColors);
}
</style>
</head> </head>
<body> <body>
<h1>Astro 2</h1> <h1>Astro 2</h1>
<a href="/about">second page idk</a> <a href="/about">second page idk</a>
<a href="/blog">Cool blog</a> <a href="/blog">Cool blog</a>
<p>The nukes are {nuclearLaunchCodes}</p> <p>The nukes are {nuclearLaunchCodes}</p>
<p>The actual code is {actualLaunchCodes.map((code) => <pre>{code}</pre> )}</p> <p id="nukes">The actual code is {actualLaunchCodes.map((code) => <pre>{code}</pre> )}</p>
{actualLaunchCodes.length >= 6 && <p>Enough codes to obliterate humanity</p>} {actualLaunchCodes.length >= 6 && <p>Enough codes to obliterate humanity</p>}
</body> </body>
</html> </html>

3
src/styles/global.css Normal file
View file

@ -0,0 +1,3 @@
* {
color: red;
}