Skip to content

Commit 4eb9acd

Browse files
renanharriganrenanharrigan
committed
Burrito Order form
1 parent f818d25 commit 4eb9acd

File tree

14 files changed

+573
-0
lines changed

14 files changed

+573
-0
lines changed

‎Code/renan/html_css_flask/9_flask/app.py‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
from flask import Flask, render_template
2+
3+
app = Flask(__name__)
4+
5+
6+
#localhost:5000/
7+
@app.route('/')
8+
def index():
9+
name = "Bill"
10+
return render_template('index.html', name=name)
11+
12+
#$env:FLASK_APP= "app.py"
13+
14+
@app.route('/about')
15+
def about():
16+
return render_template('about.html')

‎Code/renan/html_css_flask/9_flask/templates/index.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Flask</title>
8+
</head>
9+
<body>
10+
11+
<h1>Welcome to my flask app</h1>
12+
<p>Hello {{name}}</p>
13+
14+
</body>
15+
</html>

‎Code/renan/html_css_flask/Order_form/index.html‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Burrito Order Form</title>
8+
</head>
9+
<body>
10+
<form
11+
action="https://webhook.site/"
12+
method="POST">
13+
14+
<h3>Burrito Order Form</h3>
15+
16+
<input placeholder="Enter Your Name" name="greeting" type="text"/>
17+
18+
<input placeholder="Enter passowrd" name=password type="password"/>
19+
<br>
20+
21+
<input type="date">
22+
<input type="Choose Tortilla">
23+
24+
<br/>
25+
26+
<h2>Tortilla Options</h2>
27+
28+
<label for="White Flour">White Flour</label>
29+
<input id="White Flour" name="Flourtype" type="radio" value="White Flour" />
30+
31+
<label for="Wheat Flour">Wheat Flour</label>
32+
<input id="Wheat Flour" name="Flourtype" type="radio" value="Wheat Flour" />
33+
34+
<label for="Spinach">Spinach</label>
35+
<input id="Spinach" name="Flourtype" type="radio" value="Spinach" />
36+
37+
<label for="Corn">Corn</label>
38+
<input id="Corn" name="Flourtype" type="radio" value="Corn" />
39+
40+
41+
<br />
42+
43+
<h2>Rice Options</h2>
44+
45+
<label for="White Rice">White Rice</label>
46+
<input id="White Rice" name="Ricetype" type="radio" value="White Rice" />
47+
48+
<label for="Brown Rice">Brown Rice</label>
49+
<input id="Brown Rice" name="Ricetype" type="radio" value="Brown Rice" />
50+
51+
52+
<br />
53+
54+
<h2>Bean Options</h2>
55+
56+
<label for="Black Beans">Black Beans</label>
57+
<input id="Black Beans" name="Beantype" type="radio" value="Black Beans" />
58+
59+
<label for="Pinto Beans">Pinto Beans</label>
60+
<input id="Pinto Beans" name="Beantype" type="radio" value="Pinto Beans" />
61+
62+
<br />
63+
64+
<h2>Protein Choices</h2>
65+
66+
> <label for="Carnitas">Carnitas</label>
67+
<input id="Carnitas" name="Chickentype" type="radio" value="Carnitas" />
68+
69+
<label for="Chicken">Chicken</label>
70+
<input id="Chicken" name="Chickentype" type="radio" value="Chicken" />
71+
72+
<label for="Sofritas">Sofritas</label>
73+
<input id="Sofritas" name="Chickentype" type="radio" value="Sofritas" />
74+
75+
<label for="None">None</label>
76+
<input id="None" name="Chickentype" type="radio" value="None" />
77+
78+
<br />
79+
80+
81+
<h2>Additional Ingredients</h2>
82+
83+
<label for="Cheese">Cheese</label>
84+
<input id="Cheese" name="Cheesetype" type="checkbox" value="Cheese" />
85+
86+
<label for="Sour Cream">Sour Cream</label>
87+
<input id="Sour Cream" name="Cheesetype" type="checkbox" value="Sour Cream" />
88+
89+
<br />
90+
91+
<h2>Delivery Instructions</h2>
92+
93+
<textarea name="Route" cols="30" rows="10"></textarea>
94+
95+
<h2>Submit Order</h2>
96+
<button type="submit">Click Me</button>
97+
98+
</form>
99+
</body>
100+
</html>

‎Code/renan/html_css_flask/css_class_kiwi/index.html‎

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Class Kiwi</title>
8+
9+
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@300&family=Yanone+Kaffeesatz:wght@300&display=swap"
10+
rel="stylesheet">
11+
<link rel="stylesheet" href="styles.css">
12+
</head>
13+
<body>
14+
<h1>Class Kiwi</h1>
15+
16+
<a href="https://github.com/PdxCodeGuild/class_kiwi">Checkout our Github</a>
17+
18+
<img src="https://media.istockphoto.com/photos/north-island-brown-kiwi-apteryx-mantelli-picture-id525151431?b=1&amp;k=20&amp;m=525151431&amp;s=170667a&amp;w=0&amp;h=L7KvUvQv8tYpFNLlVSZC_Dgduyb4iLsBS6xl38A7_PY=" title="North Island Brown Kiwi, Apteryx mantelli" loading="lazy"
19+
alt="Kiwi Bird, not fruit" >
20+
21+
22+
<br>
23+
24+
<h3 class ="header">Description:</h3>
25+
<p>
26+
Class Kiwi is a evening cohort focused on learning fullstack python web
27+
development. Run by <a href="https://pdxcodeguild.com/">PDX Code Guild</a>
28+
29+
</p>
30+
31+
<br>
32+
33+
<h4 class ="header"> Languages/Frameworks:</h4>
34+
<ol>
35+
<li>Python</li>
36+
<li>HTML</li>
37+
<li>CSS</li>
38+
<li>Flask</li>
39+
<li>Django</li>
40+
<li>JavaScript</li>
41+
42+
</ol>
43+
44+
<br>
45+
46+
<p>
47+
48+
Class meets M-F 6:00-9:30pm PT
49+
50+
51+
</p>
52+
53+
</body>
54+
</html>

‎Code/renan/html_css_flask/css_class_kiwi/styles.css‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
body{
2+
background-color: slategray;
3+
color:whitesmoke;
4+
font-family: 'Yanone Kaffeesatz';
5+
6+
}
7+
h1 {
8+
9+
text-align: center;
10+
font-family: raleway;
11+
}
12+
13+
14+
img{
15+
border-radius: 50%;
16+
display: block;
17+
width: 100px;
18+
text-align: center;
19+
margin: 0 auto;
20+
/* x-offset, y-offset, blur radius, spread, color */
21+
box-shadow: 4px 4px 4px 1px rgba(0, 0, 0, 0.226);
22+
23+
}
24+
25+
.center-link {
26+
display: block;
27+
text-align: center;
28+
margin-bottom: 16px;
29+
30+
}
31+
32+
a {
33+
color: orange;
34+
35+
}
36+
37+
.header {
38+
text-decoration: underline;
39+
40+
}

‎Code/renan/html_css_flask/css_properties/index.html‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>CSS Properties</title>
8+
<link rel="stylesheet" href="styles.css">
9+
</head>
10+
<body>
11+
<p>
12+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
13+
Voluptatum possimus praesentium, numquam, dolorum ut ex odio provident harum quisquam aperiam ea amet dolores cum laudantium ullam! Magnam unde voluptatibus distinctio.
14+
15+
</p>
16+
17+
<p>
18+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
19+
Voluptatum possimus praesentium, numquam, dolorum ut ex odio provident harum quisquam aperiam ea amet dolores cum laudantium ullam! Magnam unde voluptatibus distinctio.
20+
21+
</p>
22+
23+
<p>
24+
Lorem ipsum dolor sit amet consectetur adipisicing elit.
25+
Voluptatum possimus praesentium, numquam, dolorum ut ex odio provident harum quisquam aperiam ea amet dolores cum laudantium ullam! Magnam unde voluptatibus distinctio.
26+
27+
</p>
28+
29+
30+
<div class="parent">
31+
<div class="child">This is the child element</div>
32+
</div>
33+
34+
35+
</body>
36+
</body>
37+
</body>
38+
</html>

‎Code/renan/html_css_flask/css_properties/styles.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
body {
2+
background-color: slategray;
3+
}
4+
5+
p {
6+
/* font color */
7+
color: whitesmoke;
8+
9+
background-color: rgb(81, 83, 87);
10+
11+
font-size: 16px;
12+
}
13+
14+
.parent {
15+
16+
/* border: size, type, color */
17+
border: 2px solid #e3dfce;
18+
19+
width: 500px;
20+
height: 300px;
21+
}
22+
23+
.child {
24+
25+
width: 50%;
26+
border: 4px dashed tomato;
27+
height: 150px;
28+
margin: 10px;
29+
padding: 20px;
30+
31+
text-align: center;
32+
33+
background-image: url();
34+
background-position: center;
35+
background-size: 100%;
36+
}

‎Code/renan/html_css_flask/index.html‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
</html>
2+
3+
<!DOCTYPE html>
4+
<!-- language selection -->
5+
<html lang="en">
6+
<head>
7+
<meta charset="UTF-8">
8+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
9+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
10+
<title>Document</title>
11+
</head>
12+
<body>
13+
<!--Heading elements -->
14+
<h1 id="Top">Heading 1</h1>
15+
<!-- Largest -->
16+
<h2>Heading 2</h2>
17+
<h3>Heading 3</h3>
18+
<h4>Heading 4</h4>
19+
<h5>Heading 5</h5>
20+
<h6>Heading 6</h6>
21+
<!-- Smallest -->
22+
23+
<!-- Paragraph element -->
24+
<p>This is a paragraph. The text is default size.</p>
25+
26+
<!-- List elements -->
27+
<!-- unordered list -->
28+
<ul>
29+
<li>Item 1</li>
30+
<li>Item 2</li>
31+
<li>Item 3</li>
32+
</ul>
33+
<!-- ordered list...if you want the list to start with a different number just add the attribute <ol start="4" -->
34+
<ol>
35+
<li>Item 1</li>
36+
<li>Item 2</li>
37+
<li>Item 3</li>
38+
</ol>
39+
<!-- Horizontal Rule -->
40+
<hr/>
41+
42+
<!-- Break element -->
43+
<br />
44+
45+
<!-- Image element -->
46+
<img
47+
id="image"
48+
src="https://picsum.photos/200"
49+
alt="Random image from picsum"/>
50+
<!-- <img src="" alt=""> source is the image and alt is the description of that image when it fails to load-->
51+
52+
<!-- quote element -->
53+
<q>This is a quote</q>
54+
55+
<!-- Nested quote tag in a paragraph -->
56+
<p>A wise person once said <q>Early bird catches the worm</q></p>
57+
58+
<!-- Blockquote (indents) -->
59+
<blockquote>The early bird catches the worm</blockquote>
60+
61+
62+
<!-- Pre formatted text keeps source formatting-->
63+
<pre>
64+
for i in range(10:
65+
if i % 2 == 0
66+
print("Even"))
67+
else:
68+
print("Odd")
69+
70+
</pre>
71+
72+
<!-- Anchor element href..html reference(link to another page)-->
73+
<a href="https://google.com" >This is a link</a>
74+
75+
<!-- Link to the same page but different spot -->
76+
<a href="#top">Back to top</a>
77+
<a href="#image">Back to top</a>
78+
79+
80+
</body>
81+
</html>

‎Code/renan/html_css_flask/lab1/Warrior_Thanos.jpg‎

45.6 KB
Loading

0 commit comments

Comments
 (0)