tonybtw.com

tonybtw.com

https://git.tonybtw.com/tonybtw.com.git git://git.tonybtw.com/tonybtw.com.git
tonybtw.com / layouts / index.html
2,897 bytes raw
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
  <head>
4 
    <meta charset="UTF-8" />
5 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6 
    <link rel="icon" type="image/png" href="/img/favicon.png" />
7 
    <title>{{ .Site.Title }}</title>
8 
    <link rel="stylesheet" href="/css/site.css" />
9 
  </head>
10 
  <body>
11
12 
    {{ partial "header.html" . }}
13
14 
    <main class="container">
15
16 
      <!-- Hero Section -->
17 
      <section class="hero-section" style="padding: 2rem 1rem; text-align: center;">
18 
        <h1 style="font-size: 2.5rem; font-weight: 800; margin-bottom: 1rem;">
19 
          Creating <span style="color: var(--cyn);">Quick and Painless</span> Linux Tutorials
20 
        </h1>
21 
        <p style="font-size: 1.2rem; max-width: 700px; margin: 0 auto 2rem auto;">
22 
          My name is Tony, and I encourage you all to visit the command line and learn how to maneuver the CLI.
23 
          Installing Linux distributions, window managers, text editors, and more will help you grow not only as a developer, but as a computer enthusiast.
24 
        </p>
25 
        <div style="margin-top: 1.5rem;">
26 
          <a href="https://www.youtube.com/@tony-btw" target="_blank" class="btn-primary">YouTube Channel</a>
27 
          <a href="/support/" class="btn-outline" style="margin-left: 1rem; margin-top: 1rem;">Support!</a>
28 
          <a href="https://www.github.com/tonybanters" class="btn-outline-secondary" style="margin-left: 1rem; margin-top: 1rem;">Github</a>
29 
        </div>
30 
      </section>
31
32 
      <!-- Tutorials Section -->
33 
      <section style="margin-bottom: 4rem;">
34 
        <h2 style="font-size: 1.8rem; font-weight: bold; text-align: center; margin-bottom: 1rem;">
35 
          Recent Tutorials
36 
        </h2>
37 
        <p style="text-align: center; margin-bottom: 2rem;">
38 
          Stay tuned for new videos and writeups!
39 
        </p>
40
41 
<div class="recent-tutorials-grid">
42 
  {{ $recent := first 3 (where site.RegularPages.ByDate.Reverse "Section" "tutorial") }}
43 
  {{ range $recent }}
44 
    {{ $page := . }}
45 
    <div class="tutorial-card">
46 
      {{ with $page.Params.image }}
47 
      <a href="{{ $page.RelPermalink }}">
48 
        <img
49 
          src="{{ . }}"
50 
          alt="{{ $page.Title }}"
51 
          class="tutorial-card-image"
52 
          loading="lazy"
53 
        />
54 
      </a>
55 
      {{ end }}
56
57 
      <h4 class="tutorial-card-title">
58 
        <a href="{{ $page.RelPermalink }}">{{ $page.Title }}</a>
59 
      </h4>
60 
      <p class="tutorial-card-date">{{ $page.Date.Format "January 2, 2006" }}</p>
61 
      <p class="tutorial-card-description">{{ $page.Description }}</p>
62 
    </div>
63 
  {{ else }}
64 
    <p style="text-align: center; color: var(--tokyonight-comment);">No tutorials yet. Coming soon!</p>
65 
  {{ end }}
66 
</div>
67
68 
        <div style="text-align: center; margin-top: 2rem;">
69 
          <a href="/tutorial/" class="btn-primary">Explore All Tutorials</a>
70 
        </div>
71 
      </section>
72
73 
    </main>
74 
  </body>
75 
</html>