diff --git a/assets/css/main.css b/assets/css/main.css index 660f9a5..ea93d40 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2,7 +2,8 @@ display: none; } -html, body { +html, +body { background-color: #131a21; display: flex; flex-direction: column; @@ -11,24 +12,30 @@ html, body { padding: 0; margin: 0; } -html a, body a { +html a, +body a { background-color: transparent; text-decoration: none; } -html a:link, body a:link { +html a:link, +body a:link { color: #fb923c; } -html a:visited, body a:visited { +html a:visited, +body a:visited { color: #fb923c; } -html a:hover, body a:hover { +html a:hover, +body a:hover { color: #fb923c; text-decoration: underline; } -html a:active, body a:active { +html a:active, +body a:active { color: #2b3642; } -html header, body header { +html header, +body header { flex-grow: 0; flex-shrink: 0; display: flex; @@ -38,19 +45,23 @@ html header, body header { background-color: #10161d; border-bottom: #fb923c 1px solid; } -html header #hlogo, body header #hlogo { +html header #hlogo, +body header #hlogo { max-width: 50px; max-height: 50px; box-sizing: border-box; } -html header #hlogo > img, body header #hlogo > img { +html header #hlogo > img, +body header #hlogo > img { max-width: 50px; max-height: 50px; } -html header .tmpinfo, body header .tmpinfo { +html header .tmpinfo, +body header .tmpinfo { color: #d2e0f0; } -html article, body article { +html article, +body article { display: flex; flex-direction: column; justify-content: flex-start; @@ -63,14 +74,16 @@ html article, body article { color: #d2e0f0; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } -html article .title, body article .title { +html article .title, +body article .title { font-size: 24px; font-weight: bold; align-self: center; margin: 0; padding-bottom: 10px; } -html .block-out, body .block-out { +html .block-out, +body .block-out { display: flex; flex-direction: column; flex-grow: 1; @@ -78,28 +91,33 @@ html .block-out, body .block-out { align-self: center; } @media only screen and (min-width: 768px) { - html .block-out, body .block-out { + html .block-out, + body .block-out { margin: 0rem 5rem; } } -html .block-out .block-in, body .block-out .block-in { +html .block-out .block-in, +body .block-out .block-in { background-color: #2b3642; color: #d2e0f0; border-radius: 10px; padding: 1rem 0.5rem; margin: 1rem 0; } -html .block-out .block-in .list-header, body .block-out .block-in .list-header { +html .block-out .block-in .list-header, +body .block-out .block-in .list-header { text-align: center; } -html .block-out .block-in .basic-list, body .block-out .block-in .basic-list { +html .block-out .block-in .basic-list, +body .block-out .block-in .basic-list { list-style-type: none; display: flex; flex-direction: column; align-items: center; padding: 0px; } -html .block-out .block-in .basic-list > .block-list-in, body .block-out .block-in .basic-list > .block-list-in { +html .block-out .block-in .basic-list > .block-list-in, +body .block-out .block-in .basic-list > .block-list-in { padding: 0rem 0; margin: 0.5rem 0; text-align: center; @@ -110,23 +128,65 @@ html .block-out .block-in .basic-list > .block-list-in, body .block-out .block-i min-width: 50%; } @media only screen and (max-width: 768px) { - html .block-out .block-in .basic-list > .block-list-in, body .block-out .block-in .basic-list > .block-list-in { + html .block-out .block-in .basic-list > .block-list-in, + body .block-out .block-in .basic-list > .block-list-in { min-width: 90%; } } -html .block-out .block-in .basic-list > .block-list-in .in-p, body .block-out .block-in .basic-list > .block-list-in .in-p { +html .block-out .block-in .basic-list > .block-list-in .in-p, +body .block-out .block-in .basic-list > .block-list-in .in-p { margin: 0px; padding: 1rem; font-size: x-large; font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; } -html .block-out .block-in .basic-list > .block-hover, body .block-out .block-in .basic-list > .block-hover { +html .block-out .block-in .basic-list > .block-hover, +body .block-out .block-in .basic-list > .block-hover { transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1); } -html .block-out .block-in .basic-list > .block-hover:hover, body .block-out .block-in .basic-list > .block-hover:hover { +html .block-out .block-in .basic-list > .block-hover:hover, +body .block-out .block-in .basic-list > .block-hover:hover { transform: scale(1.1); } -html footer, body footer { +html .block-out .block-in .mini-list, +body .block-out .block-in .mini-list { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-content: center; + column-gap: 10vh; +} +html .block-out .block-in .mini-list > .block-list-in, +body .block-out .block-in .mini-list > .block-list-in { + padding: 0rem 0; + margin: 0.5rem 0; + flex-grow: 1; + text-align: center; + flex-shrink: 1; + background-color: #171e26; + border-radius: 10px; + border-style: dotted; + width: fit-content; + flex-basis: auto; + min-width: 0%; +} +@media only screen and (max-width: 768px) { + html .block-out .block-in .mini-list > .block-list-in, + body .block-out .block-in .mini-list > .block-list-in { + flex-basis: auto; + } +} +html .block-out .block-in .mini-list > .block-list-in .in-p2, +body .block-out .block-in .mini-list > .block-list-in .in-p2 { + margin: 0px; + padding: 1rem; + padding-bottom: 0; + font-size: x-large; + font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; +} +html footer, +body footer { flex-grow: 0; flex-shrink: 0; display: flex; @@ -136,7 +196,8 @@ html footer, body footer { background-color: #10161d; border-top: #fb923c 1px solid; } -html footer .tmpinfo, body footer .tmpinfo { +html footer .tmpinfo, +body footer .tmpinfo { color: #d2e0f0; } diff --git a/assets/css/main.css.map b/assets/css/main.css.map index 4d494e8..1fd7e97 100644 --- a/assets/css/main.css.map +++ b/assets/css/main.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/main.scss"],"names":[],"mappings":"AA0BA;EACE;;;AAGF;EACE,kBAnBgB;EAsChB;EACA;EAEA;EACA;EACA;EACA;;AAxBA;EACE;EACA;;AACA;EACE,OApBY;;AAsBd;EACE,OAvBY;;AAyBd;EACE,OA1BY;EA2BZ;;AAEF;EACE,OAhCY;;AA4ChB;EAGE;EACA;EAEA;EACA;EACA;EAGA;EACA,kBA3Dc;EA4Dd;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EAEE,OAvEY;;AA2EhB;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA,kBAxFc;EAyFd,OAvFc;EAyFd;;AACA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EAKA;;AAJA;EALF;IAMI;;;AAKF;EACE,kBAhHY;EAiHZ,OAhHY;EAkHZ;EAEA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EAEA;EACA;;AAGA;EACE;EACA;EAEA;EAEA,kBA5IQ;EA6IR;EACA;EAEA;EACA;;AAEA;EAbF;IAcI;;;AAGF;EACE;EACA;EACA;EACA;;AAmBJ;EACE;;AAEA;EACE;;AASV;EACE;EACA;EAEA;EACA;EACA;EAGA;EACA,kBAvMc;EAwMd;;AAEA;EAEE,OAxMY;;;AA+MlB;EACE","file":"main.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/main.scss"],"names":[],"mappings":"AA0BA;EACE;;;AAGF;AAAA;EAEE,kBApBgB;EA4ChB;EACA;EAEA;EACA;EACA;EACA;;AA5BA;AAAA;EACE;EACA;;AAEA;AAAA;EACE,OAvBY;;AA0Bd;AAAA;EACE,OA3BY;;AA8Bd;AAAA;EACE,OA/BY;EAgCZ;;AAGF;AAAA;EACE,OAtCY;;AAkDhB;AAAA;EAGE;EACA;EAEA;EACA;EACA;EAGA;EACA,kBAjEc;EAkEd;;AAEA;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIJ;AAAA;EAEE,OA7EY;;AAiFhB;AAAA;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA,kBA9Fc;EA+Fd,OA7Fc;EA+Fd;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;AAIJ;AAAA;EACE;EACA;EACA;EACA;EAMA;;AAJA;EANF;AAAA;IAOI;;;AAKF;AAAA;EACE,kBAxHY;EAyHZ,OAxHY;EA0HZ;EAEA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;EAEA;EACA;;AAGA;AAAA;EACE;EACA;EAEA;EAEA,kBApJQ;EAqJR;EACA;EAEA;EACA;;AAEA;EAbF;AAAA;IAcI;;;AAGF;AAAA;EACE;EACA;EACA;EACA;;AAmBJ;AAAA;EACE;;AAEA;AAAA;EACE;;AAKN;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EAEA,kBA9MQ;EA+MR;EACA;EAEA;EACA;EACA;;AAEA;EAfF;AAAA;IAgBI;;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;;AASV;AAAA;EACE;EACA;EAEA;EACA;EACA;EAGA;EACA,kBAnPc;EAoPd;;AAEA;AAAA;EAEE,OApPY;;;AA2PlB;EACE","file":"main.css"} \ No newline at end of file diff --git a/assets/scss/main.scss b/assets/scss/main.scss index 54849ae..bfc8b10 100644 --- a/assets/scss/main.scss +++ b/assets/scss/main.scss @@ -28,29 +28,35 @@ $accent-color: $palette3-accent; display: none; } -html, body { +html, +body { background-color: $cur-color1; + a { background-color: transparent; text-decoration: none; - &:link{ + + &:link { color: $accent-color; } + &:visited { color: $accent-color; } - &:hover{ + + &:hover { color: $accent-color; text-decoration: underline; } + &:active { color: $cur-color3; } } - + display: flex; flex-direction: column; - + box-sizing: border-box; height: 100%; padding: 0; @@ -75,7 +81,7 @@ html, body { max-width: 50px; max-height: 50px; box-sizing: border-box; - + >img { max-width: 50px; max-height: 50px; @@ -103,6 +109,7 @@ html, body { color: $cur-color4; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + .title { font-size: 24px; font-weight: bold; @@ -117,6 +124,7 @@ html, body { flex-direction: column; flex-grow: 1; width: 90%; + @media only screen and (min-width: 768px) { margin: 0rem 5rem; } @@ -193,6 +201,42 @@ html, body { } } } + + .mini-list { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-content: center; + column-gap: 10vh; + + >.block-list-in { + padding: 0rem 0; + margin: 0.5rem 0; + flex-grow: 1; + text-align: center; + flex-shrink: 1; + + background-color: $cur-color2; + border-radius: 10px; + border-style: dotted; + + width: fit-content; + flex-basis: auto; + min-width: 0%; + + @media only screen and (max-width: 768px) { + flex-basis: auto; + } + .in-p2 { + margin: 0px; + padding: 1rem; + padding-bottom: 0; + font-size: x-large; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; + } + } + } } } diff --git a/link/index.php b/link/index.php index f75cda6..6dc6bff 100644 --- a/link/index.php +++ b/link/index.php @@ -45,35 +45,71 @@ if (!$_SERVER['DOCUMENT_ROOT']) {
+
-
+ + +
+

Fediverse

+ +
+ + +
+

Other

+