theme update

2020-09-20 13:20:30 +05:30
parent 311d26eb51
commit 083a33b29c
14 changed files with 111 additions and 45 deletions
@@ -1,7 +1,7 @@
-baseURL: "https://example.com"
+baseURL: "https://hugo-profile.netlify.app/"
 languageCode: "en-us"
-title: "Hugo-blog"
-theme: "hugo-profile"
+title: "Hugo-profile"
+


  
@@ -40,7 +40,12 @@ params:
  - title: "Project name"
    image: "/images/project.png"
    description:  "This is your description"
-    url: "https://github.com"
+    url: "https://github.com/gurusabarish/hugo-profile"
+  
+  - title: "Project name"
+    image: "/images/project.png"
+    description:  "This is your description"
+    url: "https://github.com/gurusabarish/hugo-profile"
  

 Author:
@@ -20,6 +20,7 @@
 <body>

    {{- partial "sections/home.html" . -}}
+    {{- partial "sections/blog.html" . -}}
    {{- partial "sections/about.html" . -}}
    {{- partial "sections/do_things.html" . -}}
    {{- partial "sections/projects.html" . -}}
@@ -1,5 +1,10 @@
 <footer class="footer py-3 text-muted text-center">
+
+
    <p>
+
+        <h5 class="text-uppercase pb-2 font-weight-bold"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h5>
+
        &copy; {{ .Site.LastChange.Format "2006" }} All Rights Reserved<br>

        <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a> made with
@@ -0,0 +1,25 @@
+<section>
+    <div class="p-3 blog-back">
+        <div class="container-fluid">
+            <div class="text-center pb-3">
+                <h4>Recent posts</h4>
+            </div>
+            <div class="container">
+                <div class="row">
+
+                    {{ range first 4 (where site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
+                    <div class="col-lg-3 col-md-5 pb-3 post-card">
+                        <a href="{{ .RelPermalink }}">
+                            <span class="text-secondary">{{ .Date.Format "January 2, 2006" }}</span>
+                            <div class="text-dark">
+                                {{ .Title }}
+                            </div>
+                        </a>
+                    </div>
+                    {{ end }}
+
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
@@ -1,5 +1,5 @@
 <section>
-    <div class="pt-3 do-things bg-light text-center" id="do-things">
+    <div class="pt-3 do-things text-center" id="do-things">
        <div class="things-i-do text-primary font-weight-bold">
            Things I do
        </div>
@@ -1,6 +1,5 @@
 <section>
    <div class="home">
-        <div class="">
        <nav class="navbar navbar-expand-lg navbar-light bg-transperant">
            <div class="container">
                <a class="navbar-brand text-dark" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
@@ -11,18 +10,18 @@

                <div class="collapse navbar-collapse" id="navbarNavDropdown">
                    <ul class="navbar-nav ml-auto">
-                            <li class="nav-item">
+                        <li class="nav-item navbar-text">
                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#home">Home</a>
                        </li>
-                            <li class="nav-item">
+                        <li class="nav-item navbar-text">
                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#about">About</a>
                        </li>
-                            <li class="nav-item">
+                        <li class="nav-item navbar-text">
                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}#projects">Projects</a>
                        </li>

                        {{ range site.Params.customMenus }}
-                            <li class="nav-item">
+                        <li class="nav-item navbar-text">
                            <a class="nav-link text-dark" href="{{ .Site.BaseURL }}{{.url}}">{{ .name }}</a>
                        </li>
                        {{ end }}
@@ -30,7 +29,7 @@
                </div>
            </div>
        </nav>
-        </div>
+
        <div class="container-fluid row" id="home">
            <div class="text-white col-lg-8 col-sm ">
                <div class="name-intro">
@@ -1,19 +1,25 @@
 <section>
    <div class="projects p-3" id="projects">
-        <div class="project-heading text-center container">Projects</div>
+        <div class="project-heading text-center text-white container pb-3">Projects</div>

        <div class="container p-2">
+            <div class="row justify-content-md-center">
                {{ range .Site.Params.projects }}
+                <div class="col-lg-5">
+
                    <div class="card mb-3">
                        <img class="card-img-top" src="{{ .image }}" alt="{{ .title }}">
-                <div class="card-body text-center">
+                        <div class="card-body text-center project-des-back">
                            <h4 class="card-title">{{ .title }}</h4>
                            <p class="card-text">{{ .description }}</p>
                            <p class="card-text"></p>
                            <a href="{{ .url }}" target="_blank" class="btn btn-primary">Details</a>
                        </div>
                    </div>
+                </div>
+
                {{ end }}
            </div>
        </div>
+    </div>
 </section>
@@ -2,3 +2,7 @@
 .footer {
    background: #f2f2f2;
 }
+
+.navbar-text {
+    font-size: 17px;
+}
@@ -1,7 +1,7 @@
 /*home*/

 .home {
-    height: 100vh;
+    height: 110vh;
    padding: 0;
    padding-bottom: 0;
    margin: 0;
@@ -77,6 +77,7 @@
        padding-top: 10%;
        padding-left: 20%;
        padding-right: 20%;
+        padding-bottom: 10%;
    }

    .know-more a {
@@ -118,6 +119,7 @@

 .about {
    height: auto;
+    background-color: #e5e9f2;
 }

 .jop {
@@ -160,6 +162,7 @@
 /* Projects */
 .projects {
    height: auto;
+    background-color: #101820ff;
 }

 .project-heading {
@@ -172,8 +175,26 @@
    height: 350px !important;
 }

+.project-des-back {
+    background-color: #F2AA4CFF;
+}
+
@media only screen and (max-width: 600px) {
    .card-img-top {
        height: 180px !important;
    }
 }
+
+
+/* recent posts */
+.blog-back {
+    background-color: #ebb951;
+}
+
+.post-card a:hover {
+    text-decoration-line: none;
+}
+
+.post-hover :hover {
+    background-color: #17a2b8;
+}