Compare commits
2 Commits
starter/no
...
0328563e1d
| Author | SHA1 | Date | |
|---|---|---|---|
| 0328563e1d | |||
| d9781431c6 |
1
.gitignore
vendored
1
.gitignore
vendored
@@ -0,0 +1 @@
|
||||
node_modules
|
||||
|
||||
39
base.css
Normal file
39
base.css
Normal file
@@ -0,0 +1,39 @@
|
||||
body {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.box {
|
||||
border: 4px solid #28e;
|
||||
border-radius: 4px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.vertical-stack {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
}
|
||||
|
||||
.vertical-stack > * {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.vertical-stack > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.action-button {
|
||||
border: 0.5px solid #558;
|
||||
background: hsl(228, 100%, 90%);
|
||||
background: linear-gradient(150deg, hsl(228, 100%, 95%) 0%, hsl(228, 100%, 80%) 100%);
|
||||
}
|
||||
|
||||
.footer {
|
||||
text-align: center;
|
||||
font-size: small;
|
||||
font-family: "Dosis", sans-serif;
|
||||
font-optical-sizing: auto;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
29
index.html
Normal file
29
index.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>My Demo</title>
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<meta charset="utf-8">
|
||||
<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=Dosis:wght@200..800&display=swap" rel="stylesheet">
|
||||
<link type="text/css" rel="stylesheet" href="reset.css" />
|
||||
<link type="text/css" rel="stylesheet" href="base.css" />
|
||||
<link type="text/css" rel="stylesheet" href="styles.css" />
|
||||
<script src="node_modules/jquery/dist/jquery.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="vertical-stack">
|
||||
<fieldset id="demo" class="box">
|
||||
<legend title="asdf">My Demo</legend>
|
||||
<div id="output"></div>
|
||||
</fieldset>
|
||||
|
||||
<section class="box">
|
||||
<button id="btnGo" class="action-button">Go</button>
|
||||
</section>
|
||||
</div>
|
||||
<footer class="footer">copyright © 2024 <a href="https://sfcoder.me">Tom Hicks</a> licensed under <a href="https://opensource.org/license/gpl-2-0">GPL v2.0 or later</a></footer>
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
5
main.js
Normal file
5
main.js
Normal file
@@ -0,0 +1,5 @@
|
||||
(()=>{
|
||||
jQuery(() => {
|
||||
console.log('Ready');
|
||||
})
|
||||
})();
|
||||
11
package.json
Normal file
11
package.json
Normal file
@@ -0,0 +1,11 @@
|
||||
{
|
||||
"name": "demo",
|
||||
"version": "1.0.0",
|
||||
"main": "index.js",
|
||||
"author": "Tom Hicks <headhunter3@gmail.com>",
|
||||
"license": "GLPv2",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"jquery": "^3.7.1"
|
||||
}
|
||||
}
|
||||
8
reset.css
Normal file
8
reset.css
Normal file
@@ -0,0 +1,8 @@
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin: 0;
|
||||
}
|
||||
0
styles.css
Normal file
0
styles.css
Normal file
8
yarn.lock
Normal file
8
yarn.lock
Normal file
@@ -0,0 +1,8 @@
|
||||
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
|
||||
# yarn lockfile v1
|
||||
|
||||
|
||||
jquery@^3.7.1:
|
||||
version "3.7.1"
|
||||
resolved "https://registry.yarnpkg.com/jquery/-/jquery-3.7.1.tgz#083ef98927c9a6a74d05a6af02806566d16274de"
|
||||
integrity sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg==
|
||||
Reference in New Issue
Block a user