TobiasH/yoursecretsareours
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Adding a lot of fonts, and general system

Browse Source 
Took 1 hour 11 minutes
This commit is contained in:
Tobias Hopp 2020-08-07 04:19:02 +02:00
parent 6eaeb73a83
commit 18c55bd052
16 changed files with 123 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.idea/discord.xml generated
View File

@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="DiscordProjectSettings">
<option name="show" value="PROJECT_FILES" />
<option name="show" value="PROJECT" />
</component>
</project>

8
lang/de_DE.ini
View File

@ -4,7 +4,8 @@
TITLE = "YourSecretsAreOurs"
MAIN_TITLE = "YourSecretsAreOurs"
DESCRIPTION = "Berechne jetzt, wie unschuldig du noch bist!"
EXPLANATION = "Wähle aus, welche Dinge du bereits getan hast.<br>Wenn du fertig bist, bestätige einfach mit dem Knopf unten!"
EXPLANATION_QUESTIONS = "Wähle aus, welche Dinge du bereits getan hast.<br>Wenn du fertig bist, bestätige einfach mit dem Knopf unten!"
EXPLANATION_SCORE = "Huii! Dein Score wurde erfolgreich berechnet!"
SCORE_FINISHED = "Dein Score wurde mit sehr aufwändigen Prozeduren und Zaubersprüchen berechnet."
PROJECT_DESCRIPTION = "YourSecretsAreOurs ist ein kleines Projekt, welches von ein paar Schülern geleitet wird.<br>Es dient lediglich zur Belustigung und sollte nicht zu ernst genommen werden.<br>Aber.. wie unschuldig bist du? - Das ist doch eine gute Frage oder?<br>Versuche <strong>nicht</strong> alles durchzuführen!<br>Wenn du alles angekreuzt hast wird es im Tod enden."
HELP_US = "Hilf mit!"
@ -13,9 +14,10 @@ SOCIAL_MEDIA = "Social Media"
JOIN_DISCORD = "Tritt unserem Discord bei!"
LANGUAGE_CHOOSE = "Wähle deine Sprache aus"
CALCULATE = "Berechne meine Punkte!"
BACK = "Zurück"
SCORE_TITLE = "Reinheits-Level"
SCORE_DESCRIPTION = "Hier kannst du sehen, wie Rein du bist.<br>Jeder hat eine Dunkle Seite!"
SCORE_TITLE = "Unschuldigkeits-Level"
SCORE_DESCRIPTION = "Hier kannst du sehen, wie Unschuldig du bist.<br>Jeder hat eine <span style='color: black;'>Dunkle</span> Seite!"
SCORE_SHARE = "Teilen"
SCORE_SAVE = "Speichern"

6
lang/en_EN.ini
View File

@ -4,7 +4,8 @@
TITLE = "YourSecretsAreOurs"
MAIN_TITLE = "YourSecretsAreOurs"
DESCRIPTION = "Calculate how innocent you still are!"
EXPLANATION = "Choose which things you have already done.<br>When you are done, just confirm with the button below!"
EXPLANATION_QUESTIONS = "Choose which things you have already done.<br>When you are done, just confirm with the button below!"
EXPLANATION_SCORE = "Woosh! Your score is not calculated!"
SCORE_FINISHED = ""
PROJECT_DESCRIPTION = "YourSecretsAreOurs is a small project, which is managed by a few students.<br>It is just for fun and should not be taken too seriously.<br>But... how innocent are you? - That's a good question, isn't it?<br>Do not try to do everything!<br>If you check all the boxes it will result in death."
HELP_US = "Help us!"
@ -13,9 +14,10 @@ SOCIAL_MEDIA = "Social Media"
JOIN_DISCORD = "Join our Discord!"
LANGUAGE_CHOOSE = "Choose your langauge"
CALCULATE = "Calculate my score!"
BACK = "Back"
SCORE_TITLE = "Purity-Score"
SCORE_DESCRIPTION = "Here you can see how purity you are.<br>Everyone has a dark side!"
SCORE_DESCRIPTION = "Here you can see how purity you are.<br>Everyone has a <span style='color: black;'>dark</span> side!"
SCORE_SHARE = "Share it"
SCORE_SAVE = "Save it"

3
language.class.inc.php
View File

@ -19,7 +19,8 @@ class language
TITLE = 'TITLE',
MAIN_TITLE = 'MAIN_TITLE',
DESCRIPTION = 'DESCRIPTION',
EXPLANATION = 'EXPLANATION',
EXPLANATION_QUESTIONS = 'EXPLANATION_QUESTIONS',
EXPLANATION_SCORE = 'EXPLANATION_SCORE',
SCORE_FINISHED = 'SCORE_FINISHED',
PROJECT_DESCRIPTION = 'PROJECT_DESCRIPTION',
HELP_US = 'HELP_US',

1
main.inc.php
View File

@ -4,7 +4,6 @@ require_once 'config.inc.php';
require_once 'language.class.inc.php';
require_once 'website.class.inc.php';
die( 'This website is still in constructing!' );
try
{

46
vendor/css/default.css vendored
View File

@ -1,6 +1,52 @@
/* Default CSS File for YourSecretsAreOurs */
@font-face {
font-family:'AmaticSC';
src: local('AmaticSC'),
url(/vendor/fonts/AmaticSC-Regular.ttf);
}
@font-face {
font-family:'Chilanka';
src: local('Chilanka'),
url(/vendor/fonts/Chilanka-Regular.ttf);
}
@font-face {
font-family:'FredokaOne';
src: local('FredokaOne'),
url(/vendor/fonts/FredokaOne-Regular.ttf);
}
@font-face {
font-family:'PressStart2P';
src: local('PressStart2P'),
url(/vendor/fonts/PressStart2P-Regular.ttf);
}
@font-face {
font-family:'Jua';
src: local('Jua'),
url(/vendor/fonts/Jua-Regular.ttf);
}
body {
background-image: url('/vendor/images/background.png');
background-attachment: fixed;
}
.fullHeader {
font-family: Chilanka, AmaticSC, serif;
font-size: 5.5em;
}
.content-container
{
padding-left: 20px;
background-color: hsla(186, 41%, 50%, 0.35);
border-radius: 2px;
}

BIN
vendor/fonts/AmaticSC-Regular.ttf vendored Normal file
View File

Binary file not shown.

BIN
vendor/fonts/Chilanka-Regular.ttf vendored Normal file
View File

Binary file not shown.

BIN
vendor/fonts/FredokaOne-Regular.ttf vendored Normal file
View File

Binary file not shown.

BIN
vendor/fonts/Jua-Regular.ttf vendored Normal file
View File

Binary file not shown.

BIN
vendor/fonts/PressStart2P-Regular.ttf vendored Normal file
View File

Binary file not shown.

15
vendor/js/default.js vendored Normal file
View File

@ -0,0 +1,15 @@
function animateValue(id, start, end, duration) {
const range = end - start;
let current = start;
const increment = end > start ? 1 : -1;
const stepTime = Math.abs(Math.floor(duration / range));
const obj = document.getElementById(id);
const timer = setInterval(function () {
current += increment;
obj.innerHTML = current;
if (current === end) {
clearInterval(timer);
}
}, stepTime);
}

2
vendor/js/jquery-3.5.1.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

36
website.class.inc.php
View File

@ -12,7 +12,8 @@ class website
public function showScore( ) : string
{
try {
$website = file_get_contents( __DIR__ . '/website_score.html' );
$website = file_get_contents( __DIR__ . '/website.html' );
$website = $this->replaceDefaultThings( $website );
$website = $this->setScore( $website );
@ -48,7 +49,6 @@ class website
if( !isset( language::$lang_file[language::TITLE],
language::$lang_file[language::MAIN_TITLE],
language::$lang_file[language::DESCRIPTION],
language::$lang_file[language::EXPLANATION],
language::$lang_file[language::SCORE_FINISHED],
language::$lang_file[language::PROJECT_DESCRIPTION],
language::$lang_file[language::HELP_US],
@ -60,13 +60,12 @@ class website
}
$website = str_replace(
array(
'[LANG]', '[TITLE]', '[MAIN_TITLE]', '[DESCRIPTION]', '[EXPLANATION]', '[SCORE_FINISHED]', '[PROJECT_DESCRIPTION]', '[HELP_US]', '[REQUEST_MORE]','[LANGUAGE_CHOOSE]', '[JOIN_DISCORD]' ),
'[LANG]', '[TITLE]', '[MAIN_TITLE]', '[DESCRIPTION]', '[SCORE_FINISHED]', '[PROJECT_DESCRIPTION]', '[HELP_US]', '[REQUEST_MORE]','[LANGUAGE_CHOOSE]', '[JOIN_DISCORD]' ),
array(
substr( language::$lang, 0, 2 ),
language::$lang_file[language::TITLE],
language::$lang_file[language::MAIN_TITLE],
language::$lang_file[language::DESCRIPTION],
language::$lang_file[language::EXPLANATION],
language::$lang_file[language::SCORE_FINISHED],
language::$lang_file[language::PROJECT_DESCRIPTION],
language::$lang_file[language::HELP_US],
@ -88,6 +87,8 @@ HTML;
private function setQuestions( $website ) : string
{
$website = str_replace( '[EXPLANATION]', language::$lang_file[language::EXPLANATION_QUESTIONS], $website );
if( !isset( language::$lang_file['questions'] ) )
{
throw new RuntimeException( 'Error while reading the questions in langauge file', 203 );
@ -125,10 +126,11 @@ HTML;
private function calculateScore() : int
{
$score = count( language::$lang_file['questions'] );
foreach( language::$lang_file['questions'] as $number => $question )
{
if( isset( $_POST["question_$number"] ) && $_POST["question_$number"] === 'checked' )
if( isset( $_POST["question_$number"] ) && $_POST["question_$number"] === 'on' )
{
$score--;
}
@ -138,7 +140,11 @@ HTML;
private function setScore ( string $a_website ): string
{
$a_website = str_replace( '[EXPLANATION]', language::$lang_file[language::EXPLANATION_SCORE], $a_website );
$score = $this->calculateScore();
$max = count( language::$lang_file['questions'] );
$back = language::$lang_file['BACK'];
$html = <<<HTML
<div class="row">
<div class="col s12">
@ -148,12 +154,14 @@ HTML;
<div class="row">
<div class="col s5">
<p>[SCORE_DESCRIPTION]</p>
</div>
<div class="col s2 l2">
<span class="black-text" style="font-size: 8.5em;">52</span>
<span id="score" class="deep-orange-text" style="font-size: 8.8em; font-family: PressStart2P, serif">$max</span>
</div>
<div class="col s4"></div>
</div>
</div>
@ -163,14 +171,26 @@ HTML;
</div>
</div>
</div>
</div>
<div style="padding-left: 1em;">
<button class="btn waves-effect btn-large waves-light" type="submit" name="submit" value="checked" onclick="location.href = '?';"">{$back}
<i class="material-icons right">arrow_back</i>
</button>
</div>
HTML;
$html = str_replace( ['[SCORE_TITLE]', '[SCORE_DESCRIPTION]', '[SCORE_SHARE]', '[SCORE_SAVE]'], [language::$lang_file['SCORE_TITLE'], language::$lang_file['SCORE_DESCRIPTION'], language::$lang_file['SCORE_SHARE'], language::$lang_file['SCORE_SAVE']], $html );
$a_website = str_replace( '[CONTENT]', $html, $a_website );
$script = <<<JS
if( {$score} !== {$max} )
{
animateValue("score", {$max}, {$score}, 600);
}
JS;
$a_website = str_replace( array( '[SCRIPT_CONTENT]', '[CONTENT]' ), array( $script, $html ), $a_website );
return $a_website;
}
}

16
website.html
View File

@ -26,16 +26,17 @@
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/metas/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script src="vendor/js/jquery-3.5.1.min.js" type="text/javascript"></script>
</head>
<body>
<div class="content">
<div class="section no-pad-bot" id="index-banner" style="margin-top: -58px;">
<div class="orange" style="padding-top: 20px;">
<div class="orange" style="padding-top: 2.5em;">
<h1 class="header center white-text truncate">[MAIN_TITLE]</h1>
<h1 class="header center white-text truncate fullHeader" onclick="location.href = '?';">[MAIN_TITLE]</h1>
<div class="row center">
<h5 class="header col s12 light">[DESCRIPTION]</h5>
<h5 class="header col s12 light" style="margin-top: -0.75em;">[DESCRIPTION]</h5>
</div>
<br>
@ -50,10 +51,10 @@
</div>
</div>
<div class="container z-depth-3 " style="padding-left: 20px; background-color: hsla(221,63%,70%,0.18); border-radius: 2px;">
<div class="container z-depth-3 content-container">
<div class="section">
[CONTENT]
<br>
</div>
@ -96,7 +97,10 @@
</div>
</footer>
</div>
<script type="text/javascript" src="vendor/js/materialize.min.js"></script>
<script type="text/javascript" src="vendor/js/default.js"></script>
<script>
[SCRIPT_CONTENT]
</script>
</body>
</html>

18
website_score.html
View File

@ -1,4 +1,4 @@
<!DOCTYPE html>
<!--<!DOCTYPE html>
<html lang="[LANG]">
<head>
<meta charset="UTF-8">
@ -33,7 +33,7 @@
<div class="section no-pad-bot" id="index-banner" style="margin-top: -58px;">
<div class="orange" style="padding-top: 20px;">
<h1 class="header center white-text truncate">[MAIN_TITLE]</h1>
<h1 class="header center white-text truncate fullHeader">[MAIN_TITLE]</h1>
<div class="row center">
<h5 class="header col s12 light">[DESCRIPTION]</h5>
</div>
@ -50,7 +50,7 @@
</div>
</div>
<div class="container z-depth-3">
<div class="container z-depth-3" style="padding-left: 20px; background-color: hsla(221,63%,70%,0.18); border-radius: 2px;">
<div class="section ">
[CONTENT]
@ -73,18 +73,18 @@
<ul>
<li><a class="white-text disabled" href="#">[REQUEST_MORE]</a></li>
<li><a class="white-text" href="https://discord.gg/ybxZ2g8">[JOIN_DISCORD]</a></li>
<!--<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>-->
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">[LANGUAGE_CHOOSE]</h5>
<ul>
[LANGUAGES]
<!--<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 2</a></li>
<li><a class="white-text" href="#!">Link 3</a></li>
<li><a class="white-text" href="#!">Link 4</a></li>-->
<li><a class="white-text" href="#!">Link 4</a></li>
</ul>
</div>
</div>
@ -99,4 +99,6 @@
<script type="text/javascript" src="vendor/js/materialize.min.js"></script>
</body>
</html>
</html>
-->
<h1>ERROR</h1>