123 lines
4.4 KiB
HTML
123 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" href="/favicon.png" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<meta name="theme-color" content="#000000" />
|
|
<meta name="description" content="Web site created using create-react-app" />
|
|
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
|
<!--
|
|
manifest.json provides metadata used when your web app is installed on a
|
|
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
|
-->
|
|
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
|
<!--
|
|
Notice the use of %PUBLIC_URL% in the tags above.
|
|
It will be replaced with the URL of the `public` folder during the build.
|
|
Only files inside the `public` folder can be referenced from the HTML.
|
|
|
|
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
|
work correctly both with client-side routing and a non-root public URL.
|
|
Learn how to configure a non-root public URL by running `npm run build`.
|
|
-->
|
|
<link rel="stylesheet" href="/nojs.css"/>
|
|
<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css"
|
|
integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous" />
|
|
<title>Happy Valentine's Day</title>
|
|
</head>
|
|
|
|
<body>
|
|
<!--<noscript>You need to enable JavaScript to run this app.</noscript> -->
|
|
<div id="root"></div>
|
|
<!--
|
|
This HTML file is a template.
|
|
If you open it directly in the browser, you will see an empty page.
|
|
|
|
You can add webfonts, meta tags, or analytics to this file.
|
|
The build step will place the bundled scripts into the <body> tag.
|
|
|
|
To begin the development, run `npm start` or `yarn start`.
|
|
To create a production bundle, use `npm run build` or `yarn build`.
|
|
-->
|
|
|
|
<div class="App" id="remove-1">
|
|
<header class="App-header">
|
|
<img src=heart-icon.png class="App-logo pure-img" alt="logo" />
|
|
<p>
|
|
<code class="App-statement">You are important and loved</code>
|
|
</p>
|
|
<div class="pure-u-1-5" />
|
|
<button class="App-button pure-button" autoFocus name="Tell me more"></button>
|
|
</header>
|
|
</div>
|
|
<div class="App Poem-statement" id="remove-2">
|
|
<div class="pure-g">
|
|
<div class="pure-u-1-5"></div>
|
|
<div class="pure-u-3-5">
|
|
<p>
|
|
<code>
|
|
You are important. I wrote a small poem I hope will help you today.<br></br>
|
|
It's not very long, but I'm doing my best, and so are you.
|
|
</code>
|
|
</p>
|
|
</div>
|
|
<div class="pure-u-1-5"></div>
|
|
</div>
|
|
<div class="pure-g">
|
|
<div class="pure-u-1-5"></div>
|
|
<div class="pure-u-3-5">
|
|
<p>
|
|
<code>
|
|
You are the moon, you are the stars<br></br>
|
|
I'm glad you're here, whomever you are.
|
|
</code>
|
|
</p>
|
|
</div>
|
|
<div class="pure-u-1-5"></div>
|
|
</div>
|
|
<div class="pure-g">
|
|
<div class="pure-u-1-5"></div>
|
|
<div class="pure-u-3-5">
|
|
<p>
|
|
<code>
|
|
We've been through much; in this life it's true,<br></br>
|
|
But in the end, you will come through.
|
|
</code>
|
|
</p>
|
|
</div>
|
|
<div class="pure-u-1-5"></div>
|
|
</div>
|
|
<div class="pure-g">
|
|
<div class="pure-u-1-5"></div>
|
|
<div class="pure-u-3-5">
|
|
<p>
|
|
<code>
|
|
Much like life, this poem is short<br></br>
|
|
It doesn't always rhyme, or have a nice beat;<br></br>
|
|
It might seem wrong, or incomplete;<br></br>
|
|
It might go on, or so it seems;<br></br>
|
|
It might feel like you're in a dream.
|
|
</code>
|
|
</p>
|
|
</div>
|
|
<div class="pure-u-1-5"></div>
|
|
</div>
|
|
<div class="pure-g">
|
|
<div class="pure-u-1-5"></div>
|
|
<div class="pure-u-3-5">
|
|
<p>
|
|
<code>
|
|
That's not the point, I know in my heart<br></br>
|
|
I'm glad you're here, whomever you are.
|
|
</code>
|
|
</p>
|
|
</div>
|
|
<div class="pure-u-1-5"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|