From 4412825950cc979cecc2ec997271c46ce5f8e9e2 Mon Sep 17 00:00:00 2001
From: Rushil Umaretiya <rushilwiz@gmail.com>
Date: Sat, 15 Aug 2020 01:23:04 -0400
Subject: [PATCH] got the news app up and created templates and css

---
 config/settings.py              |   1 +
 config/urls.py                  |   4 +-
 news/static/news/css/styles.css | 104 ++++++++++++++++++++++++++++++++
 news/templates/news/about.html  |   4 ++
 news/templates/news/base.html   |  86 ++++++++++++++++++++++++++
 news/templates/news/home.html   |   4 ++
 news/urls.py                    |   9 +++
 news/views.py                   |   6 ++
 8 files changed, 217 insertions(+), 1 deletion(-)
 create mode 100644 news/static/news/css/styles.css
 create mode 100644 news/templates/news/about.html
 create mode 100644 news/templates/news/base.html
 create mode 100644 news/templates/news/home.html
 create mode 100644 news/urls.py

diff --git a/config/settings.py b/config/settings.py
index 9d1620d..9f9514f 100644
--- a/config/settings.py
+++ b/config/settings.py
@@ -31,6 +31,7 @@ ALLOWED_HOSTS = []
 # Application definition
 
 INSTALLED_APPS = [
+    'news.apps.NewsConfig',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
diff --git a/config/urls.py b/config/urls.py
index 082579f..5d96355 100644
--- a/config/urls.py
+++ b/config/urls.py
@@ -14,8 +14,10 @@ Including another URLconf
     2. Add a URL to urlpatterns:  path('blog/', include('blog.urls'))
 """
 from django.contrib import admin
-from django.urls import path
+from django.urls import path, include
+
 
 urlpatterns = [
+    path('', include('news.urls')),
     path('admin/', admin.site.urls),
 ]
diff --git a/news/static/news/css/styles.css b/news/static/news/css/styles.css
new file mode 100644
index 0000000..79d2c28
--- /dev/null
+++ b/news/static/news/css/styles.css
@@ -0,0 +1,104 @@
+@font-face {
+    font-family: Futura;
+    src: url(futura.ttf);
+}
+
+@font-face {
+  font-family: 'Segoe UI';
+  src: url('Segoe UI.ttf');
+}
+
+body {
+  background: #fafafa;
+  color: #333333;
+  margin-top: 5rem;
+  font-family: 'Segoe UI';
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #444444;
+}
+
+ul {
+  margin: 0;
+}
+
+.bg-steel {
+  background: #0F2027;  /* fallback for old browsers */
+  background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
+  background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+
+  /* border-bottom: 3px #111 solid; */
+}
+
+.site-header .navbar-nav .nav-link {
+  color: #cbd5db;
+}
+
+.site-header .navbar-nav .nav-link:hover {
+  color: #ffffff;
+}
+
+.site-header .navbar-nav .nav-link.active {
+  font-weight: 500;
+}
+
+.content-section {
+  background: #ffffff;
+  padding: 10px 20px;
+  border: 1px solid #dddddd;
+  border-radius: 3px;
+  margin-bottom: 20px;
+}
+
+.article-title {
+  color: #444444;
+}
+
+a.article-title:hover {
+  color: #428bca;
+  text-decoration: none;
+}
+
+.article-content {
+  white-space: pre-line;
+}
+
+.article-img {
+  height: 65px;
+  width: 65px;
+  margin-right: 16px;
+}
+
+.article-metadata {
+  padding-bottom: 1px;
+  margin-bottom: 4px;
+  border-bottom: 1px solid #e3e3e3
+}
+
+.article-metadata a:hover {
+  color: #333;
+  text-decoration: none;
+}
+
+.article-svg {
+  width: 25px;
+  height: 25px;
+  vertical-align: middle;
+}
+
+.account-img {
+  height: 125px;
+  width: 125px;
+  margin-right: 20px;
+  margin-bottom: 16px;
+}
+
+.account-heading {
+  font-size: 2.5rem;
+}
+
+.nounderline {
+  text-decoration: none !important;
+  color: black !important;
+}
diff --git a/news/templates/news/about.html b/news/templates/news/about.html
new file mode 100644
index 0000000..b2c6d79
--- /dev/null
+++ b/news/templates/news/about.html
@@ -0,0 +1,4 @@
+{% extends 'news/base.html' %}
+{% block content %}
+<h1>about</h1>
+{% endblock content %}
diff --git a/news/templates/news/base.html b/news/templates/news/base.html
new file mode 100644
index 0000000..d4075ae
--- /dev/null
+++ b/news/templates/news/base.html
@@ -0,0 +1,86 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+  <head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+
+    <link rel="stylesheet" type="text/css" href="{% static 'news/css/styles.css' %}">
+
+    <!-- Favicon -->
+    <link rel="shortcut icon" type="image/png" href="{% static 'favicon.ico' %}"/>
+
+    <title>Chirper</title>
+
+  </head>
+  <body>
+    <header class="site-header">
+      <nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
+        <div class="container">
+          <a class="navbar-brand mr-4" href="">NewViewsNews
+          </a>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse" id="navbarToggle">
+            <div class="navbar-nav mr-auto">
+              <a class="nav-item nav-link" href="{% url 'home' %}">Home</a>
+              <a class="nav-item nav-link" href="{% url 'about' %}">About</a>
+            </div>
+            <!-- Navbar Right Side -->
+            <div class="navbar-nav">
+            {% if user.is_authenticated %}
+              <a class="nav-item nav-link" href="">New Chirp</a>
+              <a class="nav-item nav-link" href="">{{ user.username }}</a>
+              <a class="nav-item nav-link" href="">Logout</a>
+            {% else %}
+              <a class="nav-item nav-link" href="">Login</a>
+            {% endif %}
+            </div>
+          </div>
+        </div>
+      </nav>
+    </header>
+
+    <main role="main" class="container">
+      <div class="row">
+        <div class="col-md-8">
+          {% if messages %}
+            {% for message in messages %}
+              <div class="alert alert-{{ message.tags }} alert-dismissible fade show">
+                {{ message }}
+                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+              </div>
+            {% endfor %}
+          {% endif %}
+          {% block content %}{% endblock %}
+        </div>
+        <div class="col-md-4">
+          <div class="content-section">
+            <h3>Trending</h3>
+              <ul class="list-group">
+                <li class="list-group-item"><a href="https://www.djangoproject.com/">#Django</a></li>
+                <li class="list-group-item"><a href="https://tjctf.org">#TJCTF</a></li>
+                <li class="list-group-item"><a href="https://sysadmins.tjhsst.edu/understudy/">#Understudy</a></li>
+                <li class="list-group-item"><a href="https://dadjokegenerator.com/">#DadJokes</a></li>
+              </ul>
+            </p>
+          </div>
+        </div>
+        </div>
+      </div>
+    </main>
+
+    <!-- Bootstrap JS -->
+    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+  </body>
+</html>
diff --git a/news/templates/news/home.html b/news/templates/news/home.html
new file mode 100644
index 0000000..8dabb47
--- /dev/null
+++ b/news/templates/news/home.html
@@ -0,0 +1,4 @@
+{% extends 'news/base.html' %}
+{% block content %}
+<h1>home</h1>
+{% endblock content %}
diff --git a/news/urls.py b/news/urls.py
new file mode 100644
index 0000000..7c61ae8
--- /dev/null
+++ b/news/urls.py
@@ -0,0 +1,9 @@
+from django.contrib import admin
+from django.urls import path
+
+from . import views
+
+urlpatterns = [
+    path('', views.home, name='home'),
+    path('about/', views.about, name='about')
+]
diff --git a/news/views.py b/news/views.py
index 91ea44a..afba160 100644
--- a/news/views.py
+++ b/news/views.py
@@ -1,3 +1,9 @@
 from django.shortcuts import render
 
 # Create your views here.
+
+def about (request):
+    return render (request, 'news/about.html')
+
+def home (request):
+    return render (request, 'news/home.html')