diff options
author | Adam T. Carpenter <atc@53hor.net> | 2024-09-07 22:39:41 -0400 |
---|---|---|
committer | Adam T. Carpenter <atc@53hor.net> | 2024-09-07 22:39:41 -0400 |
commit | f2bd378e1a8cdfa7d1520b3734a748dd1cd9de25 (patch) | |
tree | f68df07e951db58dfa832be5723236199e20e797 /static | |
parent | ae00627e7c99fd21ce4ad8ec0692445f00a349b2 (diff) | |
download | carpentertutoring-f2bd378e1a8cdfa7d1520b3734a748dd1cd9de25.tar.xz carpentertutoring-f2bd378e1a8cdfa7d1520b3734a748dd1cd9de25.zip |
feat: serve static and assets add policies and index from base
Diffstat (limited to 'static')
-rw-r--r-- | static/desktop.css | 81 | ||||
-rw-r--r-- | static/widescreen.css | 8 |
2 files changed, 89 insertions, 0 deletions
diff --git a/static/desktop.css b/static/desktop.css new file mode 100644 index 0000000..1b0eb43 --- /dev/null +++ b/static/desktop.css @@ -0,0 +1,81 @@ +@media only screen and (min-width: 700px) { + section { + padding: 3em; + } + + nav { + flex-direction: row-reverse; + margin: 0; + padding: 0; + top: 0; + position: fixed; + width: 100%; + } + + div.buttons { + flex-direction: row-reverse; + } + + .banner { + padding-top: 7em; + text-align: right; + background: linear-gradient( + to right, + rgba(255, 255, 255, 0) 0%, + rgba(255, 255, 255, 1) 50% + ); + } + + form { + margin-right: 10%; + margin-left: 10%; + } + + table td, + table th { + padding: 0.5em; + } + + section.flexible { + flex-direction: row; + } + + section.flexible div, + section.flexible figure { + flex-basis: 0; + } + + section.flexible div { + flex-grow: 2; + } + + section.flexible figure { + flex-grow: 1; + } + + .signature img { + width: 30%; + } + + .logo img { + width: 15%; + display: block; + margin-left: auto; + margin-right: auto; + } + + .card { + padding: 2em; + } + + #reviews .card, + #offerings .card { + display: block; + flex: none; + width: 20%; + } + + .modal .card { + width: 25%; + } +} diff --git a/static/widescreen.css b/static/widescreen.css new file mode 100644 index 0000000..8231129 --- /dev/null +++ b/static/widescreen.css @@ -0,0 +1,8 @@ +@media only screen and (min-width: 2000px) { + section { + padding-top: 3em; + padding-bottom: 3em; + padding-left: 25%; + padding-right: 25%; + } +} |