tetalab/thsf.net
19
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

beta (#4)

Browse Source 
Co-authored-by: mco-system <michael.costa@mcos.nc>
Reviewed-on: #4
This commit was merged in pull request #4.
This commit is contained in:
doug713705
2023-04-20 15:09:57 +02:00
parent 4c32d8b7a5
commit ee43e98385
53 changed files with 2198 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/thsf/static/css/colors.css Normal file
View File

@@ -0,0 +1,49 @@
@font-face {
font-family: pfdintextcomppromedium;
src: url(../fonts/PFDinTextCompPro-Medium.ttf);
}
@font-face {
font-family: pfdintextcompprothin;
src: url(../fonts/PFDinTextCompPro-Thin.ttf);
}
:root {
--main-bg-color: #e6007e;
--alt-bg-color: #E59730;
--alt2-bg-color: #9EBF43;
--alt3-bg-color: #3096E5;
--main-color: #ffffff;
--alt-main-color: #1A000D;
}
.white {
color: var(--main-color);
}
.black {
color: var(--alt-main-color);
}
.thin {
font-family: pfdintextcompprothin;
}
.bold {
font-family: pfdintextcomppromedium;
}
.bg1 {
background-color: var(--alt-bg-color);
border-color: var(--alt-bg-color);
}
.bg2 {
background-color: var(--alt2-bg-color);
border-color: var(--alt2-bg-color);
}
.bg3 {
background-color: var(--alt3-bg-color);
border-color: var(--alt3-bg-color);
}

109
src/thsf/static/css/custom.css Normal file
View File

@@ -0,0 +1,109 @@
@media screen and (min-width: 45em) {
.header {
display: flex;
flex-direction: row;
justify-content: center;
gap: 0;
text-align: center;
font-size: 9.75em;
font-weight: bold;
padding: 0;
}
.logo {
width: inherit;
}
.header > span {
margin: 0;
}
.subheader {
margin: -1em 0 0 0;
font-size: 3.47em;
}
.place {
margin: 0;
font-size: 2.145em;
}
.important {
font-family: pfdintextcomppromedium;
}
.left {
float: left;
margin-right: 0.5em;
}
.right {
float: right;
margin-left: 0.5em;
}
.logo_partner {
max-width: 250px;
max-height: 250px;
margin: 1em;
}
.button {
font-size: 2.5em;
transition-property: color;
transition-duration: 1s;
}
.button:hover {
color: var(--main-color);
cursor: pointer;
}
}
@media screen and (max-width: 44em) {
.header {
display: flex;
flex-direction: row;
justify-content: center;
gap: 0;
text-align: center;
font-size: 6.75em;
font-weight: bold;
padding: 0;
}
.header > span {
margin: 0;
}
.logo {
width: inherit;
}
.subheader {
margin: -1em 0 0 0;
font-size: 2.30em;
}
.place {
margin: 0;
font-size: 1.2em;
}
.important {
font-family: pfdintextcomppromedium;
}
.left {
float: left;
margin-right: 0.25em;
}
.right {
float: right;
margin-left: 0.25em;
}
.logo_partner {
max-width: 125px;
max-height: 125px;
margin: 0.25em;
}
.button {
font-size: 1.2em;
transition-property: color;
transition-duration: 1s;
}
.button:hover {
color: var(--main-color);
cursor: pointer;
}
.goodies {
text-align: justify;
}
.goodies_pic {
max-width: 5em;
}
}

18
src/thsf/static/css/elements.css Normal file
View File

@@ -0,0 +1,18 @@
a {
font-family: pfdintextcomppromedium;
font-weight: 250;
color: var(--alt-main-color);
transition-property: color;
transition-duration: 1s;
text-decoration: wavy;
}
a:hover {
color: var(--main-color);
cursor: pointer;
}
.content > p,
.content > h2 {
margin-top: 1.5em;
}

66
src/thsf/static/css/slot.css Normal file
View File

@@ -0,0 +1,66 @@
.slot {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
margin-bottom: 1em;
width: 20em;
}
.slot_header {
margin: 0;
width: 20em;
font-family: pfdintextcompprothin;
font-weight: bold;
}
.slot_title {
border-radius: 1em 0 0 0;
color: var(--main-color);
padding: 0.5em;
text-align: center;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
width: 20em;
cursor: pointer;
}
.slot_title .title{
margin-left: 0.5em;
}
.slot_info {
background-color: var(--main-color);
color: var(--alt-main-color);
margin: 0;
padding: 0.5em;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
border-radius: 0 0 0 1em;
}
.speaker {
cursor: pointer;
}
.speakers > .speaker > .name > span {
text-decoration: underline;
}
.speaker_details,
.slot_details {
visibility: hidden;
display: none;
}
.speaker_img,
.slot_img {
width: 18em;
}

15
src/thsf/static/css/style.css Normal file
View File

@@ -0,0 +1,15 @@
* {
box-sizing: border-box;
}
body {
background-color: var(--main-bg-color);
font-family: pfdintextcomppromedium;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
text-align: center;
/* background-color: yellow; */
}

57
src/thsf/static/css/tooltip.css Normal file
View File

@@ -0,0 +1,57 @@
.tooltip,
.slot_tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
background-color: var(--alt-main-color);
color: var(--main-color);
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transform: translateX(-25%) translateY(-2em);
transition: opacity 1s;
}
.slot_tooltip .slot_tooltiptext {
visibility: hidden;
background-color: var(--main-color);
color: var(--alt-main-color);
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 0;
left: 0;
opacity: 0;
transform: translateX(2em);
transition: opacity 1s;
}
.tooltip .tooltiptext::after,
.slot_tooltip .slot_tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
}
.tooltip:hover .tooltiptext,
.slot_tooltip:hover .slot_tooltiptext {
visibility: visible;
opacity: 1;
font-size: 0.7em;
padding: 0.2em;
}

72
src/thsf/static/css/wemakeporn.css Normal file
View File

@@ -0,0 +1,72 @@
@media screen and (min-width: 45em) {
.wemakeporn {
background-color: #FFD036;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
border-radius: 1em;
border-width: 1em;
border-style: solid;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
padding: 0.5em;
transform: rotate(-20deg) translate(2em, -6em);
visibility: hidden;
position: fixed;
}
.wemakeporn:hover{
cursor: default;
}
.wemake {
font-size: 7em;
font-weight: bold;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
}
.porn {
font-size: 12em;
font-weight: bold;
flex-direction: row;
justify-content: center;
align-items: center;
align-content: center;
}
}
@media screen and (max-width: 44em) {
.wemakeporn {
background-color: #FFD036;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
border-radius: 0.5em;
border-width: 0.5em;
border-style: solid;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
padding: 0.5em;
transform: rotate(-20deg) translate(-1.5em, 8em);
visibility: hidden;
position: fixed;
}
.wemakeporn:hover{
cursor: default;
}
.wemake {
font-size: 3.5em;
font-weight: bold;
}
.porn {
font-size: 6em;
font-weight: bold;
}
}

125
src/thsf/static/css/wrappers.css Normal file
View File

@@ -0,0 +1,125 @@
@media screen and (min-width: 45em) {
.page_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
text-align: center;
padding-bottom: 5em;
/* background-color: green; */
}
.center_wrapper,
.header_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
.logo_wrapper {
margin: 1em 0 1em 0;
width: 40em;
}
.navbar_wrapper {
position: fixed;
bottom: 0;
padding: 1em 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1.4em;
background-color: var(--main-bg-color);
width: 40em;
transform: translateZ(2);
}
.content {
font-size: 2em;
font-family: pfdintextcompprothin;
color: var(--main-color);
width: 20em;
text-align:justify;
text-justify: inter-word;
}
.partners {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 2em;
}
.subpartners {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
}
}
@media screen and (max-width: 44em) {
.page_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: center;
text-align: center;
padding-bottom: 2em;
width: 21em;
/* background-color: green; */
}
.center_wrapper ,
.header_wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 21em;
/* background-color: orangered; */
}
.logo_wrapper {
margin-top: 0.5em;
width: 21em;
/* background-color: red; */
}
.navbar_wrapper {
position: fixed;
bottom: 0;
padding: 0.5em 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 1em;
background-color: var(--main-bg-color);
width: 21em;
transform: translateZ(2);
/* background-color: white; */
}
.content {
font-size: 1em;
font-family: pfdintextcompprothin;
color: var(--main-color);
width: 21em;
text-align:justify;
text-justify: inter-word;
}
.partners {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin-bottom: 2em;
}
.subpartners {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
text-align: center;
}
}