From be2a93525069de2dfa3c23b0c23e7a9f7ad4c03d Mon Sep 17 00:00:00 2001 From: Marius Peter Date: Sun, 29 Dec 2024 15:14:43 +0100 Subject: First commit. --- app/assets/images/.keep | 0 app/assets/images/blason_Savoie.png | Bin 0 -> 33610 bytes app/assets/stylesheets/application.css | 27 ++++++++++++++ .../stylesheets/components/code_of_honor.css | 11 ++++++ app/assets/stylesheets/components/footer.css | 6 ++++ app/assets/stylesheets/components/nav_top.css | 40 +++++++++++++++++++++ .../stylesheets/components/notifications.css | 18 ++++++++++ app/assets/stylesheets/pages/home.css | 4 +++ 8 files changed, 106 insertions(+) create mode 100644 app/assets/images/.keep create mode 100644 app/assets/images/blason_Savoie.png create mode 100644 app/assets/stylesheets/application.css create mode 100644 app/assets/stylesheets/components/code_of_honor.css create mode 100644 app/assets/stylesheets/components/footer.css create mode 100644 app/assets/stylesheets/components/nav_top.css create mode 100644 app/assets/stylesheets/components/notifications.css create mode 100644 app/assets/stylesheets/pages/home.css (limited to 'app/assets') diff --git a/app/assets/images/.keep b/app/assets/images/.keep new file mode 100644 index 0000000..e69de29 diff --git a/app/assets/images/blason_Savoie.png b/app/assets/images/blason_Savoie.png new file mode 100644 index 0000000..51761d0 Binary files /dev/null and b/app/assets/images/blason_Savoie.png differ diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css new file mode 100644 index 0000000..d7fc4f9 --- /dev/null +++ b/app/assets/stylesheets/application.css @@ -0,0 +1,27 @@ +/* + * This is a manifest file that'll be compiled into application.css. + * + * With Propshaft, assets are served efficiently without preprocessing steps. You can still include + * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard + * cascading order, meaning styles declared later in the document or manifest will override earlier ones, + * depending on specificity. + * + * Consider organizing styles into separate files for maintainability. + */ + +body { + margin: 0; + font-family: sans-serif; + background: moccasin; +} + +main { + margin: 0 auto; + padding: 0 1em; + max-width: 50em; +} + +h1 { + text-align: center; + /* font-family: 'Old London', sans-serif; */ +} diff --git a/app/assets/stylesheets/components/code_of_honor.css b/app/assets/stylesheets/components/code_of_honor.css new file mode 100644 index 0000000..dbbd267 --- /dev/null +++ b/app/assets/stylesheets/components/code_of_honor.css @@ -0,0 +1,11 @@ +#code-of-honor { + width: 50%; + margin: 1em auto; + padding: 1em; + color: white; + + border-radius: 1em; +} +#code-of-honor.accepted { background-color: forestgreen; } +#code-of-honor.rejected { background-color: firebrick; } + diff --git a/app/assets/stylesheets/components/footer.css b/app/assets/stylesheets/components/footer.css new file mode 100644 index 0000000..de96a5c --- /dev/null +++ b/app/assets/stylesheets/components/footer.css @@ -0,0 +1,6 @@ +footer { + text-align: center; + margin: 3em 0 0; + color: dimgrey; + +} diff --git a/app/assets/stylesheets/components/nav_top.css b/app/assets/stylesheets/components/nav_top.css new file mode 100644 index 0000000..a3247a4 --- /dev/null +++ b/app/assets/stylesheets/components/nav_top.css @@ -0,0 +1,40 @@ +nav#top { + width: 100%; + background-color: firebrick; + display: flex; + justify-content: space-between; + align-items: center; + + ul { + display: flex; + flex-wrap: wrap; + list-style-type: none; + padding: 0; + margin: 0; + } + + li { + padding: 12px 0; + } + + a { + padding: 12px; + color: white; + text-decoration: none; + } + + a:hover { + background-color: tomato; + } + + #authentication { + display: flex; + flex-wrap: wrap; + justify-content: right; + } + + button { + margin: 0.5rem 0.5rem 0.5rem 0; + } +} + diff --git a/app/assets/stylesheets/components/notifications.css b/app/assets/stylesheets/components/notifications.css new file mode 100644 index 0000000..93d8cc2 --- /dev/null +++ b/app/assets/stylesheets/components/notifications.css @@ -0,0 +1,18 @@ +#notifications { + max-width: 30rem; + margin: 1em auto; +} + +.notice, .alert { + margin: 0 1em; + padding: 1em; + border-radius: 1em; +} + +.notice { + background: lightblue; +} + +.alert { + background: tomato; +} diff --git a/app/assets/stylesheets/pages/home.css b/app/assets/stylesheets/pages/home.css new file mode 100644 index 0000000..5b2e6a9 --- /dev/null +++ b/app/assets/stylesheets/pages/home.css @@ -0,0 +1,4 @@ +#blason { + margin: 0 auto; + display: block; +} -- cgit v1.2.3