Skip to content

H
HCI-JJ-News
Commit 010c0734 authored by Jonathan Poalses's avatar Jonathan Poalses
Browse files
Options

Maybe fixed php bug

parent 0d85165c
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 673 additions and 1 deletion
htdocs/404.html 0 → 100644
View file @ 010c0734
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Page Not Found - Trustworthy Times</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navbar-shrink py-3" id="mainNav">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" href="/"><span>Trustworthy Times</span></a></div>
</nav>
<section class="py-5 mt-5">
<div class="container">
<div class="row row-cols-1 d-flex justify-content-center align-items-center">
<div class="col-md-10 text-center"><img class="img-fluid w-100" src="assets/img/illustrations/404.svg"></div>
<div class="col text-center">
<h2 class="display-3 fw-bold mb-4">Page Not Found</h2>
<p class="fs-4 text-muted">Fusce adipiscing sit, torquent porta pulvinar.</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container py-4 py-lg-5">
<div class="row row-cols-1 row-cols-md-4 justify-content-center">
<div class="col-md-3">
<div class="fw-bold d-flex align-items-center mb-2"><span>Trustworthy Times</span></div>
<p class="text-muted">All trustworthy, all the time.</p>
</div>
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 Trustworthy Times</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></li>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/startup-modern.js"></script>
</body>
</html>
\ No newline at end of file
htdocs/assets/bootstrap/css/bootstrap.min.css 0 → 100644
View file @ 010c0734
This source diff could not be displayed because it is too large. You can view the blob instead.
htdocs/assets/bootstrap/js/bootstrap.min.js 0 → 100644
View file @ 010c0734
This diff is collapsed.
htdocs/assets/img/illustrations/404.svg 0 → 100644
View file @ 010c0734
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><path d="M95.85,121.73c-27.66,4.91-47.21,29-44,55.43,1.71,14,8.64,26.43,26.47,30,47.3,9.51,225.85,45.31,260.93-16.72,27.35-48.34,11.05-81.81-14.35-102.76s-78-16.6-121.53-2.26C171,96.11,146.93,112.65,95.85,121.73Z" fill="#e6e6e6" opacity="0.3"></path><ellipse cx="205.6" cy="245.02" rx="161.02" ry="11.9" fill="#e6e6e6" opacity="0.45"></ellipse><circle cx="115.32" cy="60.66" r="19.14" fill="#ffd200"></circle><circle cx="115.32" cy="60.66" r="36.49" fill="#ffd200" opacity="0.15"></circle><circle cx="195.69" cy="193.3" r="51.17" fill="#24285b"></circle><circle cx="195.69" cy="193.3" r="32.21" fill="#fff"></circle><path d="M133.91,205.51c3.39,0,4.61,1.22,4.61,4.6v5.83c0,3.39-1,4.61-4.61,4.61h-9.35V238.3c0,3.38-1.22,4.6-4.61,4.6h-6.64c-3.38,0-4.6-1.22-4.6-4.6V220.55H64c-3.38,0-4.6-1.22-4.6-4.61v-4.88A9,9,0,0,1,61,205.51l45-55.83a8.07,8.07,0,0,1,6.5-3.25H120c3.39,0,4.61.95,4.61,4.61v54.47Zm-25.2-36.32L79.3,205.51h29.41Z" fill="#68e1fd"></path><path d="M327.42,205.51c3.39,0,4.61,1.22,4.61,4.6v5.83c0,3.39-.95,4.61-4.61,4.61h-9.35V238.3c0,3.38-1.22,4.6-4.61,4.6h-6.64c-3.38,0-4.6-1.22-4.6-4.6V220.55H257.5c-3.38,0-4.6-1.22-4.6-4.61v-4.88a9,9,0,0,1,1.62-5.55l45-55.83a8.07,8.07,0,0,1,6.5-3.25h7.45c3.39,0,4.61.95,4.61,4.61v54.47Zm-25.2-36.32-29.41,36.32h29.41Z" fill="#68e1fd"></path><path d="M307.35,135.53s-8.51-2.32-10.36-10.25c0,0,13.19-2.66,13.57,10.95Z" fill="#68e1fd" opacity="0.58"></path><path d="M308.4,134.69s-5.95-9.41-.72-18.2c0,0,10,6.37,5.58,18.22Z" fill="#68e1fd" opacity="0.73"></path><path d="M309.93,134.7s3.14-9.94,12.65-11.82c0,0,1.78,6.45-6.16,11.84Z" fill="#68e1fd"></path><polygon points="303.76 134.47 305.48 146.28 316.35 146.33 317.95 134.53 303.76 134.47" fill="#24285b"></polygon><path d="M201.88,126.11s1.4,6.75.79,11.43a3.46,3.46,0,0,1-3.91,3c-2.35-.34-5.43-1.48-6.62-5l-2.76-5.75a6.21,6.21,0,0,1,1.93-6.9C194.85,119.63,201.23,122,201.88,126.11Z" fill="#f4a28c"></path><polygon points="189.88 130.8 188.98 153.41 201.47 153.01 197.11 136.72 189.88 130.8" fill="#f4a28c"></polygon><path d="M200.21,126.59a27.36,27.36,0,0,1-6.37.27,5.76,5.76,0,0,1,.74,6.27,4.68,4.68,0,0,1-5.4,2.52l-.93-8.82a7,7,0,0,1,2.8-6.64,24.34,24.34,0,0,1,2.77-1.79c2.41-1.32,6.32-.07,8.39-2.05a1.67,1.67,0,0,1,2.75.78c.72,2.63.74,6.9-2.71,8.79A6.36,6.36,0,0,1,200.21,126.59Z" fill="#24285b"></path><path d="M195.29,132.84s-.36-2.64-2.32-2.2-1.46,4.25,1.28,4.28Z" fill="#f4a28c"></path><path d="M202.54,130.41l2.23,2.41a1.11,1.11,0,0,1-.49,1.81l-2.56.8Z" fill="#f4a28c"></path><path d="M198.22,140.25a8.24,8.24,0,0,1-4.3-1.92s.66,4.09,5.66,7.61Z" fill="#ce8172" opacity="0.31"></path><path d="M189,153.41l12.49-.4s19.62-3.33,26.43,12.67S226,204.29,226,204.29,218.9,228.16,189,225.52c0,0-24.87-1.44-27.68-35.53a33.25,33.25,0,0,0-.68-4.42C159.5,180.24,158.84,164.07,189,153.41Z" fill="#68e1fd"></path><path d="M172.27,174.65s6.66.73,15.91,16.22,27.41,9.81,37.65-1.65l-19,25.14-21.28-1.71-11.57-30.8Z" opacity="0.08"></path><rect x="242.24" y="139" width="3.69" height="10.74" transform="translate(-16.97 33.59) rotate(-7.61)" fill="#ffd200"></rect><rect x="242.24" y="139" width="3.69" height="10.74" transform="translate(-16.97 33.59) rotate(-7.61)" opacity="0.08"></rect><rect x="242.52" y="146.67" width="5.67" height="13.79" transform="translate(-18.17 33.84) rotate(-7.61)" fill="#24285b"></rect><path d="M240,116.77a12.1,12.1,0,1,0,13.6,10.39A12.1,12.1,0,0,0,240,116.77Zm2.74,20.46a8.55,8.55,0,1,1,7.33-9.6A8.56,8.56,0,0,1,242.78,137.23Z" fill="#ffd200"></path><circle cx="241.67" cy="128.8" r="8.59" fill="#fff"></circle><path d="M161,176.33a6.18,6.18,0,0,1,11.25-1.68,141.62,141.62,0,0,1,12,24.39c7.15,19.06,42.21,6.49,55.15-37.95l7.38,4.59s-10.18,57.72-51.16,59.84c0,0-25.58,5.18-33.35-26.21,0,0-2-5.91-2.12-9.25l-.54-3.76a31.69,31.69,0,0,1,1.32-9.87Z" fill="#68e1fd"></path><path d="M161,176.33a6.18,6.18,0,0,1,11.25-1.68,141.62,141.62,0,0,1,12,24.39c7.15,19.06,42.21,6.49,55.15-37.95l7.38,4.59s-10.18,57.72-51.16,59.84c0,0-25.58,5.18-33.35-26.21,0,0-2-5.91-2.12-9.25l-.54-3.76a31.69,31.69,0,0,1,1.32-9.87Z" fill="#fff" opacity="0.39"></path><path d="M241.27,162.21s.75-9.51,4.67-9.49,13.13,7.06-1.09,11.71Z" fill="#f4a28c"></path><path d="M343.49,89.6a6.76,6.76,0,0,0-6.76-6.76,6.59,6.59,0,0,0-1.09.09,9.1,9.1,0,0,0-8-4.8l-.33,0a10.82,10.82,0,1,0-21,0l-.33,0a9.12,9.12,0,1,0,0,18.23h31.63V96.3A6.77,6.77,0,0,0,343.49,89.6Z" fill="#e6e6e6"></path><path d="M80.7,156.51a5.8,5.8,0,0,0-5.8-5.8,7,7,0,0,0-.93.08,7.81,7.81,0,0,0-6.89-4.11H66.8a9.28,9.28,0,1,0-18,0h-.28a7.82,7.82,0,1,0,0,15.63H75.65v-.05A5.81,5.81,0,0,0,80.7,156.51Z" fill="#e6e6e6"></path></svg>
\ No newline at end of file
htdocs/assets/img/illustrations/meeting.svg 0 → 100644
View file @ 010c0734
This diff is collapsed.
htdocs/assets/img/illustrations/presentation.svg 0 → 100644
View file @ 010c0734
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>_</title><path d="M107.22,60.25C73.29,69.42,46.5,90.91,42.27,130.46c-3.56,33.33,1.47,92.18,58.61,101.82C212.07,251,303,257.15,343.9,205.86c25.28-31.69,33.09-120.41-29.8-142C271.45,49.27,180,40.59,107.22,60.25Z" fill="#e6e6e6" opacity="0.3"></path><rect x="77.75" y="76.08" width="240.2" height="126.94" fill="#e6e6e6"></rect><g opacity="0.12"><rect x="293.17" y="128.51" width="12.29" height="21.97" transform="translate(598.62 278.99) rotate(-180)"></rect><rect x="273.14" y="120.48" width="12.29" height="30" transform="translate(558.56 270.96) rotate(-180)"></rect><rect x="253.11" y="107.61" width="12.29" height="42.88" transform="translate(518.5 258.09) rotate(-180)"></rect><rect x="233.08" y="95.9" width="12.29" height="54.58" transform="translate(478.44 246.38) rotate(-180)"></rect></g><path d="M104.81,177.34V158s9.55,11.78,13.77,10.89,10.89-16,15.55-17.11,5.11,8,9.34,6.67,19.55-27.33,25.77-27.78,10.89,14.44,16.88,12,23.11-33.77,31.55-38.21v72.87Z" opacity="0.08"></path><g opacity="0.08"><polygon points="225.45 184.12 98.92 184.12 98.92 87.47 100.92 87.47 100.92 182.12 225.45 182.12 225.45 184.12"></polygon></g><path d="M318,138.51V203H281.51c-1.07-9.45-13.86-12.09-32.18-13.6-20.71-1.72-20.47-38.52-23.29-48.34s5.69-8.82,5.69-8.82,6,28.43,19.24,35.35,11.29-8,15.29-28.5,34-13.64,34-13.64l1.34-12s-5.23-4.7-5.29-11.3,3-6.3,3-6.3l7.8,3.52,1.77,12.84Z" opacity="0.08"></path><path d="M236.17,138.1s.49-8.06-4.68-10.08,0,12.64,0,12.64Z" fill="#f4a28c"></path><path d="M295.88,127.73a10,10,0,0,0-15-.13,39.54,39.54,0,0,0-10.25,26c-.67,22.31-16.43,20.1-32.81-16.42l-7.93,4.33s21.7,72.14,54.85,31.23C305,147.85,301.59,134.43,295.88,127.73Z" fill="#68e1fd"></path><path d="M292.45,124.57a7.07,7.07,0,0,0-8.94.44,39.31,39.31,0,0,0-12.86,28.6c-.67,22.31-16.43,20.1-32.81-16.42l-7.93,4.33s21.7,72.14,54.85,31.23C308.85,143,299.41,129.66,292.45,124.57Z" opacity="0.08"></path><path d="M302.28,99.89a32.49,32.49,0,0,0,0,8.73,2.64,2.64,0,0,0,3.13,2,5.82,5.82,0,0,0,4.75-4.18L312,102a4.71,4.71,0,0,0-1.85-5.12C307.25,94.58,302.54,96.7,302.28,99.89Z" fill="#f4a28c"></path><polygon points="311.65 102.78 313.6 119.89 304.1 120.29 306.49 107.68 311.65 102.78" fill="#f4a28c"></polygon><path d="M303.57,100.17a21.18,21.18,0,0,0,4.85-.16,4.37,4.37,0,0,0-.21,4.8,3.56,3.56,0,0,0,4.24,1.61l.22-6.74a5.36,5.36,0,0,0-2.5-4.89,18.63,18.63,0,0,0-2.21-1.2c-1.9-.86-4.8.31-6.49-1.08a1.26,1.26,0,0,0-2,.74c-.39,2-.17,5.28,2.56,6.53A5.23,5.23,0,0,0,303.57,100.17Z" fill="#24285b"></path><path d="M307.66,104.63s.12-2,1.64-1.8,1.34,3.15-.74,3.33Z" fill="#f4a28c"></path><path d="M302,103.2l-1.55,2a.84.84,0,0,0,.47,1.34l2,.47Z" fill="#f4a28c"></path><path d="M305.85,110.42a6.21,6.21,0,0,0,3.15-1.7s-.27,3.14-3.86,6.1Z" fill="#ce8172" opacity="0.31"></path><path d="M294.29,120.09s35.31-7.91,48-.81-12.18,73.92-12.18,73.92l-39-1.24S257,126.88,294.29,120.09Z" fill="#68e1fd"></path><path d="M325,125.47s-11.15,7.23-5.48,23.74,6.61,28.34-6.79,24.2-12.42-22.62-12.42-22.62L286.6,152.9l-1.32,26.23,5.8,12.83L325,189.83l13.8-3.52L343.9,169l-9.37-29.31Z" opacity="0.08"></path><path d="M305.88,226.07c.18-11.06,1.63-21.53,6.2-24,5.18-2.86,8.32,10.11,10.17,24h9.34l0-36.65L291.08,192l5.32,34.11Z" fill="#24285b"></path><path d="M331.83,117.17s22-3.69,22,30.87-5.28,65.34-56,34.5l3.86-5.88s27.3,12,33.11,1.46S312,123,331.83,117.17Z" fill="#68e1fd"></path><path d="M331.83,117.17s22-3.69,22,30.87-5.28,65.34-56,34.5l3.86-5.88s27.3,12,33.11,1.46S312,123,331.83,117.17Z" fill="#fff" opacity="0.46"></path><rect x="276.29" y="149.83" width="19.18" height="28.71" transform="translate(-31.42 74.71) rotate(-14.12)" fill="#ffd200"></rect><path d="M301.68,176.66s-9.15-7.25-10.6-1.71,8.06,5.58,8.06,5.58Z" fill="#f4a28c"></path><rect x="164.46" y="95.91" width="22.27" height="3.75" opacity="0.08"></rect><rect x="164.46" y="105.8" width="22.27" height="3.75" opacity="0.08"></rect><rect x="150.96" y="95.91" width="6.57" height="3.75" fill="#fff" opacity="0.46"></rect><rect x="150.96" y="105.8" width="6.57" height="3.75" fill="#ffd200"></rect><path d="M142.93,104.47a14.49,14.49,0,1,1-.31-2.94h0c.08.38.14.78.2,1.17A14.5,14.5,0,0,1,142.93,104.47Z" fill="#fff" opacity="0.46"></path><path d="M128.48,90v14.45l14.15-2.94S140.65,89.93,128.48,90Z" fill="#ffd200"></path><path d="M142.93,104.47a14.45,14.45,0,0,1-22.48,12l8-12,14.14-2.94c.08.38.14.78.2,1.17A14.5,14.5,0,0,1,142.93,104.47Z" opacity="0.1"></path><path d="M129.25,128.2c.43,0,.56.14.56.57v.92a4.16,4.16,0,0,1,3.45,2.57c.23.45.14.69-.37.92l-.91.42c-.43.2-.63.11-.88-.33a2.35,2.35,0,0,0-2.4-1.43c-1.59,0-2.31.49-2.3,1.55a1.4,1.4,0,0,0,1.29,1.24,9,9,0,0,0,1.35.2,9,9,0,0,1,2.49.47,3.35,3.35,0,0,1,1.1.59,3.59,3.59,0,0,1,1,2.61c0,2-1.34,3.42-3.75,3.79v1c0,.42-.13.58-.56.58h-1c-.43,0-.58-.14-.58-.57v-.95a4.26,4.26,0,0,1-3.75-2.85.62.62,0,0,1,.42-.87l.92-.34c.46-.17.67-.06.88.41a2.44,2.44,0,0,0,2.53,1.55c1.72,0,2.57-.56,2.57-1.66a1.15,1.15,0,0,0-.82-1.15,6.08,6.08,0,0,0-1.85-.35,8.12,8.12,0,0,1-2.5-.52,3.62,3.62,0,0,1-1.09-.61,3.38,3.38,0,0,1-1-2.53c0-2,1.24-3.37,3.63-3.71v-.91c0-.43.14-.58.57-.58Z" opacity="0.08"></path><rect x="48.1" y="215.91" width="298.56" height="10.83" fill="#e6e6e6"></rect><rect x="48.1" y="226.24" width="298.56" height="24.54" fill="#c9c9c9"></rect><path d="M91.37,216.24s-10,25.71-33.66,34.53H211.17l-3.07-14.11L107.94,215.91Z" opacity="0.08"></path><path d="M120.83,170.11s16,12,22.82,28.83a13.76,13.76,0,0,1-12.61,19l-18.76.13Z" fill="#f4a28c"></path><polygon points="102.22 153.92 100.77 162.3 93.23 162.85 97.82 149.44 102.22 153.92" fill="#f4a28c"></polygon><path d="M99.58,141.53a5,5,0,0,1,8,2.71c1,3.84,1.73,9.46-2.73,9.92-6.81.7-8-8.09-8-8.09A9.19,9.19,0,0,1,99.58,141.53Z" fill="#f4a28c"></path><path d="M100.89,147.86s-.7-1.76-2.1-.55.47,3.16,1.56,2.75S100.89,147.86,100.89,147.86Z" fill="#f4a28c"></path><path d="M73.15,166.91s18.18-10.09,34.35-4.06c29.44,11,27.82,30.71,7.15,87.26l-27.11.15Z" fill="#68e1fd"></path><path d="M101,161.23s-1.75,4.31,1.26,16.83,18.61,54.49,18.61,54.49l-6.18,17.56h-9.87L74.47,166.24S88.18,159.13,101,161.23Z" opacity="0.08"></path><path d="M107.15,250.26s5.57-77.38-27.46-83.35-44,22.41-24.7,83.35Z" fill="#ffd200"></path><path d="M99.08,250.26s5.58-77.38-27.45-83.35-44,22.41-24.71,83.35Z" fill="#ffd200"></path><path d="M99.08,250.26s5.58-77.38-27.45-83.35-44,22.41-24.71,83.35Z" opacity="0.08"></path><path d="M91.52,158a11,11,0,0,0,1.73-10.17c-.83-2.62-.77-6,2.2-9.5,6.59-7.81,16-2.3,12.88,2.14s-4.83,6.45-4.83,6.45,11.37,12,5.44,19.24C103.67,172.61,82.13,169.87,91.52,158Z" fill="#24285b"></path><polygon points="194.15 153.92 192.7 162.3 185.16 162.85 189.75 149.44 194.15 153.92" fill="#f4a28c"></polygon><path d="M191.51,141.53a5,5,0,0,1,8,2.71c1,3.84,1.72,9.46-2.73,9.92-6.81.7-8-8.09-8-8.09A9.19,9.19,0,0,1,191.51,141.53Z" fill="#f4a28c"></path><path d="M192.82,147.86s-.7-1.76-2.1-.55.47,3.16,1.56,2.75S192.82,147.86,192.82,147.86Z" fill="#f4a28c"></path><path d="M194.52,146.39s-1.43,9-5.8,6.07-.09-4.87-.57-9.49,2-6.25,7.06-7.34c2.34-.5,3.77-.55,4.8-.92a2.82,2.82,0,0,1,3.85,2.83C203.49,141.1,201.4,145,194.52,146.39Z" fill="#24285b"></path><path d="M165.08,166.91s18.18-10.09,34.35-4.06c29.44,11,27.72,31.4,7,88L180,250.64Z" fill="#68e1fd"></path><path d="M193,161.62s-1.74,4.3,1.27,16.82,18.6,54.49,18.6,54.49l-6.18,17.57h-9.86l-30.32-83.88S180.18,159.51,193,161.62Z" opacity="0.08"></path><path d="M199.43,250.8s5.21-77.92-27.81-83.89-44,22.41-24.71,83.35Z" fill="#ffd200"></path><path d="M191,250.26s5.57-77.38-27.46-83.35-43.21,23.33-23.9,84.28Z" fill="#ffd200"></path><path d="M191,250.71s5.62-77.83-27.41-83.8-43.21,23.33-23.9,84.28Z" opacity="0.08"></path><path d="M196.76,182.49c.56-10.62,14.05-14.92,20.72-6.63,5.16,6.4,8.71,15.83,8.3,29.73a60.91,60.91,0,0,0,18.16,45.21H224.68s-16.36-19.34-25.25-49.87C197.19,193.23,196.51,187.2,196.76,182.49Z" fill="#68e1fd"></path></svg>
\ No newline at end of file
htdocs/assets/img/illustrations/teamwork.svg 0 → 100644
View file @ 010c0734
This diff is collapsed.
htdocs/assets/img/illustrations/web-development.svg 0 → 100644
View file @ 010c0734
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300" width="406" height="306" class="illustration styles_illustrationTablet__1DWOa"><title>#4 web development</title><ellipse cx="88.4" cy="256.54" rx="56.71" ry="10.74" fill="#e6e6e6" opacity="0.45"></ellipse><rect x="91.17" y="76.3" width="209.1" height="137.4" fill="#e6e6e6"></rect><circle cx="101.28" cy="85.42" r="3.42" fill="#24285b"></circle><circle cx="111.44" cy="85.42" r="3.42" fill="#68e1fd"></circle><circle cx="121.02" cy="85.42" r="3.42" fill="#ffd200"></circle><path d="M266.38,76.3l-49.25.2-7.88,11.09L135,155.78l6.1,11.85-20.85,8.22H99.93L97.24,213.7H121l3.36-22.1c19.89-2.65,33-20.88,33-20.88h0L244,133.67l-11-25.34,14.63-7,.81,4.59s7.91-2.18,7.58-9.55S255,79.85,266.38,76.3Z" opacity="0.08"></path><path d="M225.74,48.37C224.53,58.06,219.53,78.08,199,87l3,5s28.57-9,35.46-32c3.09-10.35,1.12-14.84-2-16.66A6.58,6.58,0,0,0,225.74,48.37Z" fill="#68e1fd"></path><path d="M225.74,48.37C224.53,58.06,219.53,78.08,199,87l3,5s28.57-9,35.46-32c3.09-10.35,1.12-14.84-2-16.66A6.58,6.58,0,0,0,225.74,48.37Z" fill="#fff" opacity="0.2"></path><polygon points="228.36 33.05 233.27 39.04 237.59 34.4 229.84 27.52 228.36 33.05" fill="#f4a28c"></polygon><path d="M224.9,22.05a4.57,4.57,0,0,0-5.11,5.72c.91,3.5,2.87,8.27,6.61,6.63,5.71-2.5,2.71-10,2.71-10A8.35,8.35,0,0,0,224.9,22.05Z" fill="#f4a28c"></path><path d="M232.49,68.94l-9.74,5a7,7,0,0,0-2.86,9.66l8.75,15.15,4.26-3-5-13.82a1.73,1.73,0,0,1,1.21-2.28l9.71-2.37-1.73,4.6a9.64,9.64,0,0,0,1,8.78l9,13.42,3.41-2.09L246.17,90.1a7.6,7.6,0,0,1,1.53-7.73l4.69-5.14Z" fill="#24285b"></path><rect x="268.35" y="191" width="58.5" height="37" fill="#f2f2f2"></rect><rect x="258.99" y="191" width="9.51" height="22.7" opacity="0.08"></rect><path d="M217.61,23.32s-1.58,5.08,3.92,3.83,5.08-3,5.08-3,.42,6,3.17,4.67,1.17-4.6,0-6.84-1.86-2.91-5-3.24S218,20.24,217.61,23.32Z" fill="#24285b"></path><path d="M226.7,27.65s-.23-1.71,1.42-1.38,1,2.71,0,2.88S226.7,27.65,226.7,27.65Z" fill="#f4a28c"></path><polygon points="81.73 157.66 84.18 165.01 78.37 168.7 76.27 155.96 81.73 157.66" fill="#f4a28c"></polygon><path d="M74.28,148.86a4.58,4.58,0,0,1,7.57-1.27c2.47,2.64,5.45,6.85,2.08,9.13-5.17,3.5-9.91-3-9.91-3A8.35,8.35,0,0,1,74.28,148.86Z" fill="#f4a28c"></path><path d="M78.06,153.37s-1.33-1.11-1.93.46,1.74,2.34,2.44,1.54S78.06,153.37,78.06,153.37Z" fill="#f4a28c"></path><path d="M232.23,37.77l5.36-3.37s17.41-5.95,22.91-.48,5.89,26.11-8.11,43.31l-19.9-8.29s.4-9.9-2.91-12.4S222.2,46.54,232.23,37.77Z" fill="#68e1fd"></path><path d="M229.64,98s-1.09,5.06.86,4.88,2.4-7.18,2.4-7.18Z" fill="#68e1fd"></path><path d="M247.19,103.85s-1.09,5.05.86,4.88,2.39-7.18,2.39-7.18Z" fill="#68e1fd"></path><path d="M274.81,73.77s-3.36,1.45-2.12,3.11,5.49-.58,5.49-.58l.26-2.53Z" fill="#f4a28c"></path><path d="M199.41,87.59s-5.52.45-4.36,1.72a5.94,5.94,0,0,0,2.1,1.61s-4,4.47-1.09,5.36,5.75-4.68,5.75-4.68Z" fill="#f4a28c"></path><rect x="116.77" y="105.85" width="107.16" height="42.5" transform="matrix(0.91, -0.42, 0.42, 0.91, -37.5, 82.72)" fill="#ffd200"></rect><rect x="155.02" y="111.38" width="51.5" height="7" transform="translate(-31.45 85.96) rotate(-24.68)" fill="#fff" opacity="0.58"></rect><rect x="161.07" y="124.56" width="51.5" height="7" transform="translate(-36.4 89.69) rotate(-24.68)" fill="#fff" opacity="0.58"></rect><circle cx="142.04" cy="141.07" r="11.12" fill="#fff"></circle><polyline points="288.24 202.33 280.44 209.91 288.24 217.5" fill="none" stroke="#a5a5a5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline><polyline points="305.11 202.33 312.91 209.91 305.11 217.5" fill="none" stroke="#a5a5a5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline><path d="M191.68,64.18S182.07,61.6,180,52.68c0,0,14.85-3.07,15.34,12.27Z" fill="#68e1fd" opacity="0.58"></path><path d="M192.85,63.22s-6.75-10.57-.89-20.5c0,0,11.33,7.13,6.37,20.5Z" fill="#68e1fd" opacity="0.73"></path><path d="M194.58,63.22s3.49-11.2,14.19-13.37c0,0,2,7.26-6.88,13.37Z" fill="#68e1fd"></path><line x1="299.71" y1="202.33" x2="292.23" y2="217.5" fill="none" stroke="#a5a5a5" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></line><rect x="104.69" y="100.42" width="29.31" height="5.5" fill="#cecece" opacity="0.63"></rect><path d="M77.07,167.25s-17.17,10.4-19.42,34.8a8.46,8.46,0,0,0,6.41,9L84.18,216Z" fill="#68e1fd"></path><path d="M77.07,167.25s-17.17,10.4-19.42,34.8a8.46,8.46,0,0,0,6.41,9L84.18,216Z" fill="#fff" opacity="0.2"></path><polygon points="187.62 63 189.62 76.3 201.87 76.3 203.62 63 187.62 63" fill="#24285b"></polygon><path d="M78.79,151.46s2.74,7.86-2.05,7.37-2.16-3.87-4.54-7.37-1.12-5.86,2.5-8.93c1.67-1.41,2.79-2.06,3.45-2.81a2.57,2.57,0,0,1,4.31.61C83.7,143.35,83.71,147.39,78.79,151.46Z" fill="#24285b"></path><rect x="256.33" y="112.62" width="43.94" height="69.09" opacity="0.08"></rect><rect x="50" y="198.25" width="34.18" height="24.5" transform="matrix(0.97, -0.25, 0.25, 0.97, -50.55, 23.49)" fill="#ffd200"></rect><polygon points="67.09 197.85 70.89 213.7 69.9 222.43 78.79 220.13 81.44 213.05 72.9 196.34 67.09 197.85" opacity="0.08"></polygon><path d="M73.1,172.36a13.79,13.79,0,0,1,8.67-7.56c7.34-2.21,21.28-6.83,25.4,0,5.64,9.4-3,46.31-3,46.31l-24.67,1.91S65.89,188.58,73.1,172.36Z" fill="#68e1fd"></path><polygon points="104.13 211.14 100.88 253.55 95.75 253.55 91.17 220.6 79.83 213.05 104.13 211.14" fill="#24285b"></polygon><polygon points="79.83 213.05 72.75 253.55 78.25 253.55 90.13 219.91 79.83 213.05" fill="#24285b"></polygon><path d="M92.44,170.45A7,7,0,0,1,99,161.32c3.14-.1,6.75.44,9.52,2.68,6.17,5,26.4,8.4,44.66-8.31l3.51,5.39s-20.74,27-53.22,19.24a15.2,15.2,0,0,1-10.9-9.56C92.52,170.66,92.48,170.55,92.44,170.45Z" fill="#68e1fd"></path><path d="M92.44,170.45A7,7,0,0,1,99,161.32c3.14-.1,6.75.44,9.52,2.68,6.17,5,26.4,8.4,44.66-8.31l3.51,5.39s-20.74,27-53.22,19.24a15.2,15.2,0,0,1-10.9-9.56C92.52,170.66,92.48,170.55,92.44,170.45Z" fill="#fff" opacity="0.2"></path><path d="M83.9,164.15s-11.54,37.17,21.78,39.63l-1.55,7.36-24.67,1.91a64,64,0,0,1-8.33-32.82s.21-9.48,6.89-13.67A15.09,15.09,0,0,1,83.9,164.15Z" opacity="0.08"></path><path d="M73.75,253.55l-3.41,2.51a.75.75,0,0,0,.44,1.36H76.5a.76.76,0,0,0,.75-.75v-3.12Z" fill="#68e1fd"></path><path d="M100.74,253.55l3.21,2.51a.76.76,0,0,1-.47,1.36H99.41a2.18,2.18,0,0,1-2.17-2.18v-1.69Z" fill="#68e1fd"></path><rect x="266.38" y="99.17" width="72.63" height="74.58" fill="#f2f2f2"></rect><rect x="279.5" y="117.57" width="44.75" height="2.68" fill="#a5a5a5"></rect><rect x="279.5" y="134.5" width="44.75" height="2.68" fill="#a5a5a5"></rect><rect x="279.5" y="151.43" width="44.75" height="2.68" fill="#a5a5a5"></rect><rect x="318" y="112.62" width="7.85" height="12.58" rx="3.92" ry="3.92" fill="#24285b"></rect><rect x="300.27" y="129.55" width="7.85" height="12.58" rx="3.92" ry="3.92" fill="#68e1fd"></rect><rect x="288.27" y="146.49" width="7.85" height="12.58" rx="3.92" ry="3.92" fill="#ffd200"></rect><rect x="163.38" y="177.79" width="81.97" height="18.68" fill="#fff"></rect><rect x="217.4" y="177.79" width="27.95" height="18.68" fill="#24285b"></rect><path d="M155.77,159.69s4.28,1.4,5.19-4.9l-7.27,1.71Z" fill="#f4a28c"></path><path d="M240.69,72.35s8.7-1.66,11.7-13.66-3.39-21.53,2.78-23,8.73,14.18,8.73,14.18.24,12.24-11.51,27.38Z" opacity="0.08"></path><path d="M259.17,32.85c5.12,1.82,13.12,5.44,18.52,11.57a16,16,0,0,1,3.81,12.89l-2.42,16.46h-5.75l.26-15a7.38,7.38,0,0,0-5.19-7.11c-6.21-1.9-15.74-6.12-15.75-14.12A4.9,4.9,0,0,1,259.17,32.85Z" fill="#68e1fd"></path><path d="M259.17,32.85c5.12,1.82,13.12,5.44,18.52,11.57a16,16,0,0,1,3.81,12.89l-2.42,16.46h-5.75l.26-15a7.38,7.38,0,0,0-5.19-7.11c-6.21-1.9-15.74-6.12-15.75-14.12A4.9,4.9,0,0,1,259.17,32.85Z" fill="#fff" opacity="0.2"></path><rect x="207.67" y="164.15" width="37.33" height="4.54" opacity="0.08"></rect></svg>
\ No newline at end of file
htdocs/assets/js/custom.js 0 → 100644
View file @ 010c0734
function enableBegin() {
var begin = document.getElementById("begin");
if (begin.disabled == true) {
begin.disabled = false;
begin.classList.remove('disabled');
} else {
begin.disabled = true;
begin.classList.add("disabled");
}
}
function ferry() {
let randomNumber = Math.random() * 100;
if (randomNumber > 50) {
window.location.replace("clean.html");
} else {
window.location.replace("cluttered.html");
}
}
\ No newline at end of file
htdocs/assets/js/startup-modern.js 0 → 100644
View file @ 010c0734
(function() {
"use strict"; // Start of use strict
var mainNav = document.querySelector('#mainNav');
if (mainNav) {
// Collapse Navbar
var collapseNavbar = function() {
var scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
if (scrollTop > 100) {
mainNav.classList.add("navbar-shrink");
} else {
mainNav.classList.remove("navbar-shrink");
}
};
// Collapse now if page is not at top
collapseNavbar();
// Collapse the navbar when page is scrolled
document.addEventListener("scroll", collapseNavbar);
}
})(); // End of use strict
htdocs/assets/php/clean.php 0 → 100755
View file @ 010c0734
<?php
/* Attempt MySQL server connection. Assuming you are running MySQL
server with default setting (user 'root' with no password) */
define( 'DB_SERVER', 'localhost' );
define( 'DB_staffNo', 'jonathan.poalses' );
define( 'DB_PASSWORD', '8YlReLMlNknGQzZq' );
define( 'DB_NAME', 'jonathanpoalses' );
/* Attempt to connect to MySQL database */
$link = mysqli_connect( DB_SERVER, DB_staffNo, DB_PASSWORD, DB_NAME );
// Check connection
if ( $link === false ) {
die( "ERROR: Could not connect. " . mysqli_connect_error() );
}
if (isset( $_POST[ "submit" ] ) ) {
// Prepare a select statement
$sql = "INSERT INTO HCI VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
if ( $stmt = mysqli_prepare( $link, $sql ) ) {
// Bind variables to the prepared statement as parameters
mysqli_stmt_bind_param( $stmt, "iiiiiiiiiiiii", $Clean, $Story1, $Story2, $Story3, $Story4, $Story5, $Story6, $Story7, $Story8, $Story9, $Story10, $Story11, $Story12 );
//Retrive all the data, making sure to trim and filter
$Clean = 1;
$Story1 = filter_var( trim( $_POST[ "Story1" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story2 = filter_var( trim( $_POST[ "Story2" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story3 = filter_var( trim( $_POST[ "Story3" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story4 = filter_var( trim( $_POST[ "Story4" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story5 = filter_var( trim( $_POST[ "Story5" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story6 = filter_var( trim( $_POST[ "Story6" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story7 = filter_var( trim( $_POST[ "Story7" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story8 = filter_var( trim( $_POST[ "Story8" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story9 = filter_var( trim( $_POST[ "Story9" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story10 = filter_var( trim( $_POST[ "Story10" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story11 = filter_var( trim( $_POST[ "Story11" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story12 = filter_var( trim( $_POST[ "Story12" ] ), FILTER_SANITIZE_NUMBER_INT );
// Attempt to execute the prepared statement
if ( mysqli_stmt_execute( $stmt ) ) {
// Redirect to main menu
header("location: ../thanks.html");
} else {
echo "ERROR: Could not execute $sql. " . mysqli_error( $link );
}
}
// Close statement
mysqli_stmt_close( $stmt );
}
// close connection
mysqli_close( $link );
?>
\ No newline at end of file
htdocs/assets/php/cluttered.php 0 → 100755
View file @ 010c0734
<?php
/* Attempt MySQL server connection. Assuming you are running MySQL
server with default setting (user 'root' with no password) */
define( 'DB_SERVER', 'localhost' );
define( 'DB_staffNo', 'jonathan.poalses' );
define( 'DB_PASSWORD', '8YlReLMlNknGQzZq' );
define( 'DB_NAME', 'jonathanpoalses' );
/* Attempt to connect to MySQL database */
$link = mysqli_connect( DB_SERVER, DB_staffNo, DB_PASSWORD, DB_NAME );
// Check connection
if ( $link === false ) {
die( "ERROR: Could not connect. " . mysqli_connect_error() );
}
if (isset( $_POST[ "submit" ] ) ) {
// Prepare a select statement
$sql = "INSERT INTO HCI VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)";
if ( $stmt = mysqli_prepare( $link, $sql ) ) {
// Bind variables to the prepared statement as parameters
mysqli_stmt_bind_param( $stmt, "iiiiiiiiiiiii", $Clean, $Story1, $Story2, $Story3, $Story4, $Story5, $Story6, $Story7, $Story8, $Story9, $Story10, $Story11, $Story12 );
//Retrive all the data, making sure to trim and filter
$Clean = 0;
$Story1 = filter_var( trim( $_POST[ "Story1" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story2 = filter_var( trim( $_POST[ "Story2" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story3 = filter_var( trim( $_POST[ "Story3" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story4 = filter_var( trim( $_POST[ "Story4" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story5 = filter_var( trim( $_POST[ "Story5" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story6 = filter_var( trim( $_POST[ "Story6" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story7 = filter_var( trim( $_POST[ "Story7" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story8 = filter_var( trim( $_POST[ "Story8" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story9 = filter_var( trim( $_POST[ "Story9" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story10 = filter_var( trim( $_POST[ "Story10" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story11 = filter_var( trim( $_POST[ "Story11" ] ), FILTER_SANITIZE_NUMBER_INT );
$Story12 = filter_var( trim( $_POST[ "Story12" ] ), FILTER_SANITIZE_NUMBER_INT );
// Attempt to execute the prepared statement
if ( mysqli_stmt_execute( $stmt ) ) {
// Redirect to main menu
header("location: ../thanks.html");
} else {
echo "ERROR: Could not execute $sql. " . mysqli_error( $link );
}
}
// Close statement
mysqli_stmt_close( $stmt );
}
// close connection
mysqli_close( $link );
?>
\ No newline at end of file
htdocs/clean.html 0 → 100644
View file @ 010c0734
This diff is collapsed.
Clean Design Site/cluttered.html → htdocs/cluttered.html
View file @ 010c0734
......@@ -182,7 +182,7 @@
</div>
</section>
<section class="text-bg-dark py-4 py-xl-5">
<div class="container text-center"><button class="btn btn-light btn-lg border rounded-pill" type="submit">Submit</button></div>
<div class="container text-center"><button class="btn btn-light btn-lg border rounded-pill" name="submit" type="submit">Submit</button></div>
</section>
</form>
<footer>
......
htdocs/faq.html 0 → 100644
View file @ 010c0734
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FAQ - Trustworthy Times</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navbar-shrink py-3" id="mainNav">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" href="/"><span>Trustworthy Times</span></a></div>
</nav>
<section class="py-5 my-5">
<div class="container py-5">
<div class="row mb-2">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 class="display-6 fw-bold mb-5"><span class="pb-3 underline">FAQ<br></span></h2>
<p class="text-muted mb-5">Curae hendrerit donec commodo hendrerit egestas tempus, turpis facilisis nostra nunc. Vestibulum dui eget ultrices.</p>
</div>
</div>
<div class="row mb-2">
<div class="col-md-8 mx-auto">
<div class="accordion text-muted" role="tablist" id="accordion-1">
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Aenean arcu euismod aliquam, volutpat consequat?</button></h2>
<div class="accordion-collapse collapse show item-1" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p>Maecenas diam volutpat, erat quis enim cras lobortis vivamus donec tempor. Congue ultrices donec turpis vivamus. Laoreet aenean metus, mi nunc massa feugiat duis. Pharetra erat consequat purus curae quisque, etiam accumsan class.</p>
<p class="mb-0">Commodo rutrum quisque curabitur habitasse, suspendisse etiam.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Lorem quam erat placerat mollis, rhoncus senectus?</button></h2>
<div class="accordion-collapse collapse item-2" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Iaculis accumsan id, facilisis proin ipsum velit neque?</button></h2>
<div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1">
<div class="accordion-body">
<p class="mb-0">Nullam id dolor id nibh ultricies vehicula ut id elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="container py-4 py-lg-5">
<div class="row row-cols-1 row-cols-md-4 justify-content-center">
<div class="col-md-3">
<div class="fw-bold d-flex align-items-center mb-2"><span>Trustworthy Times</span></div>
<p class="text-muted">All trustworthy, all the time.</p>
</div>
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 Trustworthy Times</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></li>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/startup-modern.js"></script>
</body>
</html>
\ No newline at end of file
htdocs/index.html 0 → 100644
View file @ 010c0734
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Trustworthy Times</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navbar-shrink py-3" id="mainNav">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" href="/"><span>Trustworthy Times</span></a></div>
</nav>
<section class="py-5 my-5">
<div class="container py-5">
<div class="row mb-2">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 class="display-6 fw-bold mb-5"><span class="pb-3 underline">Welcome to our study!<br></span></h2>
<p class="text-muted mb-5">This is a study to see what effect the UI style of a news website has on the readers ability to tell if a story is real or fake.</p>
<p class="text-muted mb-5">There are two possible styles, to keep things simple. One is a cluttered UI, and the other is a clean UI.</p>
<p class="text-muted mb-5">&nbsp;When you press the button below, you will be randomly taken to one of these two pages, where you will see the headline and picture for 12 stories, where you select if you think each is real or fake, then you press submit at the bottom.</p>
</div>
</div>
<div class="row mb-2">
<div class="col-md-8 text-center mx-auto">
<div class="form-check"><input class="form-check-input float-none" type="checkbox" id="formCheck" style="margin: 4.8px 10px 4px -24px;" name="Terms" value="Accept" onclick="enableBegin()"><label class="form-check-label" for="formCheck-1">Do you accept the <a href="#" data-bs-target="#modal-1" data-bs-toggle="modal" style="color: var(--bs-info);"><span>terms and conditions</span></a>?</label></div><button class="btn btn-primary disabled text-center border rounded-pill" id="begin" type="button" style="margin: 12px;width: 123.3594px;height: 57.5938px;font-size: 22px;" disabled="" onclick="ferry()">Begin</button>
</div>
</div>
</div>
</section>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Terms and conditions.</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>We will not use any IP information.<br><br>We will not use any cookies.<br><br>We will not use any personal information such as names.<br><br>We will not use any location information.<br><br>We will only use the results from the forms on the page, stored securely in a database where only an automatically generated ID and boolean to determine which UI was used will be linked to your given results.<br><br>There will be no way that any input given by you will be saved or recorded by us, aside from the results of the study.<br><br>We only ask that you give your answers honestly, and only partake in the study once</p>
</div>
<div class="modal-footer"><button class="btn btn-primary" type="button" data-bs-target="#modal-1" data-bs-toggle="modal">Ok</button></div>
</div>
</div>
</div>
<footer>
<div class="container py-4 py-lg-5">
<div class="row row-cols-1 row-cols-md-4 justify-content-center">
<div class="col-md-3">
<div class="fw-bold d-flex align-items-center mb-2"><span>Trustworthy Times</span></div>
<p class="text-muted">All trustworthy, all the time.</p>
</div>
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 Trustworthy Times</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></li>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/custom.js"></script>
<script src="assets/js/startup-modern.js"></script>
</body>
</html>
\ No newline at end of file
htdocs/thanks.html 0 → 100644
View file @ 010c0734
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Trustworthy Times</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&amp;display=swap">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navbar-shrink py-3" id="mainNav">
<div class="container-fluid"><a class="navbar-brand d-flex align-items-center" href="/"><span>Trustworthy Times</span></a></div>
</nav>
<section class="py-5 my-5">
<div class="container py-5">
<div class="row mb-2">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 class="display-6 fw-bold mb-5"><span class="pb-3">Thank you for participating in our study!<br></span></h2>
</div>
</div>
</div>
</section>
<div class="modal fade" role="dialog" tabindex="-1" id="modal-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Terms and conditions.</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>We will not use any IP information.<br><br>We will not use any cookies.<br><br>We will not use any personal information such as names.<br><br>We will not use any location information.<br><br>We will only use the results from the forms on the page, stored securely in a database where only an automatically generated ID and boolean to determine which UI was used will be linked to your given results.<br><br>There will be no way that any input given by you will be saved or recorded by us, aside from the results of the study.<br><br>We only ask that you give your answers honestly, and only partake in the study once</p>
</div>
<div class="modal-footer"><button class="btn btn-primary" type="button" data-bs-target="#modal-1" data-bs-toggle="modal">Ok</button></div>
</div>
</div>
</div>
<footer>
<div class="container py-4 py-lg-5">
<div class="row row-cols-1 row-cols-md-4 justify-content-center">
<div class="col-md-3">
<div class="fw-bold d-flex align-items-center mb-2"><span>Trustworthy Times</span></div>
<p class="text-muted">All trustworthy, all the time.</p>
</div>
</div>
<hr>
<div class="text-muted d-flex justify-content-between align-items-center pt-3">
<p class="mb-0">Copyright © 2022 Trustworthy Times</p>
<ul class="list-inline mb-0">
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-facebook">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"></path>
</svg></li>
<li class="list-inline-item"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></li>
</ul>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/custom.js"></script>
<script src="assets/js/startup-modern.js"></script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment