Skip to content

Backend #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 28 commits into
base: master
Choose a base branch
from
Open

Backend #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
28 commits
Select commit Hold shift + click to select a range
0d2ff5f
change target URL
Sammeeey Dec 17, 2021
f647838
create blog.html
Sammeeey Dec 17, 2021
20d6164
change welcome text
Sammeeey Dec 17, 2021
5e2597f
change chess tactics picture to codecademy
Sammeeey Dec 17, 2021
99d7b5c
update codecademy python2 certificate link
Sammeeey Dec 17, 2021
f4cebd5
add djangoGirls blog and corey MS django
Sammeeey Dec 17, 2021
0b5a569
add automatiesierung reference
Sammeeey Dec 17, 2021
92256bc
add webdesign references
Sammeeey Dec 17, 2021
4d0e7f7
add "webdesign" figcaption
Sammeeey Dec 17, 2021
dfb152e
add and edit figcaptions
Sammeeey Dec 17, 2021
58f3621
delete additional closing div
Sammeeey Dec 17, 2021
8c46d09
try exclude crawler reference
Sammeeey Dec 17, 2021
56c1dc6
correct automatisierung reference
Sammeeey Dec 17, 2021
8b8ed30
put webdesign reference in new row
Sammeeey Dec 17, 2021
a89e3f1
switch crawler and webdesign reference
Sammeeey Dec 17, 2021
df4a90d
justify second portfolio row in center
Sammeeey Dec 17, 2021
9dbcff8
change Logo image in header
Sammeeey Dec 17, 2021
bcbe2d6
try different css center tag
Sammeeey Dec 17, 2021
86bf7ed
delete hardcoded flexbox center
Sammeeey Dec 17, 2021
4a78c47
delete caption for automatisierung
Sammeeey Dec 17, 2021
f109eea
correct django blog link
Sammeeey Dec 17, 2021
91b9485
correct all hrefs in portfolio
Sammeeey Dec 17, 2021
d76959c
correct samuelharmann.de reference links
Sammeeey Dec 17, 2021
fb7d3be
change index app for greetings
Dec 18, 2021
a1b6895
create multiply app and include it in python apps
Dec 18, 2021
bda069a
correct multiply function name
Dec 18, 2021
e48bb43
correct multiply form action
Dec 18, 2021
a2b2938
'test'
Jan 18, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
# Flask Portfolio App for The Profitable Programmer Students...
Flask Portfolio App for students @ Clever Programmer deployed from Cloud 9

test
[![Deploy to Heroku](https://www.herokucdn.com/deploy/button.png)](https://heroku.com/deploy)

## LIVE PORTFOLIO APP...
https://my-portfolio-with-flask.herokuapp.com/
https://cp-sam-flask-portfolio.herokuapp.com/
20 changes: 19 additions & 1 deletion app.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,8 @@ def home_page():

@app.route('/<name>')
def profile(name):
return render_template('index.html', name=name)
greets = 'Cool to see you ' + name
return render_template('index.html', name=greets)


@app.route('/add_numbers', methods=['GET','POST'])
Expand All @@ -35,6 +36,23 @@ def add_numbers_post():
return "Easy now! Let's keep it simple! 2 numbers with a space between them please"


@app.route('/multiply_numbers', methods=['GET','POST'])
def multiply_numbers_post():
# --> ['5', '6', '8']
# print(type(request.form['text']))
if request.method == 'GET':
return render_template('multiply_numbers.html')
elif request.method == 'POST':
print(request.form['text'].split())
total = 1
try:
for str_num in request.form['text'].split():
total *= int(str_num)
return render_template('multiply_numbers.html', result=str(total))
except ValueError:
return "Easy now! Let's keep it simple! 2 numbers with a space between them please"


@app.route('/shopping_list', methods=['GET','POST'])
def shopping_list_post():
# --> ['5', '6', '8']
Expand Down
Binary file added static/img/multiply_preview.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
211 changes: 211 additions & 0 deletions templates/blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,211 @@
<!DOCTYPE html>
<html lang="en">

<head>
{% block head %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">


<title>{% block title %}About{% endblock %}</title>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"> </script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>



<!-- Bootstrap Core CSS -->
<link href="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">



<!-- Theme CSS -->
<link href="/static/css/freelancer.min.css" rel="stylesheet">

<!-- Custom Fonts -->
<link href="/static/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

<body id="page-top" class="index">
<div id="skipnav"><a href="#maincontent">Skip to main content</a></div>

<!-- Navigation -->
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="#page-top">CP Flask App</a>
</div>

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="/">About</a>
</li>
<li class="page-scroll">
<a href="/python_apps">Python Apps</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>

{% endblock %}
<!-- Header -->
<header>
{% block content%}
<div class="container" id="maincontent" tabindex="-1">
<div class="row">
<div class="col-lg-12">
<img class="img-responsive" src="/static/img/learn_python.jpeg" alt="" width="304"height="236">
<div class="intro-text">
<h1 class="name">Hey there {{name}}!</h1>
<hr class="star-light">
<span class="skills">Blog</span>
</div>
</div>
</div>
</div>
</header>

<!-- Portfolio Grid Section -->

<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Portfolio</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="https://www.chesstastic.com/" target="_blank" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="/static/img/portfolio/chesstastic.jpeg" target="_blank" class="img-responsive" alt="Chesstastic">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="https://www.cleverprogrammer.com/" target="_blank" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="/static/img/portfolio/cleverprogrammer.png" class="img-responsive" alt="Slice of cake">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="https://www.youtube.com/channel/UCqrILQNl5Ed9Dz6CGMyvMTQ" target="_blank" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="/static/img/portfolio/youtubecp.png" class="img-responsive" alt="Circus tent">
</a>
</div>
</div>
</div>
</section>

<!-- About Section -->
<section class="success" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>About</h2>
<hr class="star-light">
</div>
</div>
<div class="row">
<div class="col-lg-4 col-lg-offset-2">
<p>I love the Flask Framework. I can make so many things simply by leveraging code that other people have made for me to use</p>
</div>
<div class="col-lg-4">
<p>The languages that you see on this app are HTML, CSS, Python and some JavaScript. By using this BootStrap template I saved myself a lot of time. Instead of creating the HTML and CSS from scratch I was able to edit the template to the way I wanted it to look like.</p>
</div>
</div>
</div>
</section>

{% endblock %}

{% block footer %}
<!-- Footer -->
<footer class="text-center">

<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col col-md-4">
<h3>Location</h3>
<p>Chicago Illinois,
<br>United States</p>
</div>
<div class="footer-col col-md-4">
<h3></h3>
<p></p>
</div>
<div class="footer-col col-md-4">
<h3>Around the Web</h3>
<ul class="list-inline">
<li>
<a href="https://www.facebook.com/CleverProgrammerr/?ref=br_rs" target="_blank" class="btn-social btn-outline"><span class="sr-only">Facebook</span><i class="fa fa-fw fa-facebook"></i></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCqrILQNl5Ed9Dz6CGMyvMTQ" class="btn-social btn-outline" target="_blank"><span class="sr-only">YouTube</span><i class="fa fa-fw fa-youtube"></i></a>
</li>
<li>
<a href="https://github.com/CleverProgrammer" class="btn-social btn-outline" target="_blank"><span class="sr-only">Linked In</span><i class="fa fa-fw fa-github"></i></a>
</li>
</ul>
</div>

</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright &copy; Clever Programmer - CP Flask Portfolio 2017 - Created on C9
</div>
</div>
</div>
</div>
{% endblock %}
</footer>


</body>


</html>
31 changes: 22 additions & 9 deletions templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -80,9 +80,9 @@
<div class="container" id="maincontent" tabindex="-1">
<div class="row">
<div class="col-lg-12">
<img class="img-responsive" src="/static/img/learn_python.jpeg" alt="" width="304"height="236">
<img class="img-responsive" src="https://samuelhartmann.de/wp-content/uploads/2021/05/SH-Logo-Name-1.png" alt="" width="304"height="236">
<div class="intro-text">
<h1 class="name">Hey there {{name}}!</h1>
<h1 class="name">Hey Clever Programmer {{name}}!</h1>
<hr class="star-light">
<span class="skills">Python Developer - Flask Framework</span>
</div>
Expand All @@ -103,35 +103,48 @@ <h2>Portfolio</h2>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="https://www.chesstastic.com/" target="_blank" class="portfolio-link" data-toggle="modal">
<a href="https://www.codecademy.com/profiles/epoKeins6286895054/certificates/b97fd4d87a816c761a674af1b5391ef1" target="_blank" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="/static/img/portfolio/chesstastic.jpeg" target="_blank" class="img-responsive" alt="Chesstastic">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6c/Codecademy.svg" target="_blank" class="img-responsive" alt="Codecademy Logo">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="https://www.cleverprogrammer.com/" target="_blank" class="portfolio-link" data-toggle="modal">
<a href="https://samuelhartmann.de/webdesign/#referenzen-webdesign" target="_blank" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="/static/img/portfolio/cleverprogrammer.png" class="img-responsive" alt="Slice of cake">
<img src="https://samuelhartmann.de/wp-content/uploads/2021/05/SH-Logo-Name-1.png" class="img-responsive" alt="Samuel Hartmann Logo">
</a>
<figcaption style=text-align:center>Webdesign</figcaption>
</div>
<div class="col-sm-4 portfolio-item">
<a href="https://www.youtube.com/channel/UCqrILQNl5Ed9Dz6CGMyvMTQ" target="_blank" class="portfolio-link" data-toggle="modal">
<a href="http://sammeeey.pythonanywhere.com/" target="_blank" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="/static/img/portfolio/youtubecp.png" class="img-responsive" alt="Circus tent">
<img src="https://djangogirls.org/static/img/global/logo.png" class="img-responsive" alt="Django Girls Logo">
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="https://samuelhartmann.de/webcrawling-automatisierung/#referenzen-automatisierung" target="_blank" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="https://samuelhartmann.de/wp-content/uploads/2021/07/Webcrawler-Infografik.png" class="img-responsive" alt="Infografik Webcrawling">
</a>
</div>
</div>
</div>
</section>
Expand Down
67 changes: 67 additions & 0 deletions templates/multiply_numbers.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,67 @@
{% extends "index.html" %}

{% block title %}Multiplication{% endblock %}

{% block content %}

<div class="container" id="maincontent" tabindex="-1">
<div class="row">
<div class="col-lg-12">
<img class="img-responsive" src="/static/img/substract.png" alt="">
<div class="intro-text">
<h1 class="name"></h1>
<hr class="star-light">
<span class="skills">Let's multiply some numbers!</span>
</div>
</div>
</div>
</div>
</header>


<!-- Contact Section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Multiply Numbers</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
<form name="sentMessage" id="contactForm" action="/multiply_numbers" method="POST">
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label for="name">Enter Numbers</label>
<input type="text" name="text" class="form-control" placeholder="Please Enter Numbers" name="my-form" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12 col-lg-offset-2">
<button type="submit" class="btn btn-success btn-lg">Calculate</button>
<h2 class="col-lg-12 text-right"></h2>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<h2>Answer = {{result}}</h2>
<hr class="star-primary">
</div>
</div>
</form>
</div>
</div>
</section>
{% endblock %}

{% block footer%}
{% endblock %}


Loading