Skip to content

Add files via upload #4

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
kenri28 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Add files via upload #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
113 changes: 46 additions & 67 deletions hackton/blog/Static/blog/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,84 +1,63 @@
body {
background: #fafafa;
color: #333333;
margin-top: 5rem;
font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
color: #444444;
}

ul {
margin: 0;
}

.bg-steel {
background-color: #5f788a;
}

.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;
a:link {
color: none;
background-color: transparent;
text-decoration: none;
}

.article-content {
white-space: pre-line;
a:visited {
color: black;
background-color: transparent;
text-decoration: none;
}

.article-img {
height: 65px;
width: 65px;
margin-right: 16px;
a:hover {
color: black;
background-color: transparent;
text-decoration: none;
}

.article-metadata {
padding-bottom: 1px;
margin-bottom: 4px;
border-bottom: 1px solid #e3e3e3
a:active {
color: black;
background-color: transparent;
text-decoration: none;
}

.article-metadata a:hover {
color: #333;
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}

.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}

.article-svg {
width: 25px;
height: 25px;
vertical-align: middle;
.sidenav a:hover {
color: #f1f1f1;
}

.account-img {
height: 125px;
width: 125px;
margin-right: 20px;
margin-bottom: 16px;
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

.account-heading {
font-size: 2.5rem;
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
Binary file modified hackton/blog/__pycache__/views.cpython-37.pyc
View file
Open in desktop
Binary file not shown.
6 changes: 5 additions & 1 deletion hackton/blog/templates/blog/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
{% extends "blog/base_easy.html"%}
{%block content %}



<h1>This is a Heading</h1>
<p>This is a paragraph.</p>


{% endblock content %}
171 changes: 97 additions & 74 deletions hackton/blog/templates/blog/base_easy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,94 +2,117 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: "Lato", sans-serif;
}

<!-- 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://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
a:link {
color: none;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: black;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: black;
background-color: transparent;
text-decoration: none;
}
a:active {
color: black;
background-color: transparent;
text-decoration: none;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}

<link rel="stylesheet" type="text/css" href="{% static 'blog/main.css' %}">
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}

{% if title %}
<title>My Courses - {{ title }}</title>
{% else %}
<title>My Courses</title>
{% endif %}
</head>
<body>
.sidenav a:hover {
color: #f1f1f1;
}

<!-- Sidebar -->
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
</style>
</head>
<body>

<header class="site-header">
<nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
<div class="w3-sidebar w3-bar-block w3-border-right" style="display:none" id="mySidebar">
<button onclick="w3_close()" class="w3-bar-item w3-large">Close &times;</button>
<a href="#" class="w3-bar-item w3-button">Link 1</a>
<a href="#" class="w3-bar-item w3-button">Link 2</a>
<a href="#" class="w3-bar-item w3-button">Link 3</a>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
<a class="nav-item nav-link" href="{% url 'blog-information' %}">Skills Card</a>
<a href="https://www.hult.edu/en/alumni/">Alumni</a>
<a href="#">Top Skills</a>
<a href="https://www.linkedin.com/">Linked In</a>
</div>

<div class="w3-teal">
<button class="w3-button w3-teal w3-xlarge" onclick="w3_open()">☰</button>
<div class="w3-container">
<h1>My Page</h1>
</div>
</div>
<div class="container">
<a class="navbar-brand mr-4" href="{% url 'blog-home' %}">My Courses</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 'blog-home' %}">Home</a>
<a class="nav-item nav-link" href="{% url 'blog-about' %}">About</a>
</div>
<!-- Navbar Right Side -->
<div class="navbar-nav">
<a class="nav-item nav-link" href="#">Login</a>
<a class="nav-item nav-link" href="#">Register</a>
</div>
</div>
</div>
</nav>
</header>
<main role="main" class="container">
<h1>
<span style="word-spacing: 5px; font-size:30px;cursor:pointer" onclick="openNav()">&#9776; </span>
<a class="nav-item nav-link" href="{% url 'blog-home' %}">My Courses</a >
<a class="nav-item nav-link" href="{% url 'blog-about' %}" style="word-spacing: 30px"> About </a >
</h1>

<main role="main" class="container">
<div class="row">
<div class="col-md-8">

{% block content %}{% endblock %}
</div>
<div class="col-md-4" style="float:left;">
<div class="content-section" >
<h3>Hult Internatianl Business School</h3>
<p class='text-muted'>
<ul class="list-group">
<li class="list-group-item list-group-item-light">Skills Card</li>
<li class="list-group-item list-group-item-light">Alumni</li>
<li class="list-group-item list-group-item-light">Top Skills</li>
<li class="list-group-item list-group-item-light">Linked In</li>
</ul>
</p>
</div>
</div>
</div>
</main>
<div class="col-md-4"></div>
</div></main>











<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script>function w3_open() {
document.getElementById("mySidebar").style.display = "block";

<script>
function openNav() {
document.getElementById("mySidenav").style.width = "250px";
}

function w3_close() {
document.getElementById("mySidebar").style.display = "none";
}</script>
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>

</body>
</html>
</html>
15 changes: 1 addition & 14 deletions hackton/blog/templates/blog/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,20 +2,7 @@
{%block content %}


{% for post in posts %}


<article class="media content-section">
<div class="media-body">
<div class="article-metadata">
<a class="mr-2" href="#">{{post.author}}</a>
<small class="text.muted">{{post.date_posted}}</small>
</div>
<h2><a class="article-title" href="#">{{post.title}}</a></h2>
<p class="article-content">{{post.content}}</p>
</div>
</article>
{% endfor %}

{% endblock content %}

{% endblock content %}
17 changes: 16 additions & 1 deletion hackton/blog/templates/blog/information.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,20 @@
{% extends "blog/base_easy.html"%}
{%block content %}

<div class="w3-container">
<h4>Principles Of Marketing</h4>

<div class="w3-card-4" style="width:50%">
<img src="img_snowtops.jpg" alt="Alps" style="width:100%">
<div class="w3-card-4">
<div class="w3-container w3-center">
<ul class="list-group">
<li class="list-group-item list-group-item-light">Public Speaking</li>
<li class="list-group-item list-group-item-light">Market Research</li>
<li class="list-group-item list-group-item-light">Power Point Presentation</li>
</ul>
</div>
</div>
</div>


{% endblock content %}
2 changes: 1 addition & 1 deletion hackton/blog/views.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ def about(request):
# def about(request):
# return HttpResponse('<h1> Blog About </h1>', {'title': 'About'}) #HTML code to create a header
def information(request):
return render(request, 'blog/request.html')
return render(request, 'blog/information.html')

def author(request):
return render(request,'blog/author.html')