Compare commits

...

15 Commits

85 changed files with 61343 additions and 578 deletions

8
.idea/.gitignore vendored 100755
View File

@ -0,0 +1,8 @@
# Default ignored files
/shelf/
/workspace.xml
# Datasource local storage ignored files
/dataSources/
/dataSources.local.xml
# Editor-based HTTP Client requests
/httpRequests/

1
.idea/.name 100755
View File

@ -0,0 +1 @@
templateDetails.xml

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/simplepage.iml" filepath="$PROJECT_DIR$/.idea/simplepage.iml" />
</modules>
</component>
</project>

6
.idea/php.xml 100755
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="PhpProjectSharedConfiguration" php_language_level="7.4">
<option name="suggestChangeDefaultLanguageLevel" value="false" />
</component>
</project>

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

6
.idea/vcs.xml 100755
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

0
css/awesome/fontawesome.css vendored 100644 → 100755
View File

3
css/awesome/regular.css 100644 → 100755
View File

@ -8,7 +8,8 @@
font-weight: 400;
font-display: block;
src: url("../webfonts/fa-regular-400.eot");
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
}
.far {
font-family: 'Font Awesome 5 Free';

0
css/awesome/solid.css 100644 → 100755
View File

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,426 @@
/*!
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
direction: ltr /* rtl:ignore */;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,8 @@
/*!
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,423 @@
/*!
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
background-color: currentColor;
border: 0;
opacity: 0.25;
}
hr:not([size]) {
height: 1px;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-bs-original-title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-right: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-right: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.2em;
background-color: #fcf8e3;
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #0d6efd;
text-decoration: underline;
}
a:hover {
color: #0a58ca;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
direction: ltr ;
unicode-bidi: bidi-override;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: #d63384;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 0.875em;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
font-weight: 700;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: #6c757d;
text-align: right;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]::-webkit-calendar-picker-indicator {
display: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: right;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: calc(1.275rem + 0.3vw);
line-height: inherit;
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: right;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: textfield;
}
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::file-selector-button {
font: inherit;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,8 @@
/*!
* Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-right:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-right:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:right}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:right;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:right}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}[type=email],[type=number],[type=tel],[type=url]{direction:ltr}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.rtl.min.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

69
css/colors.css 100644 → 100755
View File

@ -1,24 +1,72 @@
:root {
--colPrimary: #E3000F;
--colSecondary: #980267;
--colTertiary: #B61C3E;
--colQuart: #00B4CC;
}
.bg-content, .blog-item, .item-page {
background-color: rgba( var(--bs-background-content-rgb), var(--bs-background-content-opacity) );
}
.bg-content.solid, .blog-item.solid, .item-page.solid {
background-color: var(--bs-background-content);
}
.bg-content .bg-content, .bg-content .blog-item, .bg-content .item-page {
background-color: unset;
}
.blog-item, .item-page {
padding: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.bg-header {
background-color: var(--bs-primary);
}
.bg-viewport {
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}
h1 {
color: var(--bs-h1);
}
h2, h3 {
color: var(--bs-primary);
}
#header {
background-color: var(--colTertiary);
/*
.top {
background-color: var(--colPrimary);
}
.background {
display: block;
position: absolute;
width: 100%;
height: 100%;
background-color: var(--colContentBackground);
z-index: -1;
opacity: 0.95;
}
#footers {
background-color: var(--colTertiary);
background-color: var(--colPrimary);
}
#footers .nav li.active a, #footers .nav a:hover {
margin-top: 2px;
border-top: 2px solid white;
border-bottom: none;
}
h1, h2, h3 {
h1 {
color: var(--colH1);
}
h2, h3 {
color: var(--colTertiary);
}
@ -30,4 +78,7 @@ a {
.muted {
color: #808080;
}
}
*/

12
css/defaults.css 100644 → 100755
View File

@ -1,3 +1,4 @@
/*
h2 {
margin: 0;
margin-top: 1.2em;
@ -8,7 +9,7 @@ p {
text-align: justify;
text-justify: auto;
}
*/
/*
a::before {
font-family: 'Font Awesome 5 Free';
@ -18,7 +19,7 @@ a::before {
padding-right: 2px;
}
*/
/*
div.blog {
width: 100%;
}
@ -28,7 +29,7 @@ div.blog {
}
.item-image, p>img {
padding: 8px;
margin: 8px;
}
.cols-2 {
@ -93,7 +94,7 @@ li[itemType="https://schema.org/Article"] > a::after {
content: '\f101';
color: var(--colSecondary);
}
*/
/*
@ -115,7 +116,7 @@ li[itemType="https://schema.org/Article"] > a {
/*****************************************************
Data Fields with Icons
*****************************************************/
/*
dd.create > .icon-calendar::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
@ -139,3 +140,4 @@ dd.createdby > span::before {
font-size: 1em;
}
*/

33
css/fonts.css 100644 → 100755
View File

@ -2,29 +2,14 @@
@import 'awesome/solid.css';
@import 'awesome/fontawesome.css';
.body {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
}
h1 {
font-size: 180%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 110%;
}
.nav {
font-size: 100%;
color: white;
}
.nav a {
color: white;
@font-face {
font-family: 'Quicksand';
font-style: normal;
text-decoration: none;
/*font-weight: 400;*/
font-display: block;
src: url("../fonts/quicksand-variable.ttf") format('truetype');
}
:root {
--bs-body-font-family: 'Quicksand';
}

682
css/layout.css 100644 → 100755
View File

@ -1,11 +1,12 @@
:root {
--rspDesktopWidth: 1300px;
--rspTabletWidth: 900px;
--gutterMinWidth: 30px;
/*--rspDesktopWidth: 1300px;*/
/*--rspTabletWidth: 900px;*/
/*--gutterMinWidth: 30px;*/
--contentWidth: calc(var(--rspDesktopWidth) - (2 * var(--gutterMinWidth)));
/*--contentWidth: calc(var(--rspDesktopWidth) - (2 * var(--gutterMinWidth)));*/
}
/*
body {
position: absolute;
top: 0px;
@ -16,312 +17,447 @@ body {
margin: 0;
padding: 0;
}
.collapse {
border-collapse: collapse;
}
#above, #header, main {
display: block;
height: 60px;
}
#above > .wrapper, #header > .wrapper, main > .wrapper, #footers > .wrapper, footer > .wrapper {
*/
/*
.visually-hidden {
display: none;
}
[role="tooltip"] {
display: none;
}
*/
/*
#above > .wrapper, main > .wrapper, #footers > .wrapper, footer > .wrapper {
display: block;
position: relative;
margin: auto;
width: var(--contentWidth);
}
*/
/*
#header > .wrapper, #footers > .wrapper {
display: flex;
}
div.site-logo {
display: block;
height: 60px;
float: left;
padding: 0 5px;
background-color: white;
box-sizing: border-box;
order: 2;
}
img.site-logo {
display: inline-block;
position: relative;
width: 60px;
height: 60px;
}
/****************************************************
Vertical Distribution
****************************************************/
.body {
/* display: flex;
flex-direction: column;
flex-wrap: nowrap;*/
width: 100%;
}
.body > section, .body > header, .body > main, .body > footer {
flex-shrink: 0;
flex-grow: 0;
}
.body > main {
flex-grow: 1;
flex-basis: auto;
}
/****************************************************
Header
****************************************************/
#header {
width: 100%;
z-index: 1;
}
#header.sticky {
position: sticky;
top: 0px;
}
#topleft, #topright {
flex-grow: 1;
}
#topleft {
padding-right: 30px;
order: 1;
}
#topright {
padding-left: 30px;
order: 3;
height: 60px;
}
#above, #topright {
position: relative;
display: block;
}
/****************************************************
Component Area
****************************************************/
main {
display: block;
position: relative;
height: min-content;
}
main > .wrapper {
display: flex;
}
#left {
display: block;
position: relative;
float: left;
width: 25%;
order: 1;
padding-right: 40px;
}
#right {
display: block;
position: relative;
float: right;
width: 25%;
order: 3;
padding-left: 40px;
}
#left, #right {
width: 25%;
box-sizing: content-box;
flex-shrink: 0;
flex-grow: 0;
}
#component {
order: 2;
padding-bottom: 80px;
flex-grow: 1;
}
/****************************************************/
/****************************************************
Footer Area
****************************************************/
#footers {
display: block;
height: 40px;
.body.background {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
z-index: -100;
top: 0px;
min-width: 100%;
min-height: 100%;
background-size: cover;
background-repeat: no-repeat;
filter: opacity(25%);
}
*/
/*!*****************************************************/
/* Vertical Distribution*/
/*****************************************************!*/
/*.body {*/
/* position: relative;*/
/* width: 100%;*/
/*}*/
/*.body > section, .body > header, .body > main, .body > footer {*/
/* flex-shrink: 0;*/
/* flex-grow: 0;*/
/*}*/
/*.body > main {*/
/* flex-grow: 1;*/
/* flex-basis: auto;*/
/*}*/
/*!*****************************************************/
/* Header*/
/*****************************************************!*/
/*#header {*/
/* width: 100%;*/
/* z-index: 1;*/
/*}*/
/*#header.sticky {*/
/* position: sticky;*/
/* top: 0px;*/
/*}*/
/*.top {*/
/* height: 60px;*/
/*}*/
/*.top.left, .top.right {*/
/* flex-grow: 1;*/
/*}*/
/*.top.left {*/
/* padding-right: 30px;*/
/* order: 1;*/
/*}*/
/*.top.right {*/
/* padding-left: 30px;*/
/* order: 3;*/
/*}*/
/*.top.wrapper {*/
/* order: 2;*/
/* width: var(--contentWidth);*/
/* height: 60px;*/
/* background-color: unset;*/
/* display: flex;*/
/* flex-direction: row;*/
/*}*/
/*#top {*/
/* order: 2;*/
/* flex-grow: 1;*/
/*}*/
/*.top.logo {*/
/* display: block;*/
/* float: left;*/
/* padding: 0 5px;*/
/* box-sizing: border-box;*/
/* order: 1;*/
/* flex-grow: 0;*/
/*}*/
/*img.logo {*/
/* display: inline-block;*/
/* position: relative;*/
/* width: 60px;*/
/* height: 60px;*/
/*}*/
/*#above {*/
/* position: relative;*/
/* display: block;*/
/*}*/
/*!*****************************************************/
/* Component Area*/
/*****************************************************!*/
/*#content {*/
/* position: relative;*/
/* margin: 0px 24px;*/
/*}*/
/*main {*/
/* display: block;*/
/* position: relative;*/
/* height: min-content;*/
/* padding: 0px 24px;*/
/*}*/
/*.main {*/
/* display: flex;*/
/* flex-direction: row;*/
/*}*/
/*.main > .left {*/
/* order: 1;*/
/* flex-grow: 1;*/
/*}*/
/*.main > .right {*/
/* order: 3;*/
/* flex-grow: 1;*/
/*}*/
/*.main > section {*/
/* display: block;*/
/* order: 2;*/
/* flex-grow: 0;*/
/* width: var(--contentWidth);*/
/*}*/
#footers .nav a {
display: block;
float: left;
box-sizing: border-box;
/*#left {*/
/* display: block;*/
/* position: relative;*/
/* float: left;*/
line-height: 30px;
padding: 0;
/* width: 25%;*/
margin-top: 4px;
/* order: 1;*/
/* padding-right: 40px;*/
/*}*/
text-transform: uppercase;
border-bottom: none;
}
/*#right {*/
/* display: block;*/
/* position: relative;*/
/* float: right;*/
#footers .nav li.active a, #footers .nav a:hover {
margin-top: 2px;
border-bottom: none;
}
/* width: 25%;*/
/* order: 3;*/
/* padding-left: 40px;*/
/*}*/
/*#left, #right {*/
/* width: 25%;*/
/* box-sizing: content-box;*/
/* flex-shrink: 0;*/
/* flex-grow: 0;*/
/*}*/
/*#component {*/
/* order: 2;*/
/* padding-bottom: 80px;*/
/* flex-grow: 1;*/
/*}*/
/*!****************************************************!*/
/*!*****************************************************/
/* Footer Area*/
/*****************************************************!*/
/*#footer > .wrapper {*/
/* margin: auto;*/
/* border-top: 1px solid var(--colPrimary);*/
/* width: var(--contentWidth);*/
/* padding: 8px 0px;*/
/*}*/
#footers > .wrapper > section {
flex-grow: 1;
}
/*#footers {*/
/* display: block;*/
/* height: 40px;*/
#footer-4 > .wrapper {
position: absolute;
right: 0px;
}
/* position: fixed;*/
/* bottom: 0px;*/
/* left: 0px;*/
/* right: 0px;*/
/*}*/
/****************************************************/
/*#footers .nav a {*/
/* display: block;*/
/* float: left;*/
/* box-sizing: border-box;*/
/* line-height: 30px;*/
/* padding: 0;*/
/* margin-top: 4px;*/
/* text-transform: uppercase;*/
/* */
/* border-bottom: none;*/
/*}*/
/*#footers .nav li.active a, #footers .nav a:hover {*/
/* margin-top: 2px;*/
/* border-bottom: none;*/
/*}*/
/*#footers > .wrapper > section {*/
/* flex-grow: 1;*/
/*}*/
/*#footer-4 > .wrapper {*/
/* position: absolute;*/
/* right: 0px;*/
/*}*/
/*!****************************************************!*/
/*!*****************************************************/
/* Breadcrumbs*/
/*****************************************************!*/
/*#breadcrumbs {*/
/* font-size: 1.2em;*/
/* padding: 0px 24px;*/
/* border-bottom: 1px solid var(--colSecondary);*/
/*}*/
/*.icon-location::after {*/
/* display: inline-block;*/
/*}*/
/*ol.breadcrumb, .breadcrumb li {*/
/* list-style: none;*/
/* display: inline-block;*/
/* padding: unset;*/
/*}*/
/*.breadcrumb-item::after {*/
/* display: inline-block;*/
/* content: '>';*/
/* color: var(--colTertiary);*/
/*}*/
/*.breadcrumb-item.active::after {*/
/* display: none;*/
/*}*/
/*!*****************************************************/
/* Navigation*/
/*****************************************************!*/
/*.navbar-toggler {*/
/* display: none;*/
/*}*/
/*.burger-menu, .sub-menu {*/
/* display: none;*/
/* -webkit-appearance: none;*/
/* -moz-appearance: none;*/
/* appearance: none;*/
/* box-sizing: border-box;*/
/* margin: 0;*/
/* line-height: 55px;*/
/* height: 60px;*/
/* float: right;*/
/* */
/*}*/
/*.burger-menu:focus, .sub-menu:focus {*/
/* outline: none;*/
/*}*/
/*.nav, .mod-menu__sub {*/
/* display: block;*/
/* list-style: none;*/
/* box-sizing: border-box;*/
/* margin: 0;*/
/* padding-left: 0px;*/
/*}*/
/*.nav > li, .mod-menu__sub > li {*/
/* display: block;*/
/* position: relative;*/
/* list-style-type: none;*/
/* text-align: unset;*/
/* float: left;*/
/*}*/
/*.nav > li {*/
/* margin: 0px 15px;*/
/*}*/
/*.mod-menu__sub {*/
/* visibility: hidden;*/
/* position: absolute;*/
/* top: 100%;*/
/* width: fit-content;*/
/* padding: 20px;*/
/* background-color: #404040;*/
/* transition-delay: 100ms;*/
/* transition-duration: 200ms;*/
/* transition-property: opacity;*/
/* opacity: 0;*/
/*}*/
/*.mod-menu__sub > li {*/
/* display: block;*/
/* clear: both;*/
/*}*/
/*.parent:hover > .mod-menu__sub {*/
/* visibility: visible;*/
/* opacity: 1;*/
/*}*/
/*.nav li > a, .nav li > span {*/
/* position: relative;*/
/* display: block;*/
/* float: left;*/
/* line-height: 55px;*/
/* padding: 0;*/
/* text-transform: uppercase;*/
/* white-space: nowrap;*/
/* border-bottom: 2px solid transparent;*/
/*}*/
/*.mod-menu__sub > li > a {*/
/* line-height: 2em;*/
/* border-bottom: 1px solid transparent;*/
/*}*/
/*.nav > li:hover > a, .nav > li.active > a, .nav > li:hover > span, .nav > li.active > span {*/
/* border-bottom: 2px solid white;*/
/*}*/
/*.mod-menu__sub > li:hover > a, .mod-menu__sub > li.active > a {*/
/* border-bottom: 1px solid white;*/
/*}*/
/*.parent > a::after, .sub-menu::after, .parent > span::after {*/
/* font-family: 'Font Awesome 5 Free';*/
/* font-weight: 900;*/
/* content: '\f0d7';*/
/* line-height: 55px;*/
/* padding-left: 8px;*/
/*}*/
/*!*****************************************************/
/* Content*/
/*****************************************************!*/
/*.blog-items {*/
/* display: grid;*/
/* grid-template-columns: repeat(1, 1fr);*/
/* grid-gap: 24px;*/
/* grid-auto-rows: minmax(140px, auto);*/
/*}*/
/*.blog-items.columns-2 {*/
/* grid-template-columns: repeat(2, 1fr);*/
/*}*/
/****************************************************
Navigation
****************************************************/
.burger-menu, .sub-menu {
display: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
margin: 0;
line-height: 55px;
height: 60px;
float: right;
}
.burger-menu:focus, .sub-menu:focus {
outline: none;
}
.nav, .nav-child {
display: block;
list-style: none;
box-sizing: border-box;
margin: 0;
padding-left: 0px;
}
.nav > li, .nav-child > li {
display: block;
position: relative;
list-style-type: none;
text-align: unset;
float: left;
}
.nav > li {
margin: 0px 15px;
}
.nav-child {
visibility: hidden;
position: absolute;
top: 100%;
width: fit-content;
padding: 20px;
background-color: #404040;
transition-delay: 100ms;
transition-duration: 200ms;
transition-property: opacity;
opacity: 0;
}
.nav-child > li {
display: block;
clear: both;
}
.parent:hover > .nav-child {
visibility: visible;
opacity: 1;
}
.nav li > a {
position: relative;
display: block;
float: left;
line-height: 55px;
padding: 0;
text-transform: uppercase;
white-space: nowrap;
border-bottom: 2px solid transparent;
}
.nav-child > li > a {
line-height: 2em;
border-bottom: 1px solid transparent;
}
.nav > li:hover > a, .nav > li.active > a {
border-bottom: 2px solid white;
}
.nav-child > li:hover > a, .nav-child > li.active > a {
border-bottom: 1px solid white;
}
.parent > a::after, .sub-menu::after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f0d7';
line-height: 55px;
padding-left: 8px;
}
/*.blog-item {*/
/* position: relative;*/
/* display: block;*/
/* clear: both;*/
/* margin-bottom: 24px;*/
/*}*/
/*.item-image {*/
/* display: block;*/
/* margin: 3em 12px;*/
/* top: 1.5em;*/
/*}*/
/*.item-image.left {*/
/* float: left;*/
/*}*/
/*.item-image.right {*/
/* float: right;*/
/*}*/

View File

@ -1,201 +0,0 @@
:root {
--contentWidth: 100%;
}
/****************************************************
Header Area
****************************************************/
/****************************************************
Component Area
****************************************************/
main > .wrapper {
display: block;
}
#component, #left, #right {
padding: 0 20px;
}
#component {
order: 1;
}
#left {
order: 2;
}
#right {
order: 3;
}
#left, #right {
float: none;
width: unset;
}
#component:not(:last-child), #left:not(:last-child), #right:not(:last-child) {
border-bottom: 1px solid #C0C0C0;
}
main > .wrapper > :last-child {
margin-bottom: 80px;
}
/****************************************************
Navigation
****************************************************/
.burger-menu, .sub-menu {
display: inline-block;
line-height: 55px;
height: 60px;
text-align: right;
appearance: none;
}
.burger-menu::after {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 32px;
content: '\f0c9';
padding-right: 12px;
}
.burger-menu, .sub-menu {
color: white;
}
.burger-menu:checked, .sub-menu:checked {
color: black;
}
.sub-menu::after {
padding-right: 12px;
font-size: 20px;
}
.burger-menu + .nav {
display: none;
}
.burger-menu:checked + .nav {
display: grid;
position: fixed;
top: 62px;
left: 0px;
right: 0px;
background-color: darkgray;
grid-template-rows: auto;
box-sizing: border-box;
border: 1px solid gray;
}
.nav li {
position: static;
display: grid;
grid-template-columns: auto;
grid-template-rows: auto auto;
padding: 0px;
overflow: hidden;
}
#header .nav > li {
margin: 0px;
border-bottom: 1px solid gray;
}
#header .nav-child > li {
border-bottom: 1px solid #404040;
}
.nav li.parent {
grid-template-columns: auto 40px;
grid-template-rows: auto auto;
}
#header .nav > li, .nav-child > li {
text-decoration: none;
box-sizing: border-box;
margin: 0px;
/*padding: 0px 20px;*/
width: 100%;
float: none;
line-height: 55px;
}
.nav-child > li > a {
line-height: 55px;
}
.nav > li > a::after {
text-align: right;
float: right;
}
#header .nav li:hover > a {
border-bottom: none;
}
#header .nav li.active > a {
text-decoration: underline;
border-bottom: none;
}
#header .nav li.parent > a::after {
display: none;
content: '';
}
#header .nav li > .sub-menu:checked~ul {
display: grid;
grid-template-rows: auto;
}
.nav li > a {
position: static;
padding: 0px 20px;
}
.parent > .nav-child {
display: none;
position: static;
width: unset;
background-color: gray;
list-style-type: none;
padding-inline-start: 0px;
border-top: 1px solid gray;
visibility: visible;
opacity: 1;
padding: 0px;
grid-column: 1 / 3;
}
.parent:hover > .nav-child {
visibility: unset;
}
/****************************************************
Content
****************************************************/
.cols-2 {
display: block;
grid-template-columns: unset;
column-gap: unset;
}
div.blog > div {
border-bottom: 1px solid #C0C0C0;
}

0
css/tablet.css 100644 → 100755
View File

0
fonts/awesome/fa-brands-400.eot 100644 → 100755
View File

0
fonts/awesome/fa-brands-400.svg 100644 → 100755
View File

Before

Width:  |  Height:  |  Size: 713 KiB

After

Width:  |  Height:  |  Size: 713 KiB

0
fonts/awesome/fa-brands-400.ttf 100644 → 100755
View File

0
fonts/awesome/fa-brands-400.woff 100644 → 100755
View File

0
fonts/awesome/fa-brands-400.woff2 100644 → 100755
View File

0
fonts/awesome/fa-regular-400.eot 100644 → 100755
View File

0
fonts/awesome/fa-regular-400.svg 100644 → 100755
View File

Before

Width:  |  Height:  |  Size: 141 KiB

After

Width:  |  Height:  |  Size: 141 KiB

0
fonts/awesome/fa-regular-400.ttf 100644 → 100755
View File

0
fonts/awesome/fa-regular-400.woff 100644 → 100755
View File

View File

0
fonts/awesome/fa-solid-900.eot 100644 → 100755
View File

0
fonts/awesome/fa-solid-900.svg 100644 → 100755
View File

Before

Width:  |  Height:  |  Size: 893 KiB

After

Width:  |  Height:  |  Size: 893 KiB

0
fonts/awesome/fa-solid-900.ttf 100644 → 100755
View File

0
fonts/awesome/fa-solid-900.woff 100644 → 100755
View File

0
fonts/awesome/fa-solid-900.woff2 100644 → 100755
View File

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,107 @@
<?php
/**
* @package Joomla.Site
* @subpackage mod_menu
*
* @copyright (C) 2021 Open Source Matters, Inc. <https://www.joomla.org>
* @license GNU General Public License version 2 or later; see LICENSE.txt
*/
defined('_JEXEC') or die;
use Joomla\CMS\Helper\ModuleHelper;
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
if (!defined('__LNDROPDOWN')){
define('__LNDROPDOWN','');
function menu_item($item, $endlevel)
{
$attributes = array();
$hasChildren = $item->hasChildren() && ($item->level < $endlevel);
$hasParent = $item->hasParent();
$isHeading = $item->type == 'heading';
$li_classes = "ln-nav-item pe-pointer px-1 mx-2";
if ($item->browserNav == 1)
{
$attributes['target'] = '_blank';
$attributes['rel'] = 'noopener noreferrer';
if ($item->anchor_rel == 'nofollow')
{
$attributes['rel'] .= ' nofollow';
}
}
elseif ($item->browserNav == 2)
{
$options = 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,' . $params->get('window_open');
$attributes['onclick'] = "window.open(this.href, 'targetWindow', '" . $options . "'); return false;";
}
?><li class="<?=$li_classes;?>">
<?php
if (!$isHeading)
{
?><a href="<?=$item->flink;?>"<?php
foreach ($attributes as $n => $v)
{
echo ' ' . $n . '="' . $v . '"';
}
?>><?=$item->title;?></a><?php
}
if ($hasChildren)
{
?><input type="checkbox" id="lnm-cb-<?=$item->id;?>" class="ln-toggle"><label for="lnm-cb-<?=$item->id;?>" class="ln-toggler">
<?php if ($isHeading): ?><span class="ln-nav-item pe-pointer"><?=$item->title;?></span><?php endif; ?><span class="bi-caret-down pe-pointer" aria-hidden="true"></span>
</label>
<div class="ln-toggled ln-dropdown" id="">
<ul class="ln-nav"><?php
foreach ($item->getChildren() as $i => &$item)
{
menu_item($item, $endlevel);
}
unset($item);
?></ul>
</div>
<?php
}
?></li><?php
}
function menu($id, $items, $endlevel)
{
?>
<div class="ln-navbar ln-collapse">
<input type="checkbox" id="lnm-cb-<?=$id;?>" class="ln-toggle">
<label for="lnm-cb-<?=$id;?>" class="ln-toggler">
<span class="bi-list pe-pointer fs-2r5" aria-hidden="true"></span>
</label>
<div class="ln-toggled" id="">
<ul class="ln-nav"><?php
foreach ($items as $i => &$item)
{
menu_item($item, $endlevel);
}
unset($item);
?></ul>
</div>
</div>
<?php
}
}
$items = array();
foreach ($list as $i => &$item) {
if ($item->level == $params['startLevel']) {
array_push($items, $item);
}
}
unset($item);
menu('m'.$module->id, $items, $params['endLevel']);
?>

149
index.php 100644 → 100755
View File

@ -1,5 +1,15 @@
<?php defined( '_JEXEC' ) or die;?>
<?php $app = Jfactory::getApplication();
<?php
include_once "tools.php";
use Joomla\CMS\HTML\HTMLHelper;
use Joomla\CMS\Language\Text;
JHtml::_('bootstrap.framework');
JHtml::_('bootstrap.loadCss', true);
$app = Jfactory::getApplication();
$template = $app->getTemplate(true);
$params = $template->params;
@ -10,11 +20,13 @@ if (! $sitelogo){
$sitelogo = $this->baseurl . "/templates/" . $this->template . "images/site-logo.png";
};
$sitebackground = $params->get('site-background');
$cntAbove = $this->countModules("above");
$cntTop = $this->countModules("top");
$cntTopLeft = $this->countModules("topleft");
$cntBreadCrumb = $this->countModules("breadcrumb");
$cntTopLeft = $this->countModules("topright");
$cntBreadCrumb = $this->countModules("breadcrumbs");
$cntMessage = $this->countModules("message");
$cntLeft = $this->countModules("left");
$cntRight= $this->countModules("right");
@ -24,13 +36,16 @@ $cntFooter3 = $this->countModules("footer-3");
$cntFooter4 = $this->countModules("footer-4");
$cntFooter = $this->countModules("footer");
$this->addStyleSheet($tmplBase . '/css/bootstrap/bootstrap-icons.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/css/colors.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/css/fonts.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/css/defaults.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/css/layout.css', array('version' => 'auto'));
$this->addStyleSheet($tmplBase . '/template.css', array('version' => 'auto'));
//$this->addScript($tmplBase . "/js/bootstrap.bundle.js");
$this->addScript($tmplBase . "/js/template.js");
@ -38,73 +53,103 @@ $rspDesktopWidth = $params->get('rspDesktopWidth');
$rspTabletWidth = $params->get('rspTabletWidth');
$rspGutterWidth = $params->get('rspGutterWidth');
$this->addStyleDeclaration('@import "' . $tmplBase . '/css/tablet.css' . '" screen and (min-width: '. $rspTabletWidth .') and (max-width: '. $rspDesktopWidth .');');
$this->addStyleDeclaration('@import "' . $tmplBase . '/css/mobile.css' . '" screen and (max-width: '. $rspTabletWidth .');');
//$this->addStyleDeclaration('@import "' . $tmplBase . '/css/tablet.css' . '" screen and (min-width: '. $rspTabletWidth .') and (max-width: '. $rspDesktopWidth .');');
//$this->addStyleDeclaration('@import "' . $tmplBase . '/css/mobile.css' . '" screen and (max-width: '. $rspTabletWidth .');');
$this->addStyleDeclaration(':root {
--rspDesktopWidth: ' . $rspDesktopWidth . ';
--rspTabletWidth: ' . $rspTabletWidth . ';
--gutterMinWidth: ' . $rspGutterWidth . ';
--colPrimary: ' . $params->get('colorPrimary') . ';
--colSecondary: ' . $params->get('colorSecondary') . ';
--colTertiary: ' . $params->get('colorTertiary') . ';
--colQuart: ' . $params->get('colorQuart') . ';
--colH1: ' . $params->get('colorH1') . ';
--bs-primary: ' . $params->get('colorPrimary') . ';
--bs-secondary: ' . $params->get('colorSecondary') . ';
--bs-tertiary: ' . $params->get('colorTertiary') . ';
--bs-background: ' . $params->get('colorBackground') . ';
--bs-background-content: ' . $params->get('colorContentBackground') . ';
--bs-background-content-rgb: ' . hex2rgb($params->get('colorContentBackground')) . ';
--bs-background-content-opacity: ' .$params->get('colorContentBackgroundOpacity') . ';
--bs-h1: ' . $params->get('colorH1') . ';
}');
JHtml::_('behavior.caption');
if (!$params->get('solidTopSides')) {
$this->addStyleDeclaration('.top.left, .top.right {
background-color: unset !important;
}
');
};
if (!$params->get('solidTopLogo')) {
$this->addStyleDeclaration('.top.logo {
background-color: unset !important;
}
');
};
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
<head>
<jdoc:include type="head" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript">
jQuery(window).on('scroll', function() {
sptScroll();
});
jQuery(window).on('load', function() {
sptLoad();
});
</script>
</head>
<body>
<div class="body" id="top">
<?php if ($cntAbove): ?><section id="above"><div class="wrapper">
<jdoc:include type="modules" name="above" style="html5" /></div>
</section><?php endif; ?>
<header id="header" class="sticky"><div class="wrapper">
<?php if ($cntTopLeft): ?><div id="topleft"><jdoc:include type="modules" name="topleft" style="html5" /></div><?php endif; ?>
<?php if ($sitelogo): ?><div id="site-logo" class="site-logo">
<img class="site-logo" src="<?php echo $sitelogo;?>">
</div><?php endif; ?>
<?php if ($cntTop): ?><div id="topright"><jdoc:include type="modules" name="top" style="html5" /></div><?php endif; ?>
</div></header>
<?php if ($cntBreadCrumb): ?><section id="breadcrumb">
<jdoc:include type="modules" name="breadcrumb" style="html5" />
</section><?php endif; ?>
<?php if ($cntMessage): ?><section id="message">
<jdoc:include type="modules" name="message" style="html5" />
</section><?php endif; ?>
<main><div class="wrapper">
<section id="component">
<jdoc:include type="component" />
</section>
<?php if ($cntLeft): ?><section id="left"><jdoc:include type="modules" name="left" style="html5" /></section><?php endif;?>
<?php if ($cntRight): ?><section id="right"><jdoc:include type="modules" name="right" style="html5" /></section><?php endif;?>
</div></main>
<?php if ($cntFooter1 || $cntFooter2 || $cntFooter3 || $cntFooter4): ?>
<section id="footers">
<div class="wrapper">
<?php if ($cntFooter1): ?><section id="footer-1"><div class="wrapper"><jdoc:include type="modules" name="footer-1" style="html5" /></div></section><?php endif; ?>
<?php if ($cntFooter2): ?><section id="footer-2"><div class="wrapper"><jdoc:include type="modules" name="footer-2" style="html5" /></div></section><?php endif; ?>
<?php if ($cntFooter3): ?><section id="footer-3"><div class="wrapper"><jdoc:include type="modules" name="footer-3" style="html5" /></div></section><?php endif; ?>
<?php if ($cntFooter4): ?><section id="footer-4"><div class="wrapper"><jdoc:include type="modules" name="footer-4" style="html5" /></div></section><?php endif; ?>
<body class="bg-viewport" style="background-color: var(--bs-background); <?php if ($sitebackground): ?>background-image: url(<?php echo $this->baseurl.'/'.$sitebackground; ?>);<?php endif; ?>">
<?php if ($cntAbove): ?><section id="above" class="container">
<jdoc:include type="modules" name="above" style="html5" />
</section><?php endif; ?>
<header id="header" class="container-fluid sticky-top px-0 mb-2">
<!--div class="" id="topleft"><jdoc:include type="modules" name="topleft" style="html5" /></div-->
<div class="container bg-header clearfix align-middle">
<?php if ($sitelogo): ?><a class="float-start" href="/"><img class="m-1" src="<?php echo $sitelogo;?>" style="<?php if ($params->get('site-logo-x')) echo 'width: '.$params->get('site-logo-x') . '; '; ?><?php if ($params->get('site-logo-y')) echo 'height: '.$params->get('site-logo-y') . '; '; ?>"></a><?php endif; ?>
<jdoc:include type="modules" name="top" style="html5" />
<!--div class="container" id="top"></div-->
</div>
<!--div class="" id="topright"><jdoc:include type="modules" name="topright" style="html5" /></div-->
<?php if ($cntBreadCrumb): ?><section id="breadcrumbs" class="container bg-content solid">
<jdoc:include type="modules" name="breadcrumbs" style="html5" />
</section><?php endif; ?>
</header>
<section class="main">
<aside class="side left">
<jdoc:include type="modules" name="sideleft" style="html5" />
</aside>
<section id="content" class="container <?php if ($params->get('solidContentBackground')) { echo 'bg-content '; } ?>py-3 mb-5">
<?php if ($cntMessage): ?><section id="message">
<jdoc:include type="modules" name="message" style="html5" />
</section><?php endif; ?>
<main class="d-flex flex-column d-lg-block">
<?php if ($cntLeft): ?><section id="left" class="float-lg-start float-none bg-content p-2 border-1 w-100 w-lg-25 order-2"><jdoc:include type="modules" name="left" style="html5" /></section><?php endif;?>
<?php if ($cntRight): ?><section id="right" class="float-lg-end float-none bg-content p-2 border-1 w-100 w-lg-25 order-3"><jdoc:include type="modules" name="right" style="html5" /></section><?php endif;?>
<section id="component" class="clearfix order-1">
<jdoc:include type="component" />
</section>
</main>
</section>
<?php endif; ?>
<section id="filler" class="spacer"></section>
<aside class="side right">
<jdoc:include type="modules" name="sideright" style="html5" />
</aside>
</section>
<?php if ($cntFooter): ?>
<footer id="footer">
<footer id="footer" class="fixed-bottom" style="background-color: var(--bs-background);">
<div class="container-fluid">
<jdoc:include type="modules" name="footer" style="html5" />
</footer>
</div>
</footer>
<?php endif; ?>
</div>
<!--script src="<?php echo $tmplBase . "/js/bootstrap.bundle.js"; ?>"></script-->
</body>
</html>

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

7
js/bootstrap.bundle.min.js vendored 100755

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

4967
js/bootstrap.esm.js 100755

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

7
js/bootstrap.esm.min.js vendored 100755

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

5016
js/bootstrap.js 100755

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

7
js/bootstrap.min.js vendored 100755

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

0
js/template.js 100644 → 100755
View File

View File

@ -0,0 +1,5 @@
TPL_SITE_LOGO="Logo der Webseite"
TPL_SITE_BACKGROUND="Hintergrundbild der Webseite"
TPL_COLOR_CONTENT_BACKGROUND="Hintergrundfarbe des Inhaltsbereichs"

182
template.css 100644 → 100755
View File

@ -1,2 +1,184 @@
:root {
}
.spacer {
display: block;
padding-bottom: 3rem;
}
.fs-2r {
font-size: 2rem;
}
.fs-2r5 {
font-size: 2.5rem;
}
.ln-navbar {
line-height: 3rem;
font-size: 1.2rem;
}
.ln-navbar > .ln-toggler {
float: right;
}
.ln-nav {
list-style: none;
display: flex;
flex-direction: column;
padding: unset;
position: relative;
}
.ln-dropdown > .ln-nav {
flex-direction: column;
}
.ln-collapse {
/* position: relative;*/
}
.ln-collapse > .ln-toggled {
position: relative;
width: 100%;
}
.ln-nav-item {
position: relative;
color: var(--bs-tertiary);
cursor: pointer;
margin-top: 0.3em;
padding-top: unset;
padding-bottom: unset;
white-space: nowrap;
}
.ln-nav-item a {
text-decoration: none;
}
.ln-nav-item a:visited, .ln-nav-item a:hover {
color: var(--bs-tertiary);
}
.dropdown-form {
min-width: 40vw;
padding: 1em;
}
.columns-2, .columns-3, .columns-4 {
display: flex;
flex-direction: column;
}
.pe-pointer {
cursor: pointer;
}
.ln-toggle {
display: none;
}
.ln-toggle ~ .ln-toggled {
display: none;
}
.ln-toggle:checked ~ .ln-toggled {
display: inline-block;
z-index: 1020;
}
.ln-toggle:checked {
display: block;
opacity: 0%;
position: fixed;
z-index: 1010;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.ln-dropdown {
position: absolute;
z-index: 1020;
left: 0px;
top: 100%;
border: 1px solid black;
background-color: var(--bs-background-content);
line-height: 2rem;
font-size: 1rem;
}
.mod_events_latest_date {
vertical-align: baseline !important;
}
@media (min-width: 992px){
.columns-2 {
display: grid;
grid-gap: 1em;
grid-template-columns: repeat(2, 1fr);
}
.columns-3 {
display: grid;
grid-gap: 1em;
grid-template-columns: repeat(3, 1fr);
}
.columns-4 {
display: grid;
grid-gap: 1em;
grid-template-columns: repeat(4, 1fr);
}
.w-lg-25 {
width: 25% !important;;
}
.w-lg-50 {
width: 50% !important;;
}
.w-lg-75 {
width: 75% !important;;
}
.w-lg-100 {
width: 100% !important;
}
.mw-lg-25 {
min-width: 25% !important;;
}
.mw-lg-50 {
min-width: 50% !important;;
}
.mw-lg-75 {
min-width: 75% !important;;
}
.mw-lg-100 {
min-width: 100% !important;;
}
.ln-collapse > .ln-toggler {
display: none;
}
.ln-collapse > .ln-toggled {
display: inline-block;
width: unset;
}
.ln-nav {
flex-direction: row;
}
}

48
templateDetails.xml 100644 → 100755
View File

@ -17,33 +17,55 @@
<folder>css</folder>
<folder>js</folder>
<folder>fonts</folder>
<folder>language</folder>
</files>
<positions>
<position>above</position>
<position>top</position>
<position>topleft</position>
<position>search</position>
<position>topright</position>
<position>breadcrumbs</position>
<position>left</position>
<position>right</position>
<position>sideleft</position>
<position>sideright</position>
<position>breadcrumb</position>
<position>left</position>
<position>right</position>
<position>footer-1</position>
<position>footer-2</position>
<position>footer-3</position>
<position>footer-4</position>
<position>footer</position>
</positions>
<config>
<fields name="params">
<fieldset name="advanced">
<field name="rspTabletWidth" type="text" default="900px"/>
<field name="rspDesktopWidth" type="text" default="1200px"/>
<field name="rspGutterWidth" type="text" default="30px"/>
<field name="rspTabletWidth" label="TPL_TABLET_WIDTH" type="text" default="900px"/>
<field name="rspDesktopWidth" label="TPL_DESKTOP_WIDTH" type="text" default="1200px"/>
<field name="rspGutterWidth" label="TPL_GUTTER_WIDTH" type="text" default="30px"/>
</fieldset>
<fieldset name="advanced">
<field name="site-logo" type="media" default=""/>
<field name="site-logo" label="TPL_SITE_LOGO" type="media" default=""/>
<field name="site-logo-x" label="TPL_SITE_LOGO_X" type="text" default=""/>
<field name="site-logo-y" label="TPL_SITE_LOGO_Y" type="text" default=""/>
<field name="site-background" label="TPL_SITE_BACKGROUND" type="media" default=""/>
</fieldset>
<fieldset name="colors">
<field name="colorBackground" label="TPL_COLOR_BACKGROUND" type="color" default="#FFFFFF" />
<field name="colorContentBackground" label="TPL_COLOR_CONTENT_BACKGROUND" type="color" default="#FFFFFF" />
<field name="colorContentBackgroundOpacity" label="TPL_COLOR_CONTENT_BACKGROUND_OPACITY" type="float" default="1.0" min="0" max="1"/>
<field name="colorPrimary" label="TPL_COLOR_PRIMARY" type="color" default="#00d5ff" />
<field name="colorSecondary" label="TPL_COLOR_SECONDARY" type="color" default="#ffe100" />
<field name="colorTertiary" label="TPL_COLOR_TERTIARY" type="color" default="#11ff00" />
<field name="colorQuart" label="TPL_COLOR_QUART" type="color" default="#e635a5" />
<field name="colorH1" label="TPL_COLOR_H1" type="color" default="#000000" />
</fieldset>
<fieldset name="layout">
<field name="solidTopSides" label="TPL_SOLID_BG_TOP_SIDES" type="checkbox" default="true" />
<field name="solidTopLogo" label="TPL_SOLID_BG_TOP_LOGO" type="checkbox" default="true" />
<field name="solidContentBackground" label="TPL_SOLID_CONTENT_BG" type="checkbox" default="true" />
</fieldset>
</fields>
</config>
<languages folder="language">
<language tag="de-DE">de-DE/de-DE.tpl_simplepage.sys.ini</language>
</languages>
</extension>

9
tools.php 100755
View File

@ -0,0 +1,9 @@
<?php
function hex2rgb($hexcode){
list($r, $g, $b) = sscanf($hexcode, "#%02x%02x%02x");
return "$r, $g, $b";
}
?>