From 4ceef6633c750157645d03225b07b739ca893c49 Mon Sep 17 00:00:00 2001 From: Kyle Gunger Date: Fri, 8 Nov 2024 16:12:32 -0500 Subject: Basic site framework --- .gitignore | 130 ----------------------------------------------------- assets/profile.png | Bin 0 -> 9295 bytes index.html | 24 ++++++++++ scripts/main.js | 0 styles/main.css | 54 ++++++++++++++++++++++ styles/widgets.css | 8 ++++ 6 files changed, 86 insertions(+), 130 deletions(-) delete mode 100644 .gitignore create mode 100644 assets/profile.png create mode 100644 index.html create mode 100644 scripts/main.js create mode 100644 styles/main.css create mode 100644 styles/widgets.css 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 new file mode 100644 index 0000000..cd726ca Binary files /dev/null and b/assets/profile.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..88ee401 --- /dev/null +++ b/index.html @@ -0,0 +1,24 @@ + + + + + + OpenSmarts + + + + + + + + + + + + \ No newline at end of file diff --git a/scripts/main.js b/scripts/main.js new file mode 100644 index 0000000..e69de29 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 -- cgit v1.2.3