diff --git a/src/en/__swg_template.html b/src/en/__swg_template.html index 7ff70cd..29b2efc 100644 --- a/src/en/__swg_template.html +++ b/src/en/__swg_template.html @@ -5,6 +5,9 @@ luca0N!'s Website + + +
diff --git a/src/en/assets/luca0n.css b/src/en/assets/luca0n.css index e6fba82..c4f30d7 100644 --- a/src/en/assets/luca0n.css +++ b/src/en/assets/luca0n.css @@ -131,7 +131,7 @@ p { background-color: rgb(255, 170, 37); text-decoration: none; */ font-weight: bold; - + /* transition: background-color 0.08s linear 0s; */ } /*.contentWarning .cwReturnIndex:hover { diff --git a/src/en/assets/luca0n_theme_dark.css b/src/en/assets/luca0n_theme_dark.css new file mode 100644 index 0000000..88155ec --- /dev/null +++ b/src/en/assets/luca0n_theme_dark.css @@ -0,0 +1,175 @@ +/* + * CSS for luca0N.com, version 3 + * Main style, dark theme + * + * https://git.luca0n.com/luca0N-website.git/ + */ + +body { + margin: 0; + font-family: sans-serif; + + background-color: #222; + color: #ddd; +} + +header { + background: linear-gradient(to bottom, rgb(240, 140, 11), rgb(202, 114, 0)); + color: white; + padding: 16px 16% 16px 16%; + margin-bottom: 2em; + box-shadow: 0px 2px 8px #0005; + display: flex; +} + +#lang-selector { + text-align: end; +} +#lang-selector summary { + padding: 4px 8px 4px 8px; + background-color: #eca141; + margin-bottom: 1em; + cursor: pointer; + text-shadow: #0008 1px 1px 3px; + + transition: background-color 0.08s linear 0s; +} +#lang-selector summary:hover { + background-color: rgb(234, 182, 114); +} + +header h1 { + margin-bottom: 0; + text-shadow: 2px 2px 5px #0005; +} + +header h1::before { + content: url('luca0N.png'); + margin-right: 6px; +} + +#menu-mobile { + display: none; +} + +main { + margin-left: 16%; + margin-right: 16%; + max-width: 540px; +} +main a { + color: #1ca6c6; + transition: color 0.08s linear 0s; +} +main a:visited { + color: #c658e6; +} +main a:hover { + color: #63cae1; +} + +ul { + /* text-align: center; */ + padding-left: 0; + margin: 0; +} + +header a { + color: #0d2f95; + transition: color 0.08s linear 0s; +} +header a:visited { + color: #650a73; +} + +header ul li { + margin-bottom: 1em; + margin-top: 1em; +} +#menu-default ul li { + display: inline-block; +} +#menu-mobile ul li { + list-style: none; + margin-bottom: 2em; +} + +.currentPage { + padding: 12px; + font-size: 1.2em; +} + +.button { + padding: 12px; + background-color: rgb(227, 153, 59) /* rgb(249, 167, 63) */; + text-decoration: none; + + transition: background-color 0.08s linear 0s; + + margin-top: 1em; + margin-bottom: 1em; +} + +.button:hover { + background-color: rgb(225, 178, 117); +} + +footer { + font-size: 10pt; + text-decoration: italic; + color: #bbb; +} + +p { + line-height: 1.8em; +} + +.contentWarning { + color: black; + background-color: rgb(200, 77, 16); + padding: 4px 12px 4px 4px; + margin-top: 12px; + margin-bottom: 12px; + display: flex; + + background: linear-gradient(to top, rgb(238, 112, 0), rgb(255, 178, 30)); +} + +.contentWarning .content { + margin-top: 1em; +} + +.contentWarning img { + height: 64px; + margin: 12px; +} + +.contentWarning .cwReturnIndex { + /* padding: 8px; + background-color: rgb(255, 170, 37); + text-decoration: none; */ + font-weight: bold; + + /* transition: background-color 0.08s linear 0s; */ +} +/*.contentWarning .cwReturnIndex:hover { + background-color: rgb(223, 147, 28); +} +.contentWarning .cwReturnIndex:active { + background-color: rgb(204, 133, 22); +}*/ + + +@media screen and (max-width: 768px) { + #menu-default { + display: none; + } + #menu-mobile { + display: inherit; + } + main { + margin-left: 4%; + margin-right: 4%; + } +} + diff --git a/src/en/assets/luca0n_theme_light.css b/src/en/assets/luca0n_theme_light.css new file mode 100644 index 0000000..af93b1a --- /dev/null +++ b/src/en/assets/luca0n_theme_light.css @@ -0,0 +1,156 @@ +/* + * CSS for luca0N.com, version 3 + * Main style, light theme + * + * https://git.luca0n.com/luca0N-website.git/ + */ + +body { + margin: 0; + font-family: sans-serif; + + background-color: #ddd; + color: #333; +} + +header { + background: linear-gradient(to bottom, rgb(240, 140, 11), rgb(202, 114, 0)); + color: white; + padding: 16px 16% 16px 16%; + margin-bottom: 2em; + box-shadow: 0px 2px 8px #0005; + display: flex; +} + +#lang-selector { + text-align: end; +} +#lang-selector summary { + padding: 4px 8px 4px 8px; + background-color: #eca141; + margin-bottom: 1em; + cursor: pointer; + text-shadow: #0008 1px 1px 3px; + + transition: background-color 0.08s linear 0s; +} +#lang-selector summary:hover { + background-color: rgb(234, 182, 114); +} + +header h1 { + margin-bottom: 0; + text-shadow: 2px 2px 5px #0005; +} + +header h1::before { + content: url('luca0N.png'); + margin-right: 6px; +} + +#menu-mobile { + display: none; +} + +main { + margin-left: 16%; + margin-right: 16%; + max-width: 540px; +} + +ul { + /* text-align: center; */ + padding-left: 0; + margin: 0; +} + +header ul li { + margin-bottom: 1em; + margin-top: 1em; +} +#menu-default ul li { + display: inline-block; +} +#menu-mobile ul li { + list-style: none; + margin-bottom: 2em; +} + +.currentPage { + padding: 12px; + font-size: 1.2em; +} + +.button { + padding: 12px; + background-color: rgb(227, 153, 59) /* rgb(249, 167, 63) */; + text-decoration: none; + + transition: background-color 0.08s linear 0s; + + margin-top: 1em; + margin-bottom: 1em; +} + +.button:hover { + background-color: rgb(255, 219, 173) /*rgb(244, 190, 119)*/; +} + +footer { + font-size: 10pt; + text-decoration: italic; + color: #444; +} + +p { + line-height: 1.8em; +} + +.contentWarning { + color: rgb(202, 67, 15); + background-color: rgb(200, 77, 16); + padding: 4px 12px 4px 4px; + margin-top: 12px; + margin-bottom: 12px; + display: flex; + + background: linear-gradient(rgb(253, 215, 142), rgb(247, 185, 72)); +} + +.contentWarning .content { + margin-top: 1em; +} + +.contentWarning img { + height: 64px; + margin: 12px; +} + +.contentWarning .cwReturnIndex { + /* padding: 8px; + background-color: rgb(255, 170, 37); + text-decoration: none; */ + font-weight: bold; + + /* transition: background-color 0.08s linear 0s; */ +} +/*.contentWarning .cwReturnIndex:hover { + background-color: rgb(223, 147, 28); +} +.contentWarning .cwReturnIndex:active { + background-color: rgb(204, 133, 22); +}*/ + +@media screen and (max-width: 768px) { + #menu-default { + display: none; + } + #menu-mobile { + display: inherit; + } + main { + margin-left: 4%; + margin-right: 4%; + } +} + diff --git a/src/pt/__swg_template.html b/src/pt/__swg_template.html index 7190343..3c0ff0d 100644 --- a/src/pt/__swg_template.html +++ b/src/pt/__swg_template.html @@ -5,6 +5,9 @@ luca0N.com + + +