maj/base
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: maj:demo/2048
Branches Tags
maj:main maj:starter/node maj:starter/jquery maj:starter/react maj:demo/2048
...
compare: maj:0328563e1d77ae5f41a5865e5bb40b80aefc094c
Branches Tags
maj:starter/node maj:starter/jquery maj:starter/react maj:demo/2048 maj:main

2 Commits
demo/2048 ... 0328563e1d

Author SHA1 Message Date
Tom Hicks
0328563e1d Adds jQuery 3.7.1. 2024-07-29 23:06:20 -07:00
Tom Hicks
d9781431c6 Adds a basic page. 2024-07-29 23:05:32 -07:00
8 changed files with 101 additions and 0 deletions
Expand all files Collapse all files

1
.gitignore vendored
View File

@@ -0,0 +1 @@
node_modules

39
base.css Normal file
View 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
View 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 &copy; 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
View File

@@ -0,0 +1,5 @@
(()=>{
jQuery(() => {
console.log('Ready');
})
})();

11
package.json Normal file
View 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
View File

@@ -0,0 +1,8 @@
body {
margin: 0;
padding: 0;
}
fieldset {
margin: 0;
}

0
styles.css Normal file
View File

8
yarn.lock Normal file
View 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==