diff options
| author | Kyle Gunger <kgunger12@gmail.com> | 2024-11-08 16:12:32 -0500 |
|---|---|---|
| committer | Kyle Gunger <kgunger12@gmail.com> | 2024-11-08 16:12:32 -0500 |
| commit | 4ceef6633c750157645d03225b07b739ca893c49 (patch) | |
| tree | 1be04b40f3dbbca4eb8319f2e65d16b18e15f157 | |
| parent | 76ee3a9bb9c865a6f5c37de8613a62b48e1a1c93 (diff) | |
Basic site framework
| -rw-r--r-- | .gitignore | 130 | ||||
| -rw-r--r-- | assets/profile.png | bin | 0 -> 9295 bytes | |||
| -rw-r--r-- | index.html | 24 | ||||
| -rw-r--r-- | scripts/main.js | 0 | ||||
| -rw-r--r-- | styles/main.css | 54 | ||||
| -rw-r--r-- | styles/widgets.css | 8 |
6 files changed, 86 insertions, 130 deletions
diff --git a/.gitignore b/.gitignore deleted file mode 100644 index c6bba59..0000000 --- a/.gitignore +++ /dev/null @@ -1,130 +0,0 @@ -# Logs -logs -*.log -npm-debug.log* -yarn-debug.log* -yarn-error.log* -lerna-debug.log* -.pnpm-debug.log* - -# Diagnostic reports (https://nodejs.org/api/report.html) -report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json - -# Runtime data -pids -*.pid -*.seed -*.pid.lock - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage -*.lcov - -# nyc test coverage -.nyc_output - -# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# Bower dependency directory (https://bower.io/) -bower_components - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (https://nodejs.org/api/addons.html) -build/Release - -# Dependency directories -node_modules/ -jspm_packages/ - -# Snowpack dependency directory (https://snowpack.dev/) -web_modules/ - -# TypeScript cache -*.tsbuildinfo - -# Optional npm cache directory -.npm - -# Optional eslint cache -.eslintcache - -# Optional stylelint cache -.stylelintcache - -# Microbundle cache -.rpt2_cache/ -.rts2_cache_cjs/ -.rts2_cache_es/ -.rts2_cache_umd/ - -# Optional REPL history -.node_repl_history - -# Output of 'npm pack' -*.tgz - -# Yarn Integrity file -.yarn-integrity - -# dotenv environment variable files -.env -.env.development.local -.env.test.local -.env.production.local -.env.local - -# parcel-bundler cache (https://parceljs.org/) -.cache -.parcel-cache - -# Next.js build output -.next -out - -# Nuxt.js build / generate output -.nuxt -dist - -# Gatsby files -.cache/ -# Comment in the public line in if your project uses Gatsby and not Next.js -# https://nextjs.org/blog/next-9-1#public-directory-support -# public - -# vuepress build output -.vuepress/dist - -# vuepress v2.x temp and cache directory -.temp -.cache - -# Docusaurus cache and generated files -.docusaurus - -# Serverless directories -.serverless/ - -# FuseBox cache -.fusebox/ - -# DynamoDB Local files -.dynamodb/ - -# TernJS port file -.tern-port - -# Stores VSCode versions used for testing VSCode extensions -.vscode-test - -# yarn v2 -.yarn/cache -.yarn/unplugged -.yarn/build-state.yml -.yarn/install-state.gz -.pnp.* diff --git a/assets/profile.png b/assets/profile.png Binary files differnew file mode 100644 index 0000000..cd726ca --- /dev/null +++ b/assets/profile.png diff --git a/index.html b/index.html new file mode 100644 index 0000000..88ee401 --- /dev/null +++ b/index.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>OpenSmarts</title> + <link rel="stylesheet" href="styles/main.css" /> +</head> +<body> + <user> + <img id="profile" src="assets/profile.png" /> + </user> + + <nav> + <a class="nav-el" href="#">Dashboard</a> + <a class="nav-el" href="#">Manage Devices</a> + <a class="nav-el" href="#">Alerts</a> + <a class="nav-el" href="#">Settings</a> + <a class="nav-el" href="#">Home Automation</a> + </nav> + + <script src="scripts/main.js"></script> +</body> +</html>
\ No newline at end of file diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/scripts/main.js diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..bddd9c2 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,54 @@ +html, body { + font-family: sans-serif; + box-sizing: border-box; +} + +body { + min-height: 100vh; + margin:0; +} + +user { + border-radius: 100%; + border: 3px solid gray; + overflow: hidden; + display: block; + width: 70px; + height: 70px; + position: fixed; + right: 30px; + top: 10px; + z-index: 1; +} + +user img { + width: 100%; + height: 100%; +} + +nav { + display: flex; + align-items: center; + position: fixed; + top:20px; + left: 10px; + padding-right:115px; + width:calc(100% - 20px); + height:50px; + background-color: gray; + z-index: 0; + border-radius: 10px; + box-sizing: border-box; +} + +nav .nav-el { + margin:10px; + font-weight: bold; + text-decoration: none; + color: #ddd; + transition-duration: 0.2s; +} + +nav .nav-el:hover { + color: white; +}
\ No newline at end of file diff --git a/styles/widgets.css b/styles/widgets.css new file mode 100644 index 0000000..a8310e3 --- /dev/null +++ b/styles/widgets.css @@ -0,0 +1,8 @@ +.widget { + background-color: #ddd; + border-radius: 10px; +} + +.toggle { + background-color: gray; +}
\ No newline at end of file |
