Skip to content

Major 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

Merged
merged 3 commits into from
Oct 2, 2020
Merged

Major changes #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
b3b1244
added: new posts
TechLead-21 Oct 2, 2020
ebd7684
improved: UI
TechLead-21 Oct 2, 2020
6268838
added: custom css
TechLead-21 Oct 2, 2020
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
20 changes: 10 additions & 10 deletions data.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<?php

$menus = [
["title" => "Home", "url" => "/"],
["title" => "Home", "url" => "#home"],
["title" => "About", "url" => "#about"],
["title" => "Gallery", "url" => "#gallery"],
["title" => "Contact", "url" => "#contact"]
Expand All @@ -10,20 +10,20 @@
$posts = [

[
"title" => "Demo title 1",
"intro" => "This is simple content and its cool"
"title" => "What are your goals for Hacktoberfest?",
"intro" => "Hacktoberfest is open starting today. What goal do you aim to achieve before October 31st? Mine is to contribute and finally give back to at least 2 of the vim plugins I use every day. What about you? Share below."
],
[
"title" => "Demo title 2",
"intro" => "This is simple content as second article and its cool"
"title" => "8 important things I learned as a software developer over a decade.",
"intro" => "Originally published at deepu.tech. Please follow me on Twitter for updates and let me know what can be improved in the post."
],
[
"title" => "Demo title 2",
"intro" => "This is simple content as second article and its cool"
"title" => "28 Creative 404 pages for your Inspiration 🧙‍♂️✨",
"intro" => "Landing on a default, un-styled ‘page not found’ with no further info and links can be really annoying. A creative and clever error page goes a long way in turning your visitor’s frown into a smile. 😉"
],
[
"title" => "Demo title 2",
"intro" => "This is simple content as second article and its cool"
"title" => "Backend Developer Roadmap 2020",
"intro" => "Basic Frontend Knowledge: HTML,CSS,Javascript"
]

];
];
260 changes: 139 additions & 121 deletions index.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,53 +3,67 @@
?>
<!DOCTYPE html>
<html lang="en">

<head>
<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="">
<title>Dynamo blog page</title>

<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
<!-- add template css file -->
<link rel="stylesheet" href="/css/template.css" />
<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="">
<title>Dynamo blog page</title>

<!-- Bootstrap core CSS -->
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> -->

<!--? Bootstrap core CSS -->
<link rel="stylesheet" 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">
<!-- Custom fonts for this template -->

<!-- <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css"> -->
<!--? Fontawesome Kit CDN -->
<script src="https://kit.fontawesome.com/ff97be3a06.js" crossorigin="anonymous"></script>



<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet">
<link
href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
<!-- add template css file -->
<link rel="stylesheet" href="./template.css" />
</head>

<body>
<!-- Page Header -->
<header class="masthead" style="background-image: url('https://picsum.photos/1100/400?grayscale');padding:100px 0px;">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="site-heading text-light">
<h1>Lazy blogger</h1>
<span class="subheading">Its all about laziness and blogging...</span>
</div>
<!-- Page Header -->
<header class="masthead"
style="background-image: url('https://picsum.photos/1100/400?grayscale');padding:100px 0px;">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="site-heading text-light">
<h1 style="font-size: 55px">Lazy blogger</h1>
<span class="subheading">Its all about laziness and blogging...</span>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
<div class="container">
<a class="navbar-brand" href="/">LAZY</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<?php
</header>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light" id="mainNav">
<div class="container">
<span class="navbar-brand mb-2 header">Lazy Blogs</span>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false"
aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto nav-pills">
<?php
$menus = menus();
foreach($menus as $menu) {
echo "<li class='nav-item'>";
Expand All @@ -59,94 +73,98 @@
echo "</li>";
}
?>
</ul>
</div>
</div>
</nav>
<div class="content">
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<?php
</ul>
</div>
</div>
</nav>

<div class="content">
<!-- Main Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<?php
$posts = posts();
foreach($posts as $post) {
?>
<div class="post-preview">
<a href="">
<h2>
<?php
<div class="post-preview">
<a href="./post.php">
<h2>
<?php
echo $post['title'];
?>
</h2>
</a>
<div class="intro">
<div class="clearfix">
<p>
<?php
</h2>
</a>
<div class="intro">
<div class="clearfix">
<p>
<?php
echo $post['intro'];
?>
</p>
</div>
</div>
</div>
<?php
</p>
</div>
</div>
</div>
<?php
}
?>
<hr>

<div class="clearfix"></div>
<hr>

<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<hr>
</div>
<hr>
</div>

<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="#">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<p class="copyright text-muted">Copyright &copy; Lazy Blogger <?php echo date("Y"); ?></p>

<!-- Footer -->
<footer>
<div class="container" id="contact">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<ul class="list-inline text-center">
<li class="list-inline-item">
<a href="https://twitter.com/jayeshintech">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://dev.to/mindset">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-dev fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
<li class="list-inline-item">
<a href="https://github.com/TechLead-21">
<span class="fa-stack fa-lg">
<i class="fas fa-circle fa-stack-2x"></i>
<i class="fab fa-github fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
</ul>
<p class="copyright footer-text">Coded with ❤ <?php echo date("Y"); ?>
</p>
</div>
</div>
</div>
</div>
</div>
</footer>

<!-- javascript files -->
<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>
</footer>

<!-- javascript files -->
<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>
</body>
</html>

</html>
13 changes: 13 additions & 0 deletions template.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
.header {
font-size: 26px;
font-weight: 800;
text-decoration: underline;
}

#card-main {
margin-top: 200px;
}

.footer-text{
text-align: center;
}