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

Added transparent dark div to all pages. Changed footer font color. Added transparent dark div to the statements above the result tables.

This commit is contained in:
Ruh 2019-12-22 13:22:32 -08:00
parent 70713170ec
commit d3cf83fd3a
13 changed files with 38 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/styles.css
View File

@ -1,7 +1,7 @@
body {
/* main website background color*/
background-image: url('img/bg.jpg');
background-attachment: fixed;
background-image: url('img/bg.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

4
templates/aprox.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5">
<span>Function you would like to Approximate:</span>
<form action="/aprox" method="post">
@ -18,9 +19,10 @@
<input autocomplete="off" autofocus class="form-control" name="easy" placeholder="Easy Value a" type="text" id="easy">
<input autocomplete="off" autofocus class="form-control" name="hard" placeholder="Difficult Value for x" type="text" id="hard">
</div>
<button class="btn btn-primary" type="submit">Approximate</button>
<button class="btn btn-warning" type="submit">Approximate</button>
</form>
</font>
</div>
<script>
let value = $("#function").val();

2
templates/aproxd.html
View File

@ -5,12 +5,14 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px">
<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>
</div>
<font color="white">
<table class="table" action="optimized">
<tbody>

2
templates/differentiated.html
View File

@ -5,10 +5,12 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<div>
<font color="white" size="5">
<p>For $f(x) = {{ value }}$</p>
<p>$f'(x) = {{ fprime }}$</p>
</font>
</div>
</div>
{% endblock %}

4
templates/differentiation.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5">
<p>Function you would like to Derive: </p>
<form action="/differentiation" method="post">
@ -12,9 +13,10 @@
<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>
<button class="btn btn-primary" type="submit">Differentiate</button>
<button class="btn btn-warning" type="submit">Differentiate</button>
</form>
</font>
</div>
<script>
let value = $("#function").val();

2
templates/integrated.html
View File

@ -5,10 +5,12 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<div>
<font color="white" size="5">
<p>Your Equation is: ${{ value }}$</p>
<p>Your integral is: ${{ fintegral }}$</p>
</font>
</div>
</div>
{% endblock %}

4
templates/integration.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5">
<p>Function you would like to Integrate: </p>
<form action="/integration" method="post">
@ -12,9 +13,10 @@
<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>
<button class="btn btn-primary" type="submit">Integrate</button>
<button class="btn btn-warning" type="submit">Integrate</button>
</form>
</font>
</div>
<script>
let value = $("#function").val();

6
templates/layout.html
View File

@ -81,9 +81,9 @@
</main>
<footer class="small text-center text-muted">
<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 color="#b9c3b8">
<b>© 2020 TayMath - Created by TSB and <a href="https://twitter.com/ruhphorte" style="color:#b9c3b8" target="_blank">Ruh</a> -
Huge thanks to the staff at Harvard's <a href="https://cs50.harvard.edu/college/" style="color:#b9c3b8" target="_blank">CS50</a>.</b>
</font>
</footer>

4
templates/maxmin.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5">
<span>Function you would like to Max/Min:</span>
<form action="/maxmin" method="post">
@ -16,9 +17,10 @@
<input autocomplete="off" autofocus class="form-control" name="lowerbound" placeholder="Lowerbound" type="text" id="lowerbound">
<input autocomplete="off" autofocus class="form-control" name="upperbound" placeholder="Upperbound" type="text" id="upperbound">
</div>
<button class="btn btn-primary" type="submit">Optimize</button>
<button class="btn btn-warning" type="submit">Optimize</button>
</form>
</font>
</div>
<script>
let value = $("#function").val();

2
templates/optimized.html
View File

@ -5,12 +5,14 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px">
<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>
</div>
<font color="white">
<table class="table table-hover" action="optimized">
<tbody>

8
templates/riemann.html
View File

@ -5,6 +5,7 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5">
<span>Function you would like to integrate:</span>
<form action="/riemann" method="post">
@ -12,7 +13,7 @@
<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 <i>(a,b)</i>:</span>
<span>Range of values <i><b>(a,b)</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">
@ -30,9 +31,10 @@
<label><input type="radio" name="sumtype" value="2"> Right Riemann Sum</label>
</div>
</font>
<button class="btn btn-primary" type="submit">Summation</button>
<button class="btn btn-warning" type="submit">Summation</button>
</form>
</font>
</div>
<script>
let value = $("#function").val();

8
templates/rightSummed.html
View File

@ -5,9 +5,12 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px">
<font size="5" color="white">
<span>Approximating the integral of $f(x) = {{ value }}$ from ${{ lb }}$ to ${{ ub }}$ using ${{ si }}$ subintervals</span>
<br>
<br>
</font>
</div>
<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 %}

4
templates/summed.html
View File

@ -5,11 +5,11 @@
{% endblock %}
{% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px">
<font size="5" color="white">
<span>Approximating the integral of $f(x) = {{ value }}$ from ${{ lb }}$ to ${{ ub }}$ using ${{ si }}$ subintervals</span>
</font>
<br>
<br>
</div>
<font color="white">
<table class="table table-hover" action="optimized">
<tbody>