Home Explore Help
Sign In
golestan
/
dizatech
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

Added title and avatar image for single blog page

golestan 3 years ago
parent
8d6ac60b00
commit
4fac13e450
5 changed files with 86 additions and 18 deletions
Split View Show Diff Stats
  1. 1 1
      resources/sass/_variables.scss
  2. 60 0
      resources/sass/home/home.scss
  3. 1 1
      resources/views/home/layouts/app.blade.php
  4. 3 3
      resources/views/home/layouts/navbar.blade.php
  5. 21 13
      resources/views/home/single-blog.blade.php

+ 1 - 1
resources/sass/_variables.scss
View File 

@@ -1,5 +1,5 @@
 
 // Body
 
-$body-bg: white;
 
+$body-bg: #f2f3f9;
 
 
 // Typography
 
 $font-family-sans-serif: 'Nunito', sans-serif;

+ 60 - 0
resources/sass/home/home.scss
View File 

@@ -3,6 +3,66 @@
 
 @import '../fonts/awesome/awesome-font.css';
 
 @import '../fonts/iransans/iransans-font.css';
 
 
+body {
 
+    font-family: iransans;
 
+}
 
 
+h1 {
 
+    font-size: 1.5rem;
 
+}
 
 
+h2 {
 
+    font-size: 1.4rem;
 
+}
 
 
+h3 {
 
+    font-size: 1.3rem;
 
+}
 
+
 
+h4 {
 
+    font-size: 1.2rem;
 
+}
 
+
 
+h5 {
 
+    font-size: 1.1rem;
 
+}
 
+
 
+h6 {
 
+    font-size: 1rem;
 
+}
 
+
 
+a {
 
+    transition: all 0.3s ease;
 
+    text-decoration: none;
 
+    &:hover {
 
+        text-decoration: none;
 
+    }
 
+}
 
+
 
+.article-content-holder {
 
+    margin: 3rem 0;
 
+    .title {
 
+        margin-bottom: 1.5rem;
 
+        line-height: 2;
 
+        color: $primary;
 
+    }
 
+    .author-published-holder {
 
+        display: flex;
 
+        align-items: center;
 
+        .author-avatar {
 
+            width: 3rem;
 
+            height: 3rem;
 
+            border-radius: 50%;
 
+        }
 
+        .author-published-text {
 
+            margin-right: 0.75rem;
 
+            .author-name {
 
+                margin-bottom: 0.625rem;
 
+            }
 
+            .published-at {
 
+                color: lighten($gray, 20);
 
+                font-size: 80%;
 
+            }
 
+        }
 
+    }
 
+}

+ 1 - 1
resources/views/home/layouts/app.blade.php
View File 

@@ -1,5 +1,5 @@
 
 <!doctype html>
 
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
+<html lang="fa" dir="rtl">
 
 <head>
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1">

+ 3 - 3
resources/views/home/layouts/navbar.blade.php
View File 

@@ -4,14 +4,14 @@
 
     navbar
 
 </nav>
 
 --}}
 
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
 
+<nav class="navbar navbar-expand-lg navbar-light bg-white">
 
     <div class="container-fluid">
 
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
 
             <span class="navbar-toggler-icon"></span>
 
         </button>
 
         <a class="navbar-brand" href="#">Navbar</a>
 
         <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
 
-            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
 
+            <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
 
                 <li class="nav-item">
 
                     <a class="nav-link active" aria-current="page" href="#">Home</a>
 
                 </li>
 
@@ -23,7 +23,7 @@
 
                 </li>
 
             </ul>
 
             <form class="d-flex">
 
-                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
 
+                <input class="form-control ms-2" type="search" placeholder="Search" aria-label="Search">
 
                 <button class="btn btn-outline-success" type="submit">Search</button>
 
             </form>
 
         </div>

+ 21 - 13
resources/views/home/single-blog.blade.php
View File 

@@ -8,19 +8,27 @@
 
     @endslot
 
 
     @slot('content')
 
-        <h1>
 
-            single-blog
 
-        </h1>
 
-
 
-        <button type="button" class="btn btn-primary">Primary</button>
 
-        <button type="button" class="btn btn-secondary">Secondary</button>
 
-        <button type="button" class="btn btn-info">Secondary</button>
 
-        <button type="button" class="btn btn-warning">Secondary</button>
 
-        <button type="button" class="btn btn-danger">Secondary</button>
 
-        <button type="button" class="btn btn-success">Secondary</button>
 
-        <button type="button" class="btn btn-gray">Secondary</button>
 
-        <button type="button" class="btn btn-light">Secondary</button>
 
-        <button type="button" class="btn btn-dark">Secondary</button>
 
+        <div class="container">
 
+            <div class="article-content-holder">
 
+                <h1 class="title">
 
+                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ
 
+                </h1>
 
+
 
+                <div class="author-published-holder">
 
+                    <div class="author-avatar-holder">
 
+                        <img class="author-avatar" src="https://beyondco.de/img/marcel.jpg" alt="avater">
 
+                    </div>
 
+                    <div class="author-published-text">
 
+                        <div class="author-name">
 
+                            مشخصات نویسنده
 
+                        </div>
 
+                        <div class="published-at">
 
+                            ۱۴۰۰/۰۴/۱۸
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
     @endslot
 
 
     @slot('script')