Source code of my website
1
fork

Configure Feed

Select the types of activity you want to include in your feed.

๐Ÿ’„ : add tags terms layout

+71
+41
assets/css/custom.css
··· 314 314 background-color: var(--bkg-color) !important; 315 315 } 316 316 317 + /* Tags terms page styling */ 318 + .tags-container { 319 + display: flex; 320 + flex-wrap: wrap; 321 + gap: 1rem; 322 + margin-top: 2rem; 323 + 324 + .tag-card { 325 + display: inline-flex; 326 + align-items: center; 327 + gap: 0.8rem; 328 + padding: 0.6rem 1rem; 329 + border-radius: 8px; 330 + background-color: white; 331 + box-shadow: 0 1px 3px var(--sidebar-bg-color); 332 + border: 1px solid var(--sidebar-bg-color); 333 + text-decoration: none; 334 + transition: transform 0.2s ease, box-shadow 0.2s ease; 335 + } 336 + 337 + .tag-card:hover { 338 + text-decoration: none; 339 + transform: translateY(-2px); 340 + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 341 + } 342 + 343 + .tag-name { 344 + font-weight: bold; 345 + color: var(--post-title-color); 346 + } 347 + 348 + .tag-count { 349 + background-color: var(--sidebar-bg-color); 350 + color: white; 351 + padding: 0.2rem 0.6rem; 352 + border-radius: 12px; 353 + font-size: 0.8rem; 354 + font-weight: bold; 355 + } 356 + } 357 + 317 358 .images-grid-2 { 318 359 display: grid; 319 360 grid-template-columns: 1fr 1fr;
+11
layouts/tags/taxomomy.html
··· 1 + {{ define "main" -}} 2 + <h1 class="title">{{ .Title }}</h1> 3 + <div class="tags-container"> 4 + {{ range .Data.Terms.Alphabetical }} 5 + <a href="{{ .Page.RelPermalink }}" class="tag-card"> 6 + <span class="tag-name">{{ .Page.Title | default .Term }}</span> 7 + <span class="tag-count">{{ .Count }}</span> 8 + </a> 9 + {{ end }} 10 + </div> 11 + {{- end }}
+19
layouts/tags/term.html
··· 1 + {{ define "main" -}} 2 + <h1 class="title">{{ .Title }}</h1> 3 + {{ with .Description }}<p>{{ . }}</p>{{ end }} 4 + <ul class="entries"> 5 + {{ range .Pages.GroupByDate "2006" }} 6 + <h3>{{ .Key }}</h3> 7 + {{ range .Pages }} 8 + <li> 9 + <span class="title"> 10 + <a href="{{ .RelPermalink }}">{{ .Title }}</a> 11 + </span> 12 + <span class="published"> 13 + <time class="pull-right post-list">{{ .Date | time.Format ":date_long" }}</time> 14 + </span> 15 + </li> 16 + {{ end }} 17 + {{ end }} 18 + </ul> 19 + {{- end }}