tsb95
/
taymath
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed background image. Changed footer text. Changed navbar color and thickness of list items. Changed font size to 5 and color to white. Added a transparent dark div to the homepage. Changed result table background color and transparency. Attempted navbar dropdown element.

This commit is contained in:
Ruh 2019-12-21 16:19:30 -08:00
parent ea12e044a6
commit 70713170ec
14 changed files with 53 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/img/bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 144 KiB

4
static/styles.css
View File

@ -15,12 +15,12 @@ background-attachment: fixed;
}
.table-secondary, .table-secondary>td, .table-secondary>th {
background-color: #b6c59d1c;
background-color: #0e170114 !important;
}
.bg-light {
/* navbar background set to lighter green*/
background-color: #959a94 !important;
background-color: #b9c3b8 !important;
}
.border {

4
templates/aprox.html
View File

@ -5,13 +5,14 @@
{% endblock %}
{% block main %}
<font color="white" size="5">
<span>Function you would like to Approximate:</span>
<form action="/aprox" method="post">
<div class = "form-group">
<input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
</div>
<p id="jp">Your Input Will Appear Here</p>
<p>To create the Linearization of f at a, L(x) = f(a) + f'(a)(x-a), we need an easy to calculate value, a,
<p>To create the Linearization of <i><b>f</i></b> at <i><b>a</i></b>, <i><b>L(x) = f(a) + f'(a)(x-a)</i></b>, we need an easy to calculate value, a,
and a difficult to find value for x</p>
<div class = "form-group">
<input autocomplete="off" autofocus class="form-control" name="easy" placeholder="Easy Value a" type="text" id="easy">
@ -19,6 +20,7 @@
</div>
<button class="btn btn-primary" type="submit">Approximate</button>
</form>
</font>
<script>
let value = $("#function").val();

4
templates/aproxd.html
View File

@ -5,10 +5,13 @@
{% endblock %}
{% block main %}
<font color="white" size="5">
<div>
<p>Your function is $f(x) = {{ value }}$</p>
<p>Your Linear Approximation of $f(x)$ at $x = {{ h }}$ is ${{ lh }}$</p>
</div>
</font>
<font color="white">
<table class="table" action="optimized">
<tbody>
<tr class="bg-dark text-white">
@ -57,4 +60,5 @@
</tr>
</tbody>
</table>
</font>
{% endblock %}

2
templates/differentiated.html
View File

@ -6,7 +6,9 @@
{% block main %}
<div>
<font color="white" size="5">
<p>For $f(x) = {{ value }}$</p>
<p>$f'(x) = {{ fprime }}$</p>
</font>
</div>
{% endblock %}

4
templates/differentiation.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<font color="white" size="5">
<p>Function you would like to Derive: </p>
<form action="/differentiation" method="post">
<div class = "form-group">
@ -13,7 +14,8 @@
<p id="jp">Your Input Will Appear Here</p>
<button class="btn btn-primary" type="submit">Differentiate</button>
</form>
</font>
<script>
let value = $("#function").val();
$(document).ready(function(){

7
templates/index.html
View File

@ -1,10 +1,12 @@
{% extends "layout.html" %}
{% block title %}
Index
Home
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white">
<p>This is a website dedicated to making the lives of calculus students easier, if ever so slightly.</p>
<P>All function inputs will be taken assuming 'x' as your variable. All other letters will be treated as constants</P>
<p>That noted, you may enter terms for well known constants and they will likely be accounted for</p>
@ -12,4 +14,7 @@
<p>As a once struggling calculus student, I highly recommend this site be used either to check your work or as a tool
to understand the steps behind those problems which you failed in solving alone</p>
<p>Good luck!</p>
</font>
{% endblock %}
</div>

2
templates/integrated.html
View File

@ -6,7 +6,9 @@
{% block main %}
<div>
<font color="white" size="5">
<p>Your Equation is: ${{ value }}$</p>
<p>Your integral is: ${{ fintegral }}$</p>
</font>
</div>
{% endblock %}

2
templates/integration.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<font color="white" size="5">
<p>Function you would like to Integrate: </p>
<form action="/integration" method="post">
<div class = "form-group">
@ -13,6 +14,7 @@
<p id="jp">Your Input Will Appear Here</p>
<button class="btn btn-primary" type="submit">Integrate</button>
</form>
</font>
<script>
let value = $("#function").val();

16
templates/layout.html
View File

@ -50,11 +50,12 @@
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto mt-2">
<li class="nav-item"><a class="nav-link" href="/differentiation">Differentiation</a></li>
<li class="nav-item"><a class="nav-link" href="/integration">Integration</a></li>
<li class="nav-item"><a class="nav-link" href="/maxmin">Max/Min</a></li>
<li class="nav-item"><a class="nav-link" href="/aprox">Linearization</a></li>
<li class="nav-item"><a class="nav-link" href="/riemann">Riemann</a></li>
<li class="nav-item"><a class="nav-link" href="/differentiation"><b>Differentiation</b></a></li>
<li class="nav-item"><a class="nav-link" href="/integration"><b>Integration</b></a></li>
<li class="nav-item"><a class="nav-link" href="/maxmin"><b>Max/Min</b></a></li>
<li class="nav-item"><a class="nav-link" href="/aprox"><b>Linearization</b></a></li>
<li class="nav-item"><a class="nav-link" href="/riemann"><b>Riemann</b></a></li>
</ul>
<!-- <ul class="navbar-nav ml-auto mt-2">
<li class="nav-item"><a class="nav-link" href="/logout">Log Out</a></li>
@ -80,7 +81,10 @@
</main>
<footer class="small text-center text-muted">
Huge thanks to the staff at Harvard's <a href="https://cs50.harvard.edu/college/">CS50</a>.
<font color="#212121">
<b>© 2020 TayMath - Created by TSB and <a href="https://twitter.com/ruhphorte" style="color:black" target="_blank">Ruh</a> -
Huge thanks to the staff at Harvard's <a href="https://cs50.harvard.edu/college/" style="color:black" target="_blank">CS50</a>.</b>
</font>
</footer>
</body>

2
templates/maxmin.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<font color="white" size="5">
<span>Function you would like to Max/Min:</span>
<form action="/maxmin" method="post">
<div class = "form-group">
@ -17,6 +18,7 @@
</div>
<button class="btn btn-primary" type="submit">Optimize</button>
</form>
</font>
<script>
let value = $("#function").val();

4
templates/optimized.html
View File

@ -5,10 +5,13 @@
{% endblock %}
{% block main %}
<font color="white" size="5">
<div>
<p>Your function is $f(x) = {{ value }}$</p>
<p>Your maximum value is ${{ maximum }}$ and your minimum value is ${{ newvar }}$</p>
</div>
</font>
<font color="white">
<table class="table table-hover" action="optimized">
<tbody>
<tr class="bg-dark text-white">
@ -61,4 +64,5 @@
</tr>
</tbody>
</table>
</font>
{% endblock %}

11
templates/riemann.html
View File

@ -5,13 +5,14 @@
{% endblock %}
{% block main %}
<font color="white" size="5">
<span>Function you would like to integrate:</span>
<form action="/riemann" method="post">
<div class = "form-group">
<input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
</div>
<p id="jp">Your Input Will Appear Here</p>
<span>Range of values (a,b):</span>
<span>Range of values <i>(a,b)</i>:</span>
<div class = "form-group">
<input autocomplete="off" autofocus class="form-control" name="lowerbound" placeholder="Lowerbound a" type="text" id="lowerbound">
<input autocomplete="off" autofocus class="form-control" name="upperbound" placeholder="Upperbound b" type="text" id="upperbound">
@ -20,15 +21,19 @@
<div class="form-group">
<input autocomplete="off" autofocus class="form-control" name="subintervals" placeholder="Subintervals" type="text" id="subintervals">
</div>
</font>
<font color="white">
<div class="radio">
<label><input type="radio" name="sumtype" checked value="1">Left Riemann Sum</label>
<label><input type="radio" name="sumtype" checked value="1"> Left Riemann Sum</label>
</div>
<div class="radio">
<label><input type="radio" name="sumtype" value="2">Right Riemann Sum</label>
<label><input type="radio" name="sumtype" value="2"> Right Riemann Sum</label>
</div>
</font>
<button class="btn btn-primary" type="submit">Summation</button>
</form>
<script>
let value = $("#function").val();
$(document).ready(function(){

6
templates/summed.html
View File

@ -5,9 +5,12 @@
{% endblock %}
{% block main %}
<span><font size="5">Approximating the integral of $f(x) = {{ value }}$ from ${{ lb }}$ to ${{ ub }}$ using ${{ si }}$ subintervals</font></span>
<font size="5" color="white">
<span>Approximating the integral of $f(x) = {{ value }}$ from ${{ lb }}$ to ${{ ub }}$ using ${{ si }}$ subintervals</span>
</font>
<br>
<br>
<font color="white">
<table class="table table-hover" action="optimized">
<tbody>
<tr class="bg-dark text-white">
@ -48,4 +51,5 @@
</tr>
</tbody>
</table>
</font>
{% endblock %}