groshie.github.io/index.html at main · Groshie/groshie.github.io · 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
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Groshie">
    <meta name="description" content="Groshie's GitHub page for coding tabletop roleplaying tools">
    <title>Groshie | Dev & Dungeon Master</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500&family=Inter:wght@400;700&display=swap" rel="stylesheet">
    <link href="static/groshie_github.css" rel="stylesheet">
</head>
<body>

    <nav class="navbar navbar-dark sticky-top">
        <div class="container">
            <a class="navbar-brand mono" href="#">~/groshie</a>
            <div class="d-flex">
                <a href="https://github.com/groshie" class="text-white ms-3">GitHub</a>
            </div>
        </div>
    </nav>

    <main class="container mt-5">
        <section class="text-center py-5">
            <h1 class="display-3 hero-title">Developer & Storyteller</h1>
            <p class="lead text-secondary">Crafting tools for digital worlds and tabletop adventures.</p>
        </section>

        <h3 class="mb-4 mono text-accent">> Featured_Projects</h3>
        <div class="row g-4 mb-5">
            <div class="col-md-4">
                <div class="card project-card featured-card p-4">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <h4 class="h5 mb-0">Barony Save Editor</h4>
                        <span class="badge rounded-pill bg-danger">New</span>
                    </div>
                    <p class="text-secondary small">A simple web tool for creating and editing savegames for the game Barony.</p>
                    <div class="mt-auto">
                        <span class="badge badge-tech">JavaScript</span>
                        <span class="badge badge-tech">Bootstrap</span>
                        <span class="badge badge-tech">AngularJS</span>
                        <span class="badge badge-tech">Game Tool</span>
                        <a href="https://github.com/Groshie/Barony-Save-Editor" class="btn btn-sm btn-outline-info w-100 mt-3">View Repo</a>
                        <a href="https://groshie.github.io/Barony%20Save%20Editor/Barony_SE.html" class="btn btn-sm btn-outline-info w-100 mt-3">Use tool</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card project-card featured-card p-4">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <h4 class="h5 mb-0">Discworld MUD Teaching Calculator</h4>
                        <span class="badge rounded-pill bg-danger">New</span>
                    </div>
                    <p class="text-secondary small">A simple tool for calculating teaching costs for the Discworld MUD.</p>
                    <div class="mt-auto">
                        <span class="badge badge-tech">JavaScript</span>
                        <span class="badge badge-tech">Bootstrap</span>
                        <span class="badge badge-tech">Game Tool</span>
                        <a href="https://groshie.github.io/DW%20Mud%20Calculator/dwmudteach.html" class="btn btn-sm btn-outline-info w-100 mt-3">Use tool</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card project-card featured-card p-4">
                    <div class="d-flex justify-content-between align-items-start mb-3">
                        <h4 class="h5 mb-0">Forbidden Lands TTRPG Tools</h4>
                    </div>
                    <p class="text-secondary small">Character generator and other tools for Forbidden Lands.</p>
                    <div class="mt-auto">
                        <span class="badge badge-tech">JavaScript</span>
                        <span class="badge badge-tech">Bootstrap</span>
                        <span class="badge badge-tech">TTRPG Tool</span>
                        <a href="https://groshie.github.io/Forbidden%20Lands%20Tools/ForbiddenLandsTools.html" class="btn btn-sm btn-outline-info w-100 mt-3">Use tool</a>
                    </div>
                </div>
            </div>
        </div>

        <h3 class="mb-4 mono text-accent">> Other_Projects</h3>
        <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
            <div class="col">
                <div class="card project-card p-3">
                    <h5 class="h6">Sunflower Growth</h5>
                    <p class="text-secondary small">A game to grow a sun flower.</p>
                    <div>
                        <span class="badge badge-tech">Javascript</span>
                        <span class="badge badge-tech">CSS</span>
                        <span class="badge badge-tech">Game</span>
                        <a href="https://groshie.github.io/Sunflower%20Growth/SunflowerGrowth.html" class="btn btn-sm btn-outline-info w-100 mt-3">Play game</a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card project-card p-3">
                    <h5 class="h6">Traveller Plot Generator</h5>
                    <p class="text-secondary small">A plot generator for Mongoose Traveller TTRPG.</p>
                    <div>
                        <span class="badge badge-tech">Javascript</span>
                        <span class="badge badge-tech">TTRPG Tool</span>
                        <a href="https://groshie.github.io/TravellerGen/TravellerGen.html" class="btn btn-sm btn-outline-info w-100 mt-3">Use tool</a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card project-card p-3">
                    <h5 class="h6">Drakar och Demoner 4th Ed. Generator</h5>
                    <p class="text-secondary small">A character generator for Swedish TTRPG Drakar och Demoner, 4th Edition.</p>
                    <div>
                        <span class="badge badge-tech">Javascript</span>
                        <span class="badge badge-tech">TTRPG Tool</span>
                        <a href="https://groshie.github.io/DoD4E/DoD4E.html" class="btn btn-sm btn-outline-info w-100 mt-3">Use tool</a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card project-card p-3">
                    <h5 class="h6">Drakar och Demoner 2016 Generator</h5>
                    <p class="text-secondary small">A character generator for Swedish TTRPG Drakar och Demoner, 2016 Edition.</p>
                    <div>
                        <span class="badge badge-tech">Javascript</span>
                        <span class="badge badge-tech">TTRPG Tool</span>
                        <a href="https://groshie.github.io/DoD2016Gen/DoD2016Gen.html" class="btn btn-sm btn-outline-info w-100 mt-3">Use tool</a>
                    </div>
                </div>
            </div>
            <div class="col">
                <div class="card project-card p-3">
                    <h5 class="h6">Dyne's Vault Memorization</h5>
                    <p class="text-secondary small">A Discworld MUD plugin for MUSHClient to remember what is in your character's vaults.</p>
                    <div>
                        <span class="badge badge-tech">Jscript</span>
                        <span class="badge badge-tech">Game Tool</span>
                        <span class="badge badge-tech">Plugin</span>
                        <a href="https://github.com/Groshie/Dyne-sVaultMemorization" class="btn btn-sm btn-outline-info w-100 mt-3">View Repo</a>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="text-center small">
        <p>Built with Love of Learning. <br> &copy; 2026 Groshie</p>
    </footer>

</body>
</html>