michael/procons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Better styling on web pages, bad-words check now has less edge cases.

Browse Source
This commit is contained in:
Michael Housh
2024-12-31 23:57:47 -05:00
parent 8dba393267
commit 26191a15c1
6 changed files with 160 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
Resources/Views/loggedIn.leaf
View File

@@ -1,43 +1,50 @@
#extend("main"):
#export("body"):
<div class="center">
<h1>Welcome #capitalized(name)</h1>
<h1>Welcome #capitalized(name)</h1>
<div class="description">
<p>
Please add your pro's and cons during the talk to the list below.
<small>Please add your pro's and cons during the talk to the list below.</small>
</p>
<p>
<small>You can add as many pros and cons as you would like.</small>
</p>
<form id="proconForm" action="submitProOrCon">
<select id="type", name="type">
<option value="pro">Pro</option>
<option value="con">Con</option>
</select>
<br>
<br>
<label for="description">Description:</label>
<br>
<input type="text" id="description" name="description" required>
<br>
<br>
<input class="loginButton" type="submit" value="Submit">
</form>
</div>
<div class="pros">
<p class="listHeader">Pros - <small>Count: #count(pros)</small></p>
<ul>
#for(item in pros):
<li>#(item.description)</li>
#endfor
</ul>
</div>
<div class="cons">
<p class="listHeader">Cons - <small>Count: #count(cons)</small></p>
<ul>
#for(item in cons):
<li>#(item.description)</li>
#endfor
</ul>
<form id="proconForm" action="submitProOrCon">
<select id="type", name="type">
<option value="pro">Pro</option>
<option value="con">Con</option>
</select>
<br>
<input type="text" id="description" name="description" placeholder="Description" required>
<br>
<br>
<input class="loginButton" type="submit" value="Submit">
</form>
</div>
<div class="container">
<div class="pros">
<div class="counter-container">
<h3 class="counter-label">Pros</h3>
<h3 class="counter">Count: #count(pros)</h3>
</div>
<ul class="pros-list">
#for(item in pros):
<li>#(item.description)</li>
#endfor
</ul>
</div>
<div class="cons">
<div class="counter-container">
<h3 class="counter-label">Cons</h3>
<h3 class="counter">Count: #count(cons)</h3>
</div>
<ul class="cons-list">
#for(item in cons):
<li>#(item.description)</li>
#endfor
</ul>
</div>
</div>
#endexport
#endextend

1
Resources/Views/main.leaf
View File

@@ -6,7 +6,6 @@
<script src="js/site.js"></script>
</head>
<body>
<header><h1>Chiller Pro vs. Cons<h1></header>
#import("body")
<footer>
<span>2025 Symposium</span>