melb.bitdevs.com.au/template.html at master · MelbourneBitDevs/melb.bitdevs.com.au · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>$title$ - BitDevs Melbourne</title>
    <meta
      name="description"
      content="$title$ - BitDevs Melbourne meetup discussing Bitcoin software, tools, research, protocol upgrades, mining and more."
    />
    <meta
      name="keywords"
      content="bitcoin, bitdevs, melbourne, cryptocurrency, blockchain, meetup, developer, socratic seminar"
    />
    <meta name="author" content="BitDevs Melbourne" />

    <!-- Open Graph / Social Media -->
    <meta property="og:type" content="article" />
    <meta property="og:title" content="$title$ - BitDevs Melbourne" />
    <meta
      property="og:description"
      content="$title$ - BitDevs Melbourne meetup discussing Bitcoin software, tools, research, protocol upgrades, mining and more."
    />
    <meta
      property="og:image"
      content="https://melb.bitdevs.com.au/header.jpg"
    />
    <meta property="og:url" content="https://melb.bitdevs.com.au$url$" />
    <meta property="og:site_name" content="BitDevs Melbourne" />
    <meta property="article:published_time" content="$date$" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="$title$ - BitDevs Melbourne" />
    <meta
      name="twitter:description"
      content="$title$ - BitDevs Melbourne meetup discussing Bitcoin software, tools, research, protocol upgrades, mining and more."
    />
    <meta
      name="twitter:image"
      content="https://melb.bitdevs.com.au/header.jpg"
    />
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="../style.css" />
    <script>
      // Apply Tailwind config from external stylesheet
      if (
        typeof tailwind !== "undefined" &&
        typeof tailwind.config === "object"
      ) {
        tailwind.config = {
          theme: {
            extend: {
              colors: {
                primary: "#00ffff",
                secondary: "#ff9900",
                tertiary: "#888",
                background: "#0a0a0f",
                surface: "#1a1a2e",
                text: "#e0e0e0",
                accent: "#7c3aed",
                muted: "#404040",
              },
              fontFamily: {
                mono: ["Source Code Pro", "monospace"],
              },
            },
          },
        };
      }
    </script>
    <link
      href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600&display=swap"
      rel="stylesheet"
    />
    <link rel="icon" href="../favicon.ico" />
  </head>
  <body class="font-mono bg-background text-text min-h-screen">
    <div class="container mx-auto px-4 py-8 max-w-4xl">
      <!-- Header -->
      <header class="mb-12 relative">
        <div
          class="hex-accent inline-block p-4 rounded-lg bg-surface/50 backdrop-blur-sm mb-4"
        >
          <h1 class="text-4xl font-semibold text-primary mb-2 relative">
            <a
              href="../index.html"
              class="hover:text-secondary transition-colors"
              >BitDevs Melbourne</a
            >
          </h1>
        </div>
        <nav class="text-lg flex flex-wrap gap-6">
          <a
            href="../about.html"
            class="hex-accent px-3 py-1 rounded text-primary hover:text-secondary transition-colors border border-primary/20 hover:border-secondary/40"
            >About</a
          >
          <a
            href="https://github.com/MelbourneBitDevs/MelbBitDevs/issues"
            class="hex-accent px-3 py-1 rounded text-primary hover:text-secondary transition-colors border border-primary/20 hover:border-secondary/40"
            target="_blank"
            rel="noopener"
            >Next Month's Topics</a
          >
        </nav>
      </header>

      <!-- Post Content -->
      <main>
        <article class="prose prose-lg max-w-none">
          <header class="mb-8">
            <h1 class="text-3xl font-semibold text-primary mb-2">$title$</h1>
            <div class="text-gray-600 text-sm">
              <span>$date$</span>
            </div>
          </header>

          <div
            class="prose prose-lg max-w-none prose-a:text-secondary prose-a:no-underline hover:prose-a:underline prose-headings:text-primary"
          >
            $body$
          </div>
        </article>
      </main>

      <!-- Footer -->
      <footer
        class="mt-16 pt-8 border-t border-primary/20 text-center relative"
      >
        <a
          href="https://utxo.club"
          class="text-xl hover:scale-110 transition-transform inline-block"
          target="_blank"
          rel="noopener"
          >🧡</a
        >
      </footer>
    </div>
  </body>
</html>