diff options
| author | Marius Peter <marius.peter@tutanota.com> | 2024-12-29 15:14:43 +0100 | 
|---|---|---|
| committer | Marius Peter <marius.peter@tutanota.com> | 2024-12-29 15:14:43 +0100 | 
| commit | be2a93525069de2dfa3c23b0c23e7a9f7ad4c03d (patch) | |
| tree | b5493e9d35d024ce7be072ec2168b4a98ba0e63f /app/assets | |
First commit.
Diffstat (limited to 'app/assets')
| -rw-r--r-- | app/assets/images/.keep | 0 | ||||
| -rw-r--r-- | app/assets/images/blason_Savoie.png | bin | 0 -> 33610 bytes | |||
| -rw-r--r-- | app/assets/stylesheets/application.css | 27 | ||||
| -rw-r--r-- | app/assets/stylesheets/components/code_of_honor.css | 11 | ||||
| -rw-r--r-- | app/assets/stylesheets/components/footer.css | 6 | ||||
| -rw-r--r-- | app/assets/stylesheets/components/nav_top.css | 40 | ||||
| -rw-r--r-- | app/assets/stylesheets/components/notifications.css | 18 | ||||
| -rw-r--r-- | app/assets/stylesheets/pages/home.css | 4 | 
8 files changed, 106 insertions, 0 deletions
| diff --git a/app/assets/images/.keep b/app/assets/images/.keep new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/app/assets/images/.keep diff --git a/app/assets/images/blason_Savoie.png b/app/assets/images/blason_Savoie.pngBinary files differ new file mode 100644 index 0000000..51761d0 --- /dev/null +++ b/app/assets/images/blason_Savoie.png 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; +} | 
