Skip to content
Snippets Groups Projects
Commit 2dcb2c1c authored by Genvictus's avatar Genvictus
Browse files

Merge branch 'main' of https://gitlab.informatika.org/if3110-2023-01-32/if-3110-2023-01-32

parents 36e1e01d a9a56d01
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 212 additions and 0 deletions
src/app/controllers/Page/HomePage.php 0 → 100644
+ 22
− 0
View file @ 2dcb2c1c
<?php
require_once SRC_ROOT_PATH . "/app/baseclasses/BaseController.php";
class HomePage extends BaseController{
protected static $instance;
public function __construct(){
parent::__construct(null);
}
public static function getInstance(){
if(!isset(self::$instance)){
self::$instance = new static();
}
return self::$instance;
}
public function get($urlParams){
require PAGE_PATH . "/home.php";
exit();
}
}
?>
\ No newline at end of file
src/app/controllers/Page/PostPage.php 0 → 100644
+ 22
− 0
View file @ 2dcb2c1c
<?php
require_once SRC_ROOT_PATH . "/app/baseclasses/BaseController.php";
class PostPage extends BaseController{
protected static $instance;
public function __construct(){
parent::__construct(null);
}
public static function getInstance(){
if(!isset(self::$instance)){
self::$instance = new static();
}
return self::$instance;
}
public function get($urlParams){
require PAGE_PATH . "/post.php";
exit();
}
}
?>
\ No newline at end of file
src/app/view/home.php
+ 54
− 0
View file @ 2dcb2c1c
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="home.css" />
</head>
<body>
<div class="layout">
<div class="layout__left-sidebar">
<img src="../../public/assets/github.png" class="brand" />
<div class="sidebar-menu">
<div class="sidebar-menu__item sidebar-menu__item--active">
<img src="home.svg" class="sidebar-menu__item-icon" />
Home
</div>
<div class="sidebar-menu__item">
<img src="followed.jpg" class="sidebar-menu__item-icon" />
Followed
</div>
<div class="sidebar-menu__item">
<img src="profile.svg" class="sidebar-menu__item-icon" />
Profile
</div>
</div>
</div>
<div class="layout__main">
<img class="post__author-logo" src="./images/profile-image-1.jpg" />
<div class="post">
<div class="post__main">
<div class="post__header">
<div class="post__user-name">
</div>
<div class="post__user-username">
</div>
<div class="post__publish-time">
</div>
</div>
<div class="post__content">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
src/public/assets/followed.jpg 0 → 100644
+ 0
− 0
View file @ 2dcb2c1c
src/public/assets/followed.jpg

3.24 KiB

src/public/assets/github_home_logo.png 0 → 100644
+ 0
− 0
View file @ 2dcb2c1c
src/public/assets/github_home_logo.png

7.83 KiB

src/public/assets/home.svg 0 → 100644
+ 1
− 0
View file @ 2dcb2c1c
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M22.58 7.35L12.475 1.897c-.297-.16-.654-.16-.95 0L1.425 7.35c-.486.264-.667.87-.405 1.356.18.335.525.525.88.525.16 0 .324-.038.475-.12l.734-.396 1.59 11.25c.216 1.214 1.31 2.062 2.66 2.062h9.282c1.35 0 2.444-.848 2.662-2.088l1.588-11.225.737.398c.485.263 1.092.082 1.354-.404.263-.486.08-1.093-.404-1.355zM12 15.435c-1.795 0-3.25-1.455-3.25-3.25s1.455-3.25 3.25-3.25 3.25 1.455 3.25 3.25-1.455 3.25-3.25 3.25z"></path></g></svg>
src/public/assets/profile.svg 0 → 100644
+ 1
− 0
View file @ 2dcb2c1c
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g><path d="M12 11.816c1.355 0 2.872-.15 3.84-1.256.814-.93 1.078-2.368.806-4.392-.38-2.825-2.117-4.512-4.646-4.512S7.734 3.343 7.354 6.17c-.272 2.022-.008 3.46.806 4.39.968 1.107 2.485 1.256 3.84 1.256zM8.84 6.368c.162-1.2.787-3.212 3.16-3.212s2.998 2.013 3.16 3.212c.207 1.55.057 2.627-.45 3.205-.455.52-1.266.743-2.71.743s-2.255-.223-2.71-.743c-.507-.578-.657-1.656-.45-3.205zm11.44 12.868c-.877-3.526-4.282-5.99-8.28-5.99s-7.403 2.464-8.28 5.99c-.172.692-.028 1.4.395 1.94.408.52 1.04.82 1.733.82h12.304c.693 0 1.325-.3 1.733-.82.424-.54.567-1.247.394-1.94zm-1.576 1.016c-.126.16-.316.246-.552.246H5.848c-.235 0-.426-.085-.552-.246-.137-.174-.18-.412-.12-.654.71-2.855 3.517-4.85 6.824-4.85s6.114 1.994 6.824 4.85c.06.242.017.48-.12.654z"></path></g></svg>
src/public/css/home.css 0 → 100644
+ 112
− 0
View file @ 2dcb2c1c
html {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
}
.brand {
height: 70px;
padding: 10px;
}
.layout {
display: grid;
grid-template-columns: 275px auto 350px;
margin: 0 auto;
max-width: 1200px;
}
.layout__right-sidebar {
position: fixed;
width: 350px;
}
.sidebar-menu {
position: fixed;
}
.sidebar-menu__item {
font-size: 19px;
color: #0F141A;
display: flex;
align-items: center;
font-weight: 700;
padding: 10px;
}
.sidebar-menu__item:hover {
background: rgba(29, 161, 242, 0.1);
color: #1da0f2;
border-radius: 20px;
cursor: pointer;
}
.sidebar-menu__item:active {
color: #1da0f2;
}
.sidebar-menu__item--active {
color: #1da0f2;
}
.sidebar-menu__item-icon {
height: 26px;
margin-right: 20px;
}
.sidebar-menu__item--active .sidebar-menu__item-icon {
filter: invert(67%) sepia(60%) saturate(4956%) hue-rotate(176deg) brightness(95%) contrast(99%);
}
.post {
display: flex;
border-bottom: 1px solid #e6ecf0;
margin-bottom: 2px;
padding: 10px 15px;
}
.post:hover {
background: rgba(0, 0, 0, 0.03);
cursor: pointer;
}
.post a {
color: #1b94e0;
text-decoration: none;
}
.post a:hover {
text-decoration: underline;
}
.post__author-logo {
width: 49px;
height: 49px;
border-radius: 50%;
margin-right: 10px;
}
.post__header {
display: flex;
}
.post__user-name {
font-size: 15px;
font-weight: 700;
color: #14171a;
margin-right: 5px;
}
.post__user-username {
color: #5b7083;
font-size: 15px;
}
.post__publish-time {
margin-left: 5px;
color: #657786;
}
.post__image {
width: 100%;
border-radius: 15px;
margin-top: 10px;
}
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment