Skip to content

Second changes #1

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

Second changes #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
2cc10f3
added align left in mobile
gkpty May 27, 2019
e107f56
minified css and js
gkpty Jun 8, 2019
12abc65
optimize svg
gkpty Jun 8, 2019
79fb219
added lazy loading
gkpty Jun 11, 2019
9bbe457
added robots and placeholder image and meta description
gkpty Jun 11, 2019
98f291e
old unsaved changes
gkpty Dec 16, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
Binary file added img/SEF-intro.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.
2 changes: 1 addition & 1 deletion img/architecture.svg
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.
1 change: 1 addition & 0 deletions img/placeholder.svg
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.
23 changes: 18 additions & 5 deletions index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
html,body {
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
font-display: auto;
}
input, textarea{
font-size: 1.3rem !important;
Expand All @@ -17,6 +18,9 @@ h1, h2, h3, h4, h5 {
.nav-link {
font-family: 'Roboto Mono', monospace;
}
nav a:hover {
color: #F2F2F2 !important;
}
.section-title {
padding-bottom: 6%;
font-size: 2rem;
Expand Down Expand Up @@ -99,6 +103,9 @@ section ul li strong {
font-family: 'Roboto Mono', monospace;
border-radius: 0% !important;
}
a.btn-main:hover {
color: #F2F2F2;
}
.nav-link{
color: #000 !important;
}
Expand All @@ -116,4 +123,10 @@ section ul li strong {
.tech-icon {
max-width: 140px;
max-height: 100px
}
@media(max-width: 600px) {
.container {
padding-left: 8%;
padding-right: 8%;
}
}
106 changes: 89 additions & 17 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,8 +14,8 @@

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="description" content="A Free and open source tool that helps you create responsive HTML contact forms in an instant.">
<meta name="author" content="Torus Digital">

<title> Super Easy Forms </title>

Expand All @@ -28,14 +28,14 @@
<!-- favicon -->
<link rel="icon" href="img/sef-favicon.png">
<!-- Custom styles for this template -->
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="index.min.css">

</head>

<body id="page-top" class="text-center text-md-left">

<body id="page-top" class="text-left">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg bg-primary px-5">
<nav class="navbar navbar-expand-lg bg-primary px-5" id="mainNav">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="img/SEF-LOGO.svg" width="auto" height="60" alt="">
Expand Down Expand Up @@ -73,8 +73,8 @@ <h3 class="pb-5 px-md-5">A Free and open source tool that helps you create respo
</div>
<div class="row pt-2">
<div class="col-md-7">
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop" width="100%">
<source src="vid/SEF-intro.mp4" type="video/mp4">
<video playsinline autoplay muted loop width="100%" poster="img/SEF-intro.png" class="lazy">
<source data-src="vid/SEF-intro.mp4" type="video/mp4">
</video>
<h3 class="h6 pt-4 ml-1">Serverless backend components are automatically deployed for you and linked to your HTML form.</h3>
</div>
Expand All @@ -94,7 +94,7 @@ <h3 class="h6 pt-4 ml-1">Serverless backend components are automatically deploye
<!-- GET STARTED -->
<section class="try-it py-5" id="tryit">
<div class="row justify-content-center">
<a href="https://github.com/gkpty/super_easy_forms" class="btn btn-lg btn-main py-3 px-5">
<a href="https://github.com/gkpty/super_easy_forms" target="_blank" class="btn btn-lg btn-main py-3 px-5">
<i class="fab fa-github h4"></i>
Try it Out!
</a>
Expand Down Expand Up @@ -135,7 +135,7 @@ <h5 id="contact-status" class="text-secondary" style="display:none;">Thanks for
<div class="col-12 text-right">
<small class="mx-auto">
made with
<a href="http://supereasyforms.com">
<a href="http://supereasyforms.com" target="_blank">
<img src="img/SEF-LOGO.svg" width="auto" height="30" alt="">
</a>
</small> <!-- Hope you enjoyed Super Easy Forms. Credit is always welcomed :) -->
Expand All @@ -158,12 +158,11 @@ <h2 class="section-title text-center">Customize your Form</h2>
</div>
</div>
<div class="pt-5">
<p class="codepen" data-height="500" data-theme-id="0" data-editable="true" data-default-tab="html,result" data-user="gkpty" data-slug-hash="Ezoaxa" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="super-easy-form">
<p class="codepen lazy" data-height="500" data-theme-id="0" data-editable="true" data-default-tab="html,result" data-user="gkpty" data-slug-hash="Ezoaxa" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="super-easy-form">
<span>See the Pen <a href="https://codepen.io/gkpty/pen/Ezoaxa/">
super-easy-form</a> by gkpty (<a href="https://codepen.io/gkpty">@gkpty</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
</div>
</section>

Expand Down Expand Up @@ -219,7 +218,7 @@ <h2 class="text-center section-title">How it Works</h2>
</div>
</div>
<div class="row justify-content-center">
<img src="img/architecture.svg" alt="AWS architecture diagram of super easy forms" style="height: 100%; width: 80%; ">
<img class="lazy" src="img/placeholder.svg" data-src="img/architecture.svg" data-srcset="img/architecture.svg" alt="AWS architecture diagram of super easy forms" style="height: 100%; width: 80%; ">
</div>
</section>

Expand Down Expand Up @@ -291,7 +290,7 @@ <h2 class="text-center section-title">Roadmap</h2>
<div class="col-sm-12">
<!-- FORM BY SUPER EASY FORMS -->
<div class="p-5 mt-5 bg-primary">
<h5 class="h2 text-center pb-4">Anything else you'd like us to consider?</h5>
<h5 class="h3 text-center pb-4">Anything else you'd like us to consider?</h5>
<form id="super-easy-form-suggestion" alt="Form by Super Easy Forms" class="pb-3" action="#">
<textarea type="text" style="height: 10rem; font-size: 1.5rem;" class="form-control" id="message" name="message" placeholder="Type something here" required></textarea>
<h5 id="contact-status-suggestion" class="text-secondary" style="display:none;">Thanks for Contacting Us</h5>
Expand All @@ -304,7 +303,7 @@ <h5 id="contact-status-suggestion" class="text-secondary" style="display:none;">
<div class="text-right">
<small class="">
made with
<a href="http://supereasyforms.com">
<a href="http://supereasyforms.com" target="_blank">
<img src="img/SEF-LOGO.svg" width="auto" height="30" alt="">
</a>
</small> <!-- Hope you enjoyed Super Easy Forms. Credit is always welcomed :) -->
Expand Down Expand Up @@ -357,10 +356,83 @@ <h2 class="text-center section-title">Our Vision</h2>
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var lazyVideos = [].slice.call(document.querySelectorAll("video.lazy"));

if ("IntersectionObserver" in window) {
var lazyVideoObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(video) {
if (video.isIntersecting) {
for (var source in video.target.children) {
var videoSource = video.target.children[source];
if (typeof videoSource.tagName === "string" && videoSource.tagName === "SOURCE") {
videoSource.src = videoSource.dataset.src;
}
}

video.target.load();
video.target.classList.remove("lazy");
lazyVideoObserver.unobserve(video.target);
}
});
});

lazyVideos.forEach(function(lazyVideo) {
lazyVideoObserver.observe(lazyVideo);
});
}
});
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));

if ("IntersectionObserver" in window) {
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.srcset = lazyImage.dataset.srcset;
lazyImage.classList.remove("lazy");
lazyImageObserver.unobserve(lazyImage);
}
});
});

lazyImages.forEach(function(lazyImage) {
lazyImageObserver.observe(lazyImage);
});
} else {
// Possibly fall back to a more compatible method here
}
});
</script>

<script async defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" integrity="sha384-xrRywqdh3PHs8keKZN+8zzc5TX0GRTLCcmivcbNJWm2rs5C8PRhcEn3czEjhAO9o" crossorigin="anonymous"></script>
<!-- Custom scripts for this template -->
<script src="index.js"></script>
<script defer src="index.min.js"></script>
<!--Javascript-->
<script async defer>
$(document).ready(function(){
// Add scrollspy to <body>
$('body').scrollspy({target: ".navbar", offset: 50});
// Add smooth scrolling on all links inside the navbar
$("#mainNav a").on('click', function(event) {
if (this.hash !== "") {
event.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(hash).offset().top
}, 400, function(){
window.location.hash = hash;
});
}
});
});
</script>
<script async defer src="https://static.codepen.io/assets/embed/ei.js"></script>

<!-- FEATURES FORM-->

Expand Down
1 change: 1 addition & 0 deletions index.min.css
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions index.min.js
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/browserslist
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/cssesc
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/esparse
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/esvalidate
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/js-yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/mkdirp
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/semver
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions node_modules/.bin/svgo
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

21 changes: 21 additions & 0 deletions node_modules/@types/q/LICENSE
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

16 changes: 16 additions & 0 deletions node_modules/@types/q/README.md
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading