Skip to content

New CSS, slight changes in html and new creative canvas page #1

Open
wants to merge 14 commits into
base: main
Choose a base branch
from
92 changes: 92 additions & 0 deletions app.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
from flask import Flask
from markupsafe import escape
from flask import url_for
from flask import render_template
from flask_navigation import Navigation
#from flask import request
#from flask import redirect
#from flask import abort
#from flask import make_response
#import sqlite3

app = Flask(__name__)

#Databse Implementation
#@app.route("/create")
#def create():
#con = sqlite3.connect('mydatabase.db')
#con.execute('CREATE TABLE IF NOT EXISTS Students (name TEXT, id INT PRIMARY KEY)')
#con.execute ('CREATE TABLE IF NOT EXISTS COURSES(Coursename TEXT, COURSEID VARCHAR)')
#con.execute ('CREATE TABLE IF NOT EXISTS TEACHERCOURSE(TeacherID INT PRIMARY KEY, COURSEID INT FORIEGN KEY)')
#con.execute ('CREATE TABLE IF NOT EXIST TEACHER(First name CHAR, Surname CHAR, Contact INT)')
#con.execute ('CREATE TABLE IF NOT EXIST LOGIN'(id INT FORIEGN KEY, Password VARCHAR )')
#con.execute ('CREATE TABLE IF NOT EXIST EXAMS(Exams code INT, Exam name CHAR')
#con.execute ('CREATE TABLE IF NOT EXIST ADMINISTRATION( Administration Contact INT, Administration location VARCHAR')
#con.execute ('CREATE TABLE IF NOT EXIST CLASS SESSION( Class code INT')
#con.close()
#return "<h1>Table created successfully</h1>"

#@app.route("/add")
#def add_strudent():
#con = sqlite3.connect('mydatabase.db')
#cur = con.cursor()
#cname='Faye'
#cid=10000
#cur.execute("INSERT INTO students (name,id) VALUES (?,?)",(cname,cid) )
#con.commit()
#con.close()
#return "<h1>added students</h1>"

#@app.route("/")
#def top():
#con = sqlite3.connect("mydatabase.db")
#con.row_factory = sqlite3.Row
#cur = con.cursor()
#cur.execute("SELECT * from students")
#rows = cur.fetchall();
#return render_template("students.html",rows = rows)


@app.route('/home', methods=['GET'])
def dropdown():
subjects = ['Home', 'Chemistry', 'ICT', 'Maths']
return render_template('home.html', subjects=subjects)



@app.route('/billing')
def creditFunc():
return render_template('billing.html')

@app.route('/verify')
def verifyFunc():
return render_template('verify.html')

@app.route('/newbilling')
def successfulBillingFunc():
return render_template('newbilling.html')

@app.route('/login')
def loginFunc():
return render_template('login.html')


@app.route('/chemistry')
def chemistryFunc():
return render_template('chemistry.html')

@app.route('/ict')
def ictFunc():
return render_template('ict.html')

@app.route('/maths')
def mathsFunc():
return render_template('maths.html')

@app.route('/form')
def formFunc():
return render_template('form.html')

@app.route('/teacher')
def homeFunc():
return render_template('teacher.html')
23 changes: 23 additions & 0 deletions billing.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Billing Details</title>
</head>
<body>
<H1></H1>

<H1>Billing</H1>

<H3><a href="/newbilling">Click here to save changes</a></H3>

<P>Edit Credit Card Details:</P>
<form action="{{page}}" method="post">
<label for="uname">Credit Card Number::</label><br>
<input type="text" id="uname" name="uname" value=""><br>
</form>

<P></P>
To change your payment details, Enter the appropriate number in the text box.</P>
{# a comment #}
</body>
</html
16 changes: 16 additions & 0 deletions chemistry.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
body {
background-color:rgb(127, 229, 255);
text-align: center;
}
H2 {
text-decoration-line: underline;
}
P1 {
font-size: large;
font-family: cursive;
}
P2 {
font-size: large;
font-family: cursive;
}
}
18 changes: 18 additions & 0 deletions chemistry.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/chemistry.css')}}"
</head>
<body>
<H1>Chemistry</H1>
<H3><a href="/home">Go back to Home Page</a></H3>
<H2>Why is chemistry important?</H2>
</p>
<P1>Chemistry is the scientific study of the properties and behavior of matter. It is a natural science that covers the elements that make up matter to the compounds composed of atoms, molecules and ions: their composition, structure, properties, behavior and the changes they undergo during a reaction with other substances.</P1>
<P2>The periodic table is organized like a big grid. Each element is placed in a specific location because of its atomic structure. As with any grid, the periodic table has rows (left to right) and columns (up and down). Each row and column has specific characteristics. For example, magnesium (Mg) and calcium (Mg) are found in column two and share certain similarities while potassium (K) and calcium (Ca) from row four share different characteristics. Magnesium and sodium (Na) also share qualities because the are in the same period (similar electron configurations).</P2>
{# a comment #}
<p>
<img src="https://github.coventry.ac.uk/raw/khalifas2/blotbmaths/main/vector-chemistry-illustration.webp" width="350" height="350">
<br>
</body>
</html
15 changes: 15 additions & 0 deletions home.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
body {
background-color:rgb(127, 229, 255);
text-align: center;
}
H2 {
text-decoration-line: underline;
}
P1 {
font-size: large;
font-family: cursive;
}
P2 {
font-size: large;
font-family: cursive;
}
26 changes: 26 additions & 0 deletions home.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/home.css')}}"
</head>
<body>
<img src="https://github.coventry.ac.uk/khalifas2/blotbmaths/blob/main/BlobMaths_Logo-NBG-CRPT.png?raw=true" width="200" height="200">
<H1>Home</H1>
<H2>Navigation</H2>

<H3><a href="/chemistry">Chemistry Page</a></H3>
<H3><a href="/ict">ICT Page</a></H3>
<H3><a href="/maths">Maths Page</a></H3>
<H3><a href="/billing">Change Billing Details</a></H3>




</p>
<P1>BlobMaths is a digital learning platform for early learners. It allows students to study a wide range of STEM subjects such as: Maths, Chemistry and IT and more. BlobMaths provide full support to both learners and educators, which mainly involves providing adequate infrastructure that enables e-learning to be methodically implemented using dedicated digital systems specifically designed to satisfy student and teacher needs.</P1>
<P2> </P2>
{# a comment #}
<p>

</body>
</html
15 changes: 15 additions & 0 deletions ict.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
body {
background-color:rgb(127, 229, 255);
text-align: center;
}
H2 {
text-decoration-line: underline;
}
P1 {
font-size: large;
font-family: cursive;
}
P2 {
font-size: large;
font-family: cursive;
}
18 changes: 18 additions & 0 deletions ict.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/ict.css')}}"
</head>
<body>
<H1>ICT</H1>
<H3><a href="/home">Go back to Home Page</a></H3>
<H2>Using a Computer?</H2>
</p>
<P1>Using computers and the internet to store, access and organise information carries some risk. You need to take responsibility to make sure files are not lost, corrupted or viewed by the wrong person.</P1>
<P2>To ensure your work is easy to find, use relevant file and folder names and a sensible folder structure. It’s important to use an approach that will be understood by everyone, especially if you’re working on a group project, so other members of the group will be able to find what they’re looking for.Files have two parts to their names – a name and an extension. The purpose of a file extension is to tell the computer what type of file it is. The file extension is typically three or four letters long and is always at the end of a file name. There are hundreds of different file extensions. Passwords can be set to expire, at which point you will be forced to choose a new one. This is a security feature. Always choose a password that’s difficult for someone else to guess.</P2>
{# a comment #}
<p>
<img src="https://github.coventry.ac.uk/khalifas2/blotbmaths/blob/main/ICT%20Blobmaths.jpg?raw=true" width="350" height="350">
<br>
</body>
</html
19 changes: 19 additions & 0 deletions loginnew.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Login</title>
</head>
<body>
<H1>BLOBMATHS LOGIN PAGE</H1>
<H2><a href="/verify">After entering your details, click here to log in</a></H2>

<P>Please enter your Student ID and Password:</P>
<form action="{{page}}" method="post">
<label for="uname">Student ID:</label><br>
<input type="text" id="uname" name="uname" value=" "><br>
<label for="pwd">Password:</label><br>
<input type="text" id="pwd" name="pwd" value=""><br><br>

</form>
</body>
</html>
15 changes: 15 additions & 0 deletions maths.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
body {
background-color:rgb(127, 229, 255);
text-align: center;
}
H2 {
text-decoration-line: underline;
}
P1 {
font-size: large;
font-family: cursive;
}
P2 {
font-size: large;
font-family: cursive;
}
18 changes: 18 additions & 0 deletions maths.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/maths.css')}}"
</head>
<body>
<H1>Maths</H1>
<H3><a href="/home">Go back to Home Page</a></H3>
<H2>Multiplying two digit numbers</H2>
</p>
<P1>Can you multiply by two-digit numbers like 14 or 37?. It looks a bit difficult, doesn't it? It can be easier if you partition the number into two parts. Instead of multiplying by 29 you can multiply by 20 and then multiply by 9 separately and then add the answers together. Instead of multiplying by 34 you can multiply by 30 and then multiply by 4 separately and then add the answers together.</P1>
<P2>Another strategy is to multiply by a near number that is easier to work with and then add or take away the difference. Was that easier? Why not try these strategies again next time you have to multiply by two-digit numbers.</P2>
{# a comment #}
<p>
<img src="https://github.coventry.ac.uk/khalifas2/blotbmaths/blob/main/Maths%20BlobMaths.jpg?raw=true" width="350" height="350">
<br>
</body>
</html
15 changes: 15 additions & 0 deletions newbilling.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
body {
background-color:rgb(127, 229, 255);
text-align: center;
}
H2 {
text-decoration-line: underline;
}
P1 {
font-size: large;
font-family: cursive;
}
P2 {
font-size: large;
font-family: cursive;
}
14 changes: 14 additions & 0 deletions newbilling.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/newbilling.css')}}"
</head>
<body>
<H1>Thank You</H1>
<H2><a href="/home">Home Page</a></H2>
<img src="https://github.coventry.ac.uk/khalifas2/blotbmaths/blob/main/Green%20Tick.png?raw=true" width="350" height="350">
<br>
</p>
<p>
</body>
</html
23 changes: 23 additions & 0 deletions verify.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="{{ url_for('static', filename='css/newbilling.css')}}"
</head>
<body>
<H1>Verify that you are human</H1>
<img src="https://github.coventry.ac.uk/khalifas2/blotbmaths/blob/main/Bot%20Verify.png?raw=true" width="350" height="350">
<br>
<H1>Verification</H1>

<P>Please enter the text shown above:</P>
<form action="{{page}}" method="post">
<label for="uname">Text:</label><br>
<input type="text" id="uname" name="uname" value=""><br>
</form>

<H2><a href="/newbilling">Click here to submit</a></H2>

</p>
<p>
</body>
</html