diff options
Diffstat (limited to 'src/views')
| -rw-r--r-- | src/views/blog.ecr | 0 | ||||
| -rw-r--r-- | src/views/layout.ecr | 36 |
2 files changed, 25 insertions, 11 deletions
diff --git a/src/views/blog.ecr b/src/views/blog.ecr new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/src/views/blog.ecr diff --git a/src/views/layout.ecr b/src/views/layout.ecr index abb2dae..763f1cb 100644 --- a/src/views/layout.ecr +++ b/src/views/layout.ecr @@ -7,28 +7,37 @@ <link rel="stylesheet" href="/css/styles.css"> <script src="https://unpkg.com/htmx.org@2.0.0"></script> <link rel="icon" href="/favicon.ico"> + <link rel="preconnect" href="https://fonts.googleapis.com"> + <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> + <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> </head> <body> <header class="header"> <div class="logo-container"> - <a class="logo" href="/">{indrajith.dev}</a> + <a class="logo" href="/"><img src="/images/logo.png" alt="logo"/></a> </div> <h4 class="slogan">(Software is Art)</h4> <nav> <ul> <li><a href="/" id="home" class="hvr-underline-reveal links">home</a></li> - <li><a href="/posts" class="hvr-underline-reveal links" id="posts">posts</a></li> - <li><a href="/timeline" class="hvr-underline-reveal links" id="cv">timeline</a></li> + <li><a href="/blog" class="hvr-underline-reveal links" id="blog">blog</a></li> + <li><a href="/timeline" class="hvr-underline-reveal links" id="timeline">timeline</a></li> <li><a href="/about" class="hvr-underline-reveal links" id="about">about</a></li> - <li><a href="https://git.indrajith.dev" class="hvr-underline-reveal links" id="cv">git</a></li> - <li><a href="/contact" id="cv" class="links hvr-underline-reveal">contact</a></li> - <li><a href="/feed.xml" id="cv" class="links hvr-underline-reveal">feed</a></li> + <li><a href="https://git.indrajith.dev" class="hvr-underline-reveal links" id="git">git</a></li> + <li><a href="/contact" id="contact" class="links hvr-underline-reveal">contact</a></li> + <!-- <li><a href="/feed.xml" id="cv" class="links hvr-underline-reveal">feed</a></li> --> </ul> </nav> <hr> </header> - <main id="content" hx-ext="response-targets"> + <main id="content" hx-ext="response-targets"> + <%- if published_at -%> + <div> + <%= published_at %> + </div> + <%- else -%> + <%- end -%> <%= content %> </main> @@ -44,11 +53,16 @@ <script> (function(){ const currentLocation = location.pathname; - const navs = ["about","posts","cv"]; - const currentNav = navs.find(nav=>currentLocation.includes(nav)); - if (currentNav) { - document.getElementById(currentNav).parentElement.classList.add("text-lightish-50"); + if (currentLocation=="/") { + document.getElementById("home").parentElement.classList.add("text-lightish-50"); + } else { + const navs = ["about","blog","timeline", "contact"]; + const currentNav = navs.find(nav=>currentLocation.includes(nav)); + if (currentNav) { + document.getElementById(currentNav).parentElement.classList.add("text-lightish-50"); + } } + })(); </script> </body> |