forked from CRSS/Website
main #1
|
@ -6,7 +6,8 @@
|
||||||
-webkit-tap-highlight-color: transparent; // fuck you (L)
|
-webkit-tap-highlight-color: transparent; // fuck you (L)
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html,
|
||||||
|
body {
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -51,7 +52,8 @@ main {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul, ol {
|
ul,
|
||||||
|
ol {
|
||||||
list-style-position: inside;
|
list-style-position: inside;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -146,6 +148,7 @@ img {
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
|
|
||||||
mask-image: linear-gradient(to right, transparent, rgba(red, 0.3));
|
mask-image: linear-gradient(to right, transparent, rgba(red, 0.3));
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
mask-image: linear-gradient(to right, transparent, rgba(red, 0.1));
|
mask-image: linear-gradient(to right, transparent, rgba(red, 0.1));
|
||||||
}
|
}
|
||||||
|
@ -172,11 +175,11 @@ a {
|
||||||
|
|
||||||
.pageHero {
|
.pageHero {
|
||||||
background-image: linear-gradient(rgba(light.$headerOverlay, 0.9), rgba(light.$headerOverlay, 0.9)), // white overlay. yeah that's a bit of an ugly hack?
|
background-image: linear-gradient(rgba(light.$headerOverlay, 0.9), rgba(light.$headerOverlay, 0.9)), // white overlay. yeah that's a bit of an ugly hack?
|
||||||
url('/img/Panorama-Lens-Blur.png');
|
url('/img/Panorama-Lens-Blur.png');
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
background-image: linear-gradient(rgba(dark.$headerOverlay, 0.9), rgba(dark.$headerOverlay, 0.9)),
|
background-image: linear-gradient(rgba(dark.$headerOverlay, 0.9), rgba(dark.$headerOverlay, 0.9)),
|
||||||
url('/img/Panorama-Lens-Blur.png');
|
url('/img/Panorama-Lens-Blur.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
background-position: center;
|
background-position: center;
|
||||||
|
@ -184,7 +187,7 @@ a {
|
||||||
|
|
||||||
height: 220px;
|
height: 220px;
|
||||||
|
|
||||||
> .container {
|
>.container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -197,7 +200,7 @@ a {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
> div {
|
>div {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
@ -249,6 +252,7 @@ a {
|
||||||
@media (min-width: 601px) {
|
@media (min-width: 601px) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
@ -287,7 +291,7 @@ a {
|
||||||
background: dark.$navBG;
|
background: dark.$navBG;
|
||||||
}
|
}
|
||||||
|
|
||||||
> .container {
|
>.container {
|
||||||
padding: 16px 24px;
|
padding: 16px 24px;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -306,6 +310,7 @@ a {
|
||||||
|
|
||||||
backdrop-filter: blur(15px);
|
backdrop-filter: blur(15px);
|
||||||
background: rgba(light.$navBG, 0.86);
|
background: rgba(light.$navBG, 0.86);
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
background: rgba(dark.$navBG, 0.9);
|
background: rgba(dark.$navBG, 0.9);
|
||||||
}
|
}
|
||||||
|
@ -314,7 +319,8 @@ a {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 64px;
|
gap: 64px;
|
||||||
|
|
||||||
&, > * {
|
&,
|
||||||
|
>* {
|
||||||
transition: 0.16s
|
transition: 0.16s
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -323,13 +329,13 @@ a {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
||||||
//&, > * { transition: 0.12s }
|
//&, > * { transition: 0.12s }
|
||||||
> * {
|
>* {
|
||||||
transform: translateX(32px);
|
transform: translateX(32px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> div {
|
>div {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
|
@ -343,13 +349,14 @@ a {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
> a {
|
>a {
|
||||||
font-family: Outfit;
|
font-family: Outfit;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
color: light.$navLinkNormalColor;
|
color: light.$navLinkNormalColor;
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
color: dark.$navLinkNormalColor;
|
color: dark.$navLinkNormalColor;
|
||||||
}
|
}
|
||||||
|
@ -380,7 +387,8 @@ a {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &.active {
|
&:hover,
|
||||||
|
&.active {
|
||||||
//background: rgba(15, 23, 42, 0.1);
|
//background: rgba(15, 23, 42, 0.1);
|
||||||
color: light.$navLinkActiveColor;
|
color: light.$navLinkActiveColor;
|
||||||
outline-color: light.$navLinkOutlineColor;
|
outline-color: light.$navLinkOutlineColor;
|
||||||
|
@ -416,15 +424,16 @@ a {
|
||||||
//
|
//
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.pageFooter {
|
.pageFooter {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
|
|
||||||
> .SNS-Links {
|
>.SNS-Links {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
|
|
||||||
> a {
|
>a {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
|
|
||||||
|
@ -445,4 +454,4 @@ a {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
BIN
img/tobedone.png
Normal file
BIN
img/tobedone.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 288 KiB |
35
index.php
35
index.php
|
@ -12,26 +12,33 @@
|
||||||
session_start();
|
session_start();
|
||||||
|
|
||||||
$nations = array(
|
$nations = array(
|
||||||
|
|
||||||
'psf' => array(
|
'psf' => array(
|
||||||
'name' => 'Panorama Socialist Federation',
|
'name' => 'Panorama Socialist Federation',
|
||||||
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/Republic%20of%20Panorama/Flag.svg',
|
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/Republic%20of%20Panorama/Flag.svg',
|
||||||
'short' => 'psf',
|
'short' => 'psf',
|
||||||
'short_description' => 'The first nation, prev. known as ROP.',
|
'short_description' => 'The first nation, prev. known as ROP.',
|
||||||
'description' => 'The first nation on CRSS, previously known as ROP.',
|
'description' => 'The first nation on CRSS, previously known as ROP.',
|
||||||
|
'leader' => 'iforgotaname',
|
||||||
|
'leader_term' => 'Prime Minister',
|
||||||
),
|
),
|
||||||
'cnk' => array(
|
'cnk' => array(
|
||||||
'name' => 'Chunkia',
|
'name' => 'Chunkia',
|
||||||
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/Chunkia/chunkia512.png',
|
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/Chunkia/Chunkia.svg',
|
||||||
'short' => 'cnk',
|
'short' => 'cnk',
|
||||||
'short_description' => 'Chunkia is based in a chaotic landscape',
|
'short_description' => 'Chunkia is based in a chaotic landscape',
|
||||||
'description' => 'In the chaos of Minecraft, chunk errors are inevitable. Chunkia is based in one.',
|
'description' => 'In the chaos of Minecraft, chunk errors are inevitable. Chunkia is based in one.',
|
||||||
|
'leader' => 'WorldWidePixel',
|
||||||
|
'leader_term' => 'Leader',
|
||||||
),
|
),
|
||||||
'ttk' => array(
|
'ttk' => array(
|
||||||
'name' => 'The Toaster-Königreich',
|
'name' => 'The Toaster-Königreich',
|
||||||
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/The%20Toaster-K%C3%B6nigreich/The%20Toaster-K%C3%B6nigreich%20Flag.png',
|
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/The%20Toaster-K%C3%B6nigreich/The%20Toaster-K%C3%B6nigreich%20Flag.svg',
|
||||||
'short' => 'ttk',
|
'short' => 'ttk',
|
||||||
'short_description' => 'The Toaster-Königreich is the Industrialized Nation of CRSS',
|
'short_description' => 'The Toaster-Königreich is the Industrialized Nation of CRSS',
|
||||||
'description' => 'In the vast landsacpe of CRSS, The Toaster-Königreich is one of the most industrialized Marxist district of CRSS. With Charge Industries as one of the main government controlled company in the nation.',
|
'description' => 'In the vast landsacpe of CRSS, The Toaster-Königreich is one of the most industrialized Marxist district of CRSS. With Charge Industries as one of the main government controlled company in the nation.',
|
||||||
|
'leader' => 'Lupancham',
|
||||||
|
'leader_term' => 'Chancellor',
|
||||||
),
|
),
|
||||||
'rob' => array(
|
'rob' => array(
|
||||||
'name' => 'Republic of Budapest',
|
'name' => 'Republic of Budapest',
|
||||||
|
@ -39,7 +46,27 @@
|
||||||
'short' => 'rob',
|
'short' => 'rob',
|
||||||
'short_description' => 'Republic of Budapest is a country located to the west of the map.',
|
'short_description' => 'Republic of Budapest is a country located to the west of the map.',
|
||||||
'description' => 'Republic of Budapest is a country located to the west of the map.',
|
'description' => 'Republic of Budapest is a country located to the west of the map.',
|
||||||
)
|
'leader' => 'TheClashFruit',
|
||||||
|
'leader_term' => 'Leader',
|
||||||
|
),
|
||||||
|
'rfm' => array(
|
||||||
|
'name' => 'Romanian Federation of Minecraft',
|
||||||
|
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/Romanian%20Federation%20of%20Minecraft/FMC%20flag.svg',
|
||||||
|
'short' => 'rfm',
|
||||||
|
'short_description' => 'Helping modernise CRSS',
|
||||||
|
'description' => 'RFM is a nation helping in the modernisation of CRSS, not only by practices but by livelihood.',
|
||||||
|
'leader' => 'polycord',
|
||||||
|
'leader_term' => 'President',
|
||||||
|
),
|
||||||
|
'tcg' => array(
|
||||||
|
'name' => 'Toasteric Colony of Grapetopia',
|
||||||
|
'flag' => 'https://raw.theclashfruit.me/CRSS/CRSS/main/Nations/Grapetopia/TCG.svg',
|
||||||
|
'short' => 'tcg',
|
||||||
|
'short_description' => 'A colony of TTK, ~10K blocks out of 0,0',
|
||||||
|
'description' => 'This is a colony of TTK, an island with an area of ~382m², located at ~7.5k X and -2.8k Z',
|
||||||
|
'leader' => 'MrLagSwitcha',
|
||||||
|
'leader_term' => 'Leader in charge',
|
||||||
|
),
|
||||||
);
|
);
|
||||||
|
|
||||||
$companies = array(
|
$companies = array(
|
||||||
|
@ -176,7 +203,7 @@
|
||||||
|
|
||||||
echo $twig->render('404.twig');
|
echo $twig->render('404.twig');
|
||||||
} else {
|
} else {
|
||||||
echo $twig->render('nation.twig', array('nation' => $companies[$company]));
|
echo $twig->render('company.twig', array('company' => $companies[$company]));
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -5,20 +5,18 @@
|
||||||
{% include 'includes/nav.twig' with {'page': 'company'} %}
|
{% include 'includes/nav.twig' with {'page': 'company'} %}
|
||||||
|
|
||||||
<main class="pageContent container">
|
<main class="pageContent container">
|
||||||
<ul>
|
<div class="nationLayout">
|
||||||
<li>
|
<div class="nationCoreInfo">
|
||||||
code: {{ company.short }}
|
<h1 style="margin: 0"> {{ company.name }} </h1>
|
||||||
</li>
|
<p style="font-family:monospace"> {{ company.short }} </p>
|
||||||
<li>
|
<h2> Logo </h2>
|
||||||
name: {{ company.name }}
|
<img class="nationFlag" src="{{ company.logo }}" alt="{{ company.name }}'s logo." />
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<div class="nationCoreInfo">
|
||||||
flag: <img height="32px" src="{{ company.logo }}" alt="{{ company.name }}'s flag." />
|
<h2 style="margin: 0"> Description </h2>
|
||||||
</li>
|
<p> {{ company.description }} </p>
|
||||||
<li>
|
</div>
|
||||||
description: {{company.description}}
|
</div>
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
{% include 'includes/footer.twig' %}
|
{% include 'includes/footer.twig' %}
|
||||||
|
|
|
@ -7,7 +7,7 @@
|
||||||
<footer class="pageFooter container">
|
<footer class="pageFooter container">
|
||||||
<p class="copyright">
|
<p class="copyright">
|
||||||
Copyright © 2024 CRSS <br>
|
Copyright © 2024 CRSS <br>
|
||||||
Brought to by PrideCraft Studios, CustardMC, LoopMC, Devin, and TheClashFruit's Real Hosting Company!
|
Brought to by PrideCraft Studios, CustardMC, LoopMC, Devin, Alto, Badger, Minefacts, FedBank, Northern, WorldWidePixel, Blurryface, Lupancham, and TheClashFruit's Real Hosting Company!
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="SNS-Links">
|
<div class="SNS-Links">
|
||||||
|
|
|
@ -11,8 +11,8 @@
|
||||||
<!-- Right -->
|
<!-- Right -->
|
||||||
<div class="Server-Information">
|
<div class="Server-Information">
|
||||||
<span>Server address:</span>
|
<span>Server address:</span>
|
||||||
<input type="text" size="14" readonly value="play.blryface.xyz">
|
<input type="text" size="14" readonly value="play.crss.cc">
|
||||||
<span>Version: 1.9.4</span> <!-- is this needed anymore since via -->
|
<span>Version: 1.11.2</span> <!-- is this needed anymore since via -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -13,8 +13,11 @@
|
||||||
<a class="transitionEnabled {% if page == 'nations' %} active {% endif %}" href="/nations">
|
<a class="transitionEnabled {% if page == 'nations' %} active {% endif %}" href="/nations">
|
||||||
Nations
|
Nations
|
||||||
</a>
|
</a>
|
||||||
|
<a class="transitionEnabled {% if page == 'companies' %} active {% endif %}" href="/companies">
|
||||||
|
Companies
|
||||||
|
</a>
|
||||||
<a class="{% if page == 'map.js' %} active {% endif %}" href="/map">
|
<a class="{% if page == 'map.js' %} active {% endif %}" href="/map">
|
||||||
Map & Rails
|
Map
|
||||||
</a>
|
</a>
|
||||||
{% if user.is_admin == 1 %}
|
{% if user.is_admin == 1 %}
|
||||||
<a href="/admin">
|
<a href="/admin">
|
||||||
|
|
|
@ -3,26 +3,61 @@
|
||||||
{% include 'includes/hero.twig' %}
|
{% include 'includes/hero.twig' %}
|
||||||
|
|
||||||
{% include 'includes/nav.twig' with {'page': 'nation'} %}
|
{% include 'includes/nav.twig' with {'page': 'nation'} %}
|
||||||
|
|
||||||
<main class="pageContent container">
|
<main class="pageContent container">
|
||||||
<ul>
|
<div class="nationLayout">
|
||||||
<li>
|
<div class="nationCoreInfo">
|
||||||
code: {{ nation.short }}
|
<h1 style="margin: 0"> {{ nation.name }} </h1>
|
||||||
</li>
|
<p style="font-family:monospace"> {{ nation.short }} </p>
|
||||||
<li>
|
<h2> Flag </h2>
|
||||||
name: {{ nation.name }}
|
<img class="nationFlag" src="{{ nation.flag }}" alt="{{ nation.name }}'s flag." />
|
||||||
</li>
|
</div>
|
||||||
<li>
|
<div class="nationCoreInfo">
|
||||||
flag:
|
<h2 style="margin: 0"> Description </h2>
|
||||||
</li>
|
<p> {{ nation.description }} </p>
|
||||||
<li>
|
<h2> {{ nation.leader_term }} </h2>
|
||||||
<img height="48px" src="{{ nation.flag }}" alt="{{ nation.name }}'s flag." />
|
<p> {{ nation.leader }} </p>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
</div>
|
||||||
description: {{nation.description}}
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
|
||||||
|
|
||||||
|
@media (max-width: 700px) {
|
||||||
|
.nationLayout {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 701px) {
|
||||||
|
.nationLayout {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 3rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nationLayout p, h1, h2, h3 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nationFlag {
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nationCoreInfo {
|
||||||
|
flex-grow: 1;
|
||||||
|
flex-basis: 250px;
|
||||||
|
gap: 1rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
{% include 'includes/footer.twig' %}
|
{% include 'includes/footer.twig' %}
|
||||||
{% include 'includes/foot.twig' %}
|
{% include 'includes/foot.twig' %}
|
Loading…
Reference in a new issue