Skip to content

New visualizer #24

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
husseinmur wants to merge 12 commits into
base: master
Choose a base branch
from
Open

New visualizer #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
41fb720
New landing page
May 1, 2019
806e51a
Let lighthouse script audit only given functions
MaxMonteil May 1, 2019
e80c8ee
Add missing line escape
MaxMonteil May 1, 2019
9f44762
Typo: missing _ in variable name.
MaxMonteil May 1, 2019
648cd30
Wasn't passing output format to engine
MaxMonteil May 1, 2019
2a455ba
New Visualizer
May 1, 2019
2f8a087
Function names need to be surrounded with "
MaxMonteil May 1, 2019
df4a047
Visualizer does not need html as attachment
MaxMonteil May 1, 2019
fab692f
Merge with a11yAuditsonly
MaxMonteil May 1, 2019
d804124
Remove logging.
MaxMonteil May 1, 2019
58a1b01
Revert "Remove logging."
MaxMonteil May 1, 2019
f67cccc
Revert "Merge with a11yAuditsonly"
MaxMonteil May 1, 2019
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
29 changes: 26 additions & 3 deletions app.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,10 @@ def get_analysis():
output_format = "json"

print(f"Calling lighthouse on {target_url}")
engine = Engine(target_url=target_url)
if output_format == "json":
engine = Engine(target_url=target_url)
else:
engine = Engine(target_url=target_url,audit_format="html")

asyncio.set_event_loop(loop)
loop.run_until_complete(engine.run_analysis())
Expand All @@ -44,13 +47,12 @@ def get_analysis():
return (
send_file(
engine.audit,
as_attachment=True,
as_attachment=False,
attachment_filename=f"awe_analysis.{output_format}",
),
200,
)


@app.route("/api/crawl")
def crawl():
target_url = request.args.get("url", default="", type=str)
Expand Down Expand Up @@ -97,6 +99,27 @@ def catch_all(path):
return requests.get(f"http://localhost:8080/{path}").text
return render_template("index.html")

@app.route("/contact", defaults={"path": ""})
# @app.route("/<path:path>")
def contact(path):
if app.debug:
return requests.get(f"http://localhost:8080/{path}").text
return render_template("contact.html")

@app.route("/about", defaults={"path": ""})
# @app.route("/<path:path>")
def about(path):
if app.debug:
return requests.get(f"http://localhost:8080/{path}").text
return render_template("about.html")

@app.route("/services", defaults={"path": ""})
# @app.route("/<path:path>")
def services(path):
if app.debug:
return requests.get(f"http://localhost:8080/{path}").text
return render_template("services.html")


if __name__ == "__main__":
app.run(
Expand Down
136 changes: 136 additions & 0 deletions dist/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Accessibility Web Engine</title>
<link rel="icon" href="/static/assets/logos/favicon.png" type="image/png" sizes="50x50">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Accessibility Web Engine">
<meta name="keywords" content="Accessibility Web Engine">
<link href="/static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,700,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/static/assets/css/animate.css"> <!-- Resource style -->
<link rel="stylesheet" href="/static/assets/css/owl.carousel.css">
<link rel="stylesheet" href="/static/assets/css/owl.theme.css">
<link rel="stylesheet" href="/static/assets/css/magnific-popup.css">
<link rel="stylesheet" href="/static/assets/css/animsition.min.css">
<link rel="stylesheet" href="/static/assets/css/ionicons.min.css"> <!-- Resource style -->
<link href="/static/assets/css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div class="wrapper animsition" data-animsition-in-class="fade-in"
data-animsition-in-duration="1000"
data-animsition-out-class="fade-out"
data-animsition-out-duration="1000">
<div class="container">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<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" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#main"><img src="/static/assets/logos/logo.png" height="35" width="35" alt="Mu" /></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="services">Services</a></li>
<li><a class="page-scroll" href="about">About</a></li>
<li><a href="contact">Contact</a></li>
</ul>
</div>
</div>
</nav><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->

<div class="main" id="main"><!-- Main Section-->
<div class="hero-section app-hero">
<div class="pricing-section no-color text-center" id="services">

<div class="container">
<div class="col-md-8 col-md-offset-2 nopadding">
<div class="services-content">
<h1 class="wow fadeInUp" data-wow-delay="0s"> About Us</h1>
<div class="hero-image">
<img class="img-responsive" src="/static/assets/images/about-img.png" alt="" />
</div>
<p class="wow fadeInUp" data-wow-delay="0.2s">
<br><br><br><br>
Dr. Mahmoud Bdeir<br><br>
Maria Daou<br><br>
Maximilien Monteil<br><br>
Hussein Murtada<br><br>
Marina Kayrouz<br><br>
Maxim Hermez<br><br>
Waseem ElGhali
</div>
<hr>
</div>
</div>



<!-- Subscribe Form -->
<div class="cta-sub text-center no-color">
<div class="container">
<h2 class="wow fadeInUp" data-wow-delay="0s">Subscribe to recieve latest news</h2>
<p class="wow fadeInUp" data-wow-delay="0.2s">
Don't worry, we won't spam your inbox. We will just notify you <br class="hidden-xs"> of important updates and major product releases.
</p>
<div class="form wow fadeInUp" data-wow-delay="0.3s">
<form class="subscribe-form wow zoomIn" action="assets/php/subscribe.php" method="post" accept-charset="UTF-8" enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
<input class="mail" type="email" name="email" placeholder="Enter your email" autocomplete="off"><input class="submit-button" type="submit" value="Subscribe">
</form>
<div class="success-message"></div>
<div class="error-message"></div>
</div>
</div>
</div></div>


<!-- Footer Section -->
<div class="footer">
<div class="container">
<div class="col-md-12 text-center">
<img class="img-circle" src="/static/assets/logos/logo.png" width="40" height="40" alt="" />
<ul class="footer-menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
</ul>
<div class="footer-text">
<p>
Copyright © 2019 AWE Accessibility Web Engine. All Rights Reserved.
</p>
</div>
</div>
</div>
</div>
<!-- Scroll To Top -->

<a id="back-top" class="back-to-top page-scroll" href="#main">
<i class="ion-ios-arrow-thin-up"></i>
</a>

<!-- Scroll To Top Ends-->


</div><!-- Main Section -->
</div><!-- Wrapper-->

<!-- Jquery and Js Plugins -->
<script type="text/javascript" src="/static/assets/js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="/static/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/assets/js/plugins.js"></script>
<script type="text/javascript" src="/static/assets/js/menu.js"></script>
<script type="text/javascript" src="/static/assets/js/custom.js"></script>
<script type="text/javascript" src="/static/assets/js/script.js"></script>
</body>
</html>
Binary file added dist/awe_(1).zip
View file
Open in desktop
Binary file not shown.
156 changes: 156 additions & 0 deletions dist/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Accessibility Web Engine</title>
<link rel="icon" href="/static/assets/logos/favicon.png" type="image/png" sizes="50x50">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Accessibility Web Engine">
<meta name="keywords" content="Accessibility Web Engine">
<link href="/static/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,700,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/static/assets/css/animate.css"> <!-- Resource style -->
<link rel="stylesheet" href="/static/assets/css/animsition.min.css">
<link rel="stylesheet" href="/static/assets/css/owl.carousel.css">
<link rel="stylesheet" href="/static/assets/css/owl.theme.css">
<link rel="stylesheet" href="/static/assets/css/ionicons.min.css"> <!-- Resource style -->
<link href="/static/assets/css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div class="wrapper animsition" data-animsition-in-class="fade-in"
data-animsition-in-duration="1000"
data-animsition-out-class="fade-out"
data-animsition-out-duration="1000">
<div class="container">
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<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" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#main"><img src="/static/assets/logos/logo.png" height="35" width="35" alt="Mu" /></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="services">Services</a></li>
<li><a href="about">About</a></li>
<li><a class="page-scroll" href="contact">Contact</a></li>
</ul>
</div>
</div>
</nav><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->

<div class="main" id="main"><!-- Main Section-->
<div class="contact-section">
<div class="container">
<div class="col-md-9">
<h1>Contact Us</h1>
<p>
Email us with any questions or inquiries. Just ask and we'll reply <br class="hidden-xs"> within 24 hours unless it is a weekend.
</p>
<div class="contact-form">
<form id="contact-form" method="post" action="assets/php/contact.php" role="form">
<div class="messages"></div>
<div class="controls">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_name">Firstname *</label>
<input id="form_name" type="text" name="name" class="form-control" placeholder="Please enter your first name *" required="required" data-error="First name is required.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_lastname">Lastname *</label>
<input id="form_lastname" type="text" name="surname" class="form-control" placeholder="Please enter your last name *" required="required" data-error="Last name is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="form_email">Email *</label>
<input id="form_email" type="email" name="email" class="form-control" placeholder="Please enter your email *" required="required" data-error="Valid email is required.">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="form_phone">Phone *</label>
<input id="form_phone" type="tel" name="phone" class="form-control" placeholder="Please enter your phone number *"required="required" data-error="Valid phone number is required.">
<div class="help-block with-errors"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label for="form_message">Message *</label>
<textarea id="form_message" name="message" class="form-control" placeholder="Please enter your message *" rows="4" required="required" data-error="Please,leave us a message."></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-md-12">
<input type="submit" class="btn btn-success btn-send" value="Send message">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>



<!-- Footer Section -->
<div class="footer">
<div class="container">
<div class="col-md-12 text-center">
<img class="img-circle" src="/static/assets/logos/logo.png" width="40" height="40" alt="" />
<ul class="footer-menu">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
</ul>
<div class="footer-text">
<p>
Copyright © 2019 AWE Accessibility Web Engine. All Rights Reserved.
</p>
</div>
</div>
</div>
</div>

<!-- Scroll To Top -->

<a id="back-top" class="back-to-top page-scroll" href="#main">
<i class="ion-ios-arrow-thin-up"></i>
</a>

<!-- Scroll To Top Ends-->

</div><!-- Main Section -->
</div><!-- Wrapper-->

<!-- Jquery and Js Plugins -->
<script type="text/javascript" src="/static/assets/js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="/static/assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/assets/js/plugins.js"></script>
<script type="text/javascript" src="/static/assets/js/menu.js"></script>
<script type="text/javascript" src="/static/assets/js/contact.js"></script>
<script type="text/javascript" src="/static/assets/js/validator.js"></script>
<script type="text/javascript" src="/static/assets/js/custom.js"></script>
</body>
</html>
Binary file removed dist/favicon.ico
View file
Open in desktop
Binary file not shown.
Loading