Skip to content
Permalink
Browse files

Add colors css and update home page

  • Loading branch information...
nlaz committed Feb 12, 2019
1 parent 897f54d commit 3064df0684e96fa3faeafbf86317958c9beae740
@@ -18,7 +18,12 @@ To get started, install Python and Postgres on your local computer, if you don't

## Getting Started

**Step 1. Clone the code into a fresh folder: `git clone https://github.com/MLH/mlh-hackathon-flask-starter.git`**
**Step 1. Clone the code into a fresh folder**

```
$ git clone https://github.com/MLH/mlh-hackathon-flask-starter.git
$ cd mlh-hackathon-flask-starter
```


**Step 2. Create a Virtual Environment and install Dependencies.**
@@ -0,0 +1,44 @@
/* colors.css - A stylesheet for custom color classes */
/* Colors came from Primer CSS */

/* Classes for changing background colors */
.bg-white { background-color: #ffffff; }
.bg-blue { background-color: #0366d6; }
.bg-blue-light { background-color: #f1f8ff; }
.bg-gray-dark { background-color: #24292e; }
.bg-gray { background-color: #f6f8fa; }
.bg-gray-light { background-color: #fafbfc; }
.bg-green { background-color: #28a745; }
.bg-green-light { background-color: #dcffe4; }
.bg-red { background-color: #d73a49; }
.bg-red-light { background-color: #ffdce0; }
.bg-yellow { background-color: #ffd33d; }
.bg-yellow-light { background-color: #fff5b1; }
.bg-purple { background-color: #6f42c1; }
.bg-purple-light { background-color: #f5f0ff; }

/* Classes for changing text colors */
.text-blue { color: #0366d6; }
.text-red { color: #cb2431; }
.text-gray-light { color: #6a737d; }
.text-gray { color: #586069; }
.text-gray-dark { color: #24292e; }
.text-green { color: #28a745; }
.text-orange { color: #a04100; }
.text-orange-light { color: #e36209; }
.text-purple { color: #6f42c1; }
.text-white { color: #ffffff; }
.text-inherit { color: inherit; }

/* Classes for changing border colors */
.border-blue { border-color: #0366d6; }
.border-blue-light { border-color: #c8e1ff; }
.border-green { border-color: #34d058; }
.border-green-light { border-color: #a2cbac; }
.border-red { border-color: #d73a49; }
.border-red-light { border-color: #cea0a5; }
.border-purple { border-color: #6f42c1; }
.border-yellow { border-color: #d9d0a5; }
.border-gray-light { border-color: #eaecef; }
.border-gray-dark { border-color: #d1d5da; }
.border-black-fade { border-color: rgba(27, 31, 35, 0.15); }
@@ -1,11 +1,11 @@
<footer class='bg-light py-2 border-top'>
<footer class='bg-gray-dark text-gray-light py-2'>
{% block footer %}
<div class='container text-secondary my-2'>
<div class='container my-2'>
<div class='d-flex flex-column flex-sm-row justify-content-between align-items-center'>
<small>Project Name © 2019</small>
<span>
<small><a href=''>Feedback</a></small>
<small><a href=''>GitHub</a></small>
<small><a class='text-inherit' href=''>Feedback</a></small>
<small><a class='text-inherit' href=''>GitHub</a></small>
</span>
</div>
</div>
@@ -1,10 +1,10 @@
{% extends 'layout.html' %}

{% block header %}
<div class='bg-dark text-light py-5'>
<div class='container py-5 my-4'>
<h1 class='h1 mb-1 text-white'>Hackathon Flask Starter</h1>
<h2 class='h6 text-secondary'>Presented by GitHub & MLH</h2>
<div class='bg-blue-light text-gray-dark py-5'>
<div class='container py-5 my-5'>
<h1 class='h1 mb-1 text-blue-light'>Hackathon Flask Starter</h1>
<h2 class='h5 text-gray-light'>Presented by GitHub & MLH.</h2>
</div>
</div>
{% endblock %}
@@ -8,6 +8,7 @@
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}" >
<link rel="stylesheet" href="{{ url_for('static', filename='colors.css') }}" >
<link rel="stylesheet" href="{{ url_for('static', filename='vendor/markdown.min.css') }}" >
{% endblock %}
</head>
@@ -1,31 +1,32 @@
<nav class="navigation border-bottom">
<nav class="navigation bg-gray-dark text-gray-light">
<div class="container">
<div class="d-flex flex-column flex-sm-row justify-content-between align-items-center">
<div class="d-flex align-items-center justify-content-between justify-content-sm-start w-100">
<a href="/" class="text-decoration-none text-dark">
<h1 class="h5 m-0">{Project Name}</h1>
</a>
<a class="nav-item p-2 m-1" href="{{ url_for('github.index') }}">
GitHub API
</a>
<span class="nav-item text-white">
<a class="text-inherit" href="/">
Project Name
</a>
</span>
</div>
<div class="d-flex align-items-center justify-content-between justify-content-sm-end w-100">
<span class="nav-item p-2 m-1">
<a class="text-inherit" href="{{ url_for('github.index') }}">
GitHub API
</a>
</span>
{% if g.user %}
<span class="nav-item p-2 text-secondary d-flex align-items-center">
<span class="nav-item p-2 d-flex align-items-center">
<img src="{{ g.user['avatar_url'] }}" class='rounded mr-2' style='width:24px; height:24px;'/>
{{ g.user['username'] }}
</span>
{% endif %}
<span class="nav-item p-2 m-1">
<a href="{{ url_for('public.user_guide') }}">User Guide</a>
</span>
{% if g.user %}
<span class="nav-item p-2 m-1">
<a href="{{ url_for('auth.logout') }}">Log out</a>
<a class="text-inherit" href="{{ url_for('auth.logout') }}">Log out</a>
</span>
{% else %}
<span class="nav-item p-2 m-1">
<a href="{{ url_for('auth.githubLogin') }}">Login with GitHub</a>
<a class="text-inherit" href="{{ url_for('auth.githubLogin') }}">Login with GitHub</a>
</span>
{% endif %}
</div>
@@ -13,7 +13,7 @@ def index():
if not 'access_token' in session:
flash('This page needs an authenticated user. Please sign in with your GitHub account.', 'warning')
with open('docs/USER_GUIDE.md', 'r') as input_file:
text = input_file.read()
text = input_file.read().decode('utf-8')
content = markdown.render(text)
return render_template('github/guide.html', body=content)

@@ -171,7 +171,6 @@ To run the project, you need to configure the application to run locally. This w

```
# .env file
SECRET_KEY="octocat"
DATABASE_URL="[INSERT_DATABASE_URL]"
GITHUB_CLIENT_ID="[INSERT_CLIENT_ID]"
GITHUB_CLIENT_SECRET="[INSERT_CLIENT_SECRET]"

0 comments on commit 3064df0

Please sign in to comment.
You can’t perform that action at this time.