Skip to content

Minor improvements #9

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

Minor improvements #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
81357e0
Add setup instructions to README.md
bitcoinx2 Oct 13, 2019
d539e09
package-lock.json includes a new "optional" field generated by npm
bitcoinx2 Oct 13, 2019
6921fe0
Add build directory to gitignore
bitcoinx2 Oct 13, 2019
d4ca6d9
Fix meta tag for W3C compliance
bitcoinx2 Oct 13, 2019
b66ac60
Close open </div>, fixed indentation
bitcoinx2 Oct 13, 2019
39903a2
Add required "alt" fields to img elements
bitcoinx2 Oct 13, 2019
1eb62dd
Remove ambiguous "autocomplete" field
bitcoinx2 Oct 13, 2019
70b5108
Add charset declaration for compatibility
bitcoinx2 Oct 13, 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
2 changes: 2 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,3 +62,5 @@ typings/

.DS_Store

# Static build directory
Evie
18 changes: 15 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,23 @@ An MIT licensed template bundled with a minimal style guide to build websites fa

![Evie Landing](https://github.com/anges244/evie/blob/master/docs/images/preview_landing.png)


Setup
-----

System dependencies are:

* npm (v6.0.0+)
* gulp (v4.0.0+)

To install them, e.g. on Debian use: `# apt-get install npm gulp`. Check your npm and gulp versions using `$ npm -v` and `$ gulp -v`, respectively. If your version is lower than the required versions listed above, install the up to date versions with `# npm install -g npm@latest gulp@latest`. Restart your shell for the changes to take effect.

Next, install the Javascript dependencies for Evie by running `$ npm install` in the Evie directory. Since Evie is a statically deployed website, security warnings from npm can be safely ignored.


Usage
-----

_This is still under development. For better instructions, head over to the [project website](https://evie.undraw.co)._

This version contains the development setup, with the source files (SASS,EJS) and a Gulp/Express.js setup. To use it, run `gulp`. This will start the server with live reloading. If you just want to compile a customized production version, the path is "src/theme/" and there you can change the SASS files, customize colors, make any change you want and run `gulp build`. This will generate a "theme" folder which contains your static website.

### Real documentation coming soon
This version contains the development setup, with the source files (SASS,EJS) and a Gulp/Express.js setup. To use it, run `gulp`. This will start the server with live reloading. If you just want to compile a customized production version, the path is "src/theme/" and there you can change the SASS files, customize colors, make any change you want and run `gulp build`. This will generate a "Evie" folder which contains your static website.
41 changes: 30 additions & 11 deletions package-lock.json
View file
Open in desktop

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

9 changes: 4 additions & 5 deletions src/theme/auth.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<meta class="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta class="utf-8" charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Authentication @Evie</title>
<link rel='stylesheet' href='<%= asset("css/style.min.css") %>' />
</head>
Expand All @@ -28,12 +27,12 @@
<div class="container">
<div class="auth__inner">
<div class="auth__media">
<img src="./images/undraw_selfie.svg">
<img src="./images/undraw_selfie.svg" alt="Identity">
</div>
<div class="auth__auth">
<h1 class="auth__title">Access your account</h1>
<p>Fill in your email and password to proceed</p>
<form method='post' action="/example" autocompelete="new-password" role="presentation" class="form">
<form method='post' action="/example" role="presentation" class="form">
<input name="email" class="fakefield">
<label>Email</label>
<input type="text" name="email" id='email' placeholder="you@example.com">
Expand All @@ -48,4 +47,4 @@
</div>
<script src='<%= asset("js/app.min.js") %>'></script>
</body>
</html>
</html>
5 changes: 2 additions & 3 deletions src/theme/dashboard.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<meta class="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta class="utf-8" charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Dashboard | Evie by unDraw</title>
<link rel='stylesheet' href='<%= asset("css/style.min.css") %>' />
</head>
Expand Down Expand Up @@ -48,4 +47,4 @@

<script src='<%= asset("js/app.min.js") %>'></script>
</body>
</html>
</html>
40 changes: 20 additions & 20 deletions src/theme/index.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<meta class="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta class="utf-8" charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Evie by unDraw</title>
<!-- Don't forget to add your metadata here -->
<link rel='stylesheet' href='<%= asset("css/style.min.css") %>' />
Expand Down Expand Up @@ -56,21 +55,21 @@
<div class="steps__inner">
<div class="step">
<div class="step__media">
<img src="./images/undraw_designer.svg" class="step__image">
<img src="./images/undraw_designer.svg" alt="Programmers" class="step__image">
</div>
<h4>Programmers</h4>
<p class="step__text">A landing page for your open source projects. Present your solution, easily create docs.</p>
</div>
<div class="step">
<div class="step__media">
<img src="./images/undraw_responsive.svg" class="step__image">
<img src="./images/undraw_responsive.svg" alt="Designers" class="step__image">
</div>
<h4>Designers</h4>
<p class="step__text">A website for your own freebies. Let the world download and use your artwork.</p>
</div>
<div class="step">
<div class="step__media">
<img src="./images/undraw_creation.svg" class="step__image">
<img src="./images/undraw_creation.svg" alt="Makers" class="step__image">
</div>
<h4>Makers</h4>
<p class="step__text">A great starting point for your web application. Focus on your idea and execution.</p>
Expand All @@ -83,7 +82,7 @@
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/undraw_browser.svg" class="expanded__image">
<img src="./images/undraw_browser.svg" alt="Natural styling" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Natural styling with almost nothing to learn</h2>
Expand All @@ -96,7 +95,7 @@
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/undraw_frameworks.svg" class="expanded__image">
<img src="./images/undraw_frameworks.svg" alt="Framework agnostic" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Framework agnostic. Your front-end setup, your choice.</h2>
Expand All @@ -109,7 +108,7 @@
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/together.svg" class="expanded__image">
<img src="./images/together.svg" alt="Ready for production" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Ready for production or rapid prototyping</h2>
Expand Down Expand Up @@ -147,22 +146,23 @@
</div>
</div>
<div class="footer__data__item">
<div class="footer__row">
<a href="https://github.com/anges244/evie" target="_blank" class="footer__link">GitHub</a>
</div>
<div class="footer__row">
<a href="https://twitter.com/undraw_co" target="_blank" class="footer__link">Twitter</a>
</div>
<div class="footer__row">
<a href="https://www.facebook.com/undraw.co/" target="_blank" class="footer__link">Facebook</a>
</div>
<div class="footer__row">
<a href="/additional" class="footer__link">MIT license</a>
<div class="footer__row">
<a href="https://github.com/anges244/evie" target="_blank" class="footer__link">GitHub</a>
</div>
<div class="footer__row">
<a href="https://twitter.com/undraw_co" target="_blank" class="footer__link">Twitter</a>
</div>
<div class="footer__row">
<a href="https://www.facebook.com/undraw.co/" target="_blank" class="footer__link">Facebook</a>
</div>
<div class="footer__row">
<a href="/additional" class="footer__link">MIT license</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src='<%= asset("js/app.min.js") %>'></script>
</body>
</html>
</html>
5 changes: 2 additions & 3 deletions src/theme/page.ejs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,7 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<meta class="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta class="utf-8" charset="utf-8" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Page | Evie by unDraw</title>
<link rel='stylesheet' href='<%= asset("css/style.min.css") %>' />
</head>
Expand Down Expand Up @@ -63,4 +62,4 @@

<script src='<%= asset("js/app.min.js") %>'></script>
</body>
</html>
</html>