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 { body {
/* main website background color*/ /* main website background color*/
background-image: url('img/bg.jpg'); background-image: url('img/bg.jpg');
background-attachment: fixed; background-attachment: fixed;
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;

4
templates/aprox.html
View File

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

2
templates/aproxd.html
View File

@ -5,12 +5,14 @@
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px">
<font color="white" size="5"> <font color="white" size="5">
<div> <div>
<p>Your function is $f(x) = {{ value }}$</p> <p>Your function is $f(x) = {{ value }}$</p>
<p>Your Linear Approximation of $f(x)$ at $x = {{ h }}$ is ${{ lh }}$</p> <p>Your Linear Approximation of $f(x)$ at $x = {{ h }}$ is ${{ lh }}$</p>
</div> </div>
</font> </font>
</div>
<font color="white"> <font color="white">
<table class="table" action="optimized"> <table class="table" action="optimized">
<tbody> <tbody>

2
templates/differentiated.html
View File

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

4
templates/differentiation.html
View File

@ -5,6 +5,7 @@
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5"> <font color="white" size="5">
<p>Function you would like to Derive: </p> <p>Function you would like to Derive: </p>
<form action="/differentiation" method="post"> <form action="/differentiation" method="post">
@ -12,9 +13,10 @@
<input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function"> <input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
</div> </div>
<p id="jp">Your Input Will Appear Here</p> <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> </form>
</font> </font>
</div>
<script> <script>
let value = $("#function").val(); let value = $("#function").val();

2
templates/integrated.html
View File

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

4
templates/integration.html
View File

@ -5,6 +5,7 @@
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5"> <font color="white" size="5">
<p>Function you would like to Integrate: </p> <p>Function you would like to Integrate: </p>
<form action="/integration" method="post"> <form action="/integration" method="post">
@ -12,9 +13,10 @@
<input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function"> <input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
</div> </div>
<p id="jp">Your Input Will Appear Here</p> <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> </form>
</font> </font>
</div>
<script> <script>
let value = $("#function").val(); let value = $("#function").val();

6
templates/layout.html
View File

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

4
templates/maxmin.html
View File

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

2
templates/optimized.html
View File

@ -5,12 +5,14 @@
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px">
<font color="white" size="5"> <font color="white" size="5">
<div> <div>
<p>Your function is $f(x) = {{ value }}$</p> <p>Your function is $f(x) = {{ value }}$</p>
<p>Your maximum value is ${{ maximum }}$ and your minimum value is ${{ newvar }}$</p> <p>Your maximum value is ${{ maximum }}$ and your minimum value is ${{ newvar }}$</p>
</div> </div>
</font> </font>
</div>
<font color="white"> <font color="white">
<table class="table table-hover" action="optimized"> <table class="table table-hover" action="optimized">
<tbody> <tbody>

8
templates/riemann.html
View File

@ -5,6 +5,7 @@
{% endblock %} {% endblock %}
{% block main %} {% block main %}
<div class="col-sm-12" style="background-color: #0f11175c; padding: 20px; border-radius: 8px">
<font color="white" size="5"> <font color="white" size="5">
<span>Function you would like to integrate:</span> <span>Function you would like to integrate:</span>
<form action="/riemann" method="post"> <form action="/riemann" method="post">
@ -12,7 +13,7 @@
<input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function"> <input autocomplete="off" autofocus class="form-control" name="function" placeholder="Function" type="text" id="function">
</div> </div>
<p id="jp">Your Input Will Appear Here</p> <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"> <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="lowerbound" placeholder="Lowerbound a" type="text" id="lowerbound">
<input autocomplete="off" autofocus class="form-control" name="upperbound" placeholder="Upperbound b" type="text" id="upperbound"> <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> <label><input type="radio" name="sumtype" value="2"> Right Riemann Sum</label>
</div> </div>
</font> </font>
<button class="btn btn-primary" type="submit">Summation</button> <button class="btn btn-warning" type="submit">Summation</button>
</form> </form>
</font>
</div>
<script> <script>
let value = $("#function").val(); let value = $("#function").val();

8
templates/rightSummed.html
View File

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

4
templates/summed.html
View File

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