dabl7.github.io/index.html at main · dabl7/dabl7.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Dabl's tools</title>
  <link rel="icon" href="./logo.png" type="image/png">
  <style>
    body {
      margin: 0;
      background-color:#000000;
    }

    header {
      background-color: #505050;
      color: white;
      text-align: center;
      padding: 2%;
    }

    .container {
      max-width: 50%;
      margin: 20px auto;
    }

    .box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #353535;
      padding: 2%;
      margin-bottom: 2%;
    }

    .text {
      flex: 1;
      padding-right: 15px;
    }

    .text h2 {
      margin-top: 0;
      color: #FFFFFF;
    }

    .text p {
      color: #FFFFFF;
    }

    .white {
      color:#4848ff;
    }

    .box img {
      width: 25%;
      height: 25%;
      object-fit: cover;
    }

    footer {
      background-color: #505050;
      color: white;
      text-align: center;
      padding:2%;
    }
  </style>
</head>
<body>
  <header>
    <h1>All tools</h1>
  </header>
    <div class="container">


      <div class="box"><div class="text">
        <h2>Shapes calculator</h2>
        <p>Build various types of shapes in build a boat for treasure with this tool:<br> -circle, sphere, full and broken cones, torus (donuts)

        <br><br><a class="white" href="https://dabl7.github.io/shapes">Shapes calculator</a> - ( <a class="white" href="https://github.com/dabl7/shapes">Source code</a> )</p>
      </div><img src="./imgshape.png"></div>


      <div class="box"><div class="text">
        <h2>Gears Calculator</h2>
        <p>Build these types of gears in build a boat for treasure with this:<br> -spur, worm, bevel, rack, planetary

        <br><br><a class="white" href="https://dabl7.github.io/gears">Gears calculator</a> - ( <a class="white" href="https://github.com/dabl7/gears">Source code</a> )</p>
      </div><img src="./imggears.png"></div>


      <div class="box"><div class="text">
        <h2>Inventory worth calculator</h2>
        <p>Enter the number for some of your items in build a boat for treasure and find out how much gold your inventory is worth

        <br><br><a class="white" href="https://dabl7.github.io/networth">Inventory worth calculator</a> - ( <a class="white" href="https://github.com/dabl7/networth">Source code</a> )</p>
      </div><img src="./imginv.png"></div>


      <div class="box"><div class="text">
        <h2>Framework calculator</h2>
        <p>Speed up building of frameworks in build a boat for treasure with this, two modes available:<br> -beams (rectangular)<br> -pipes (circular)

        <br><br><a class="white" href="https://dabl7.github.io/framework">Framework calculator</a> - ( <a class="white" href="https://github.com/dabl7/framework">Source code</a> )</p>
      </div><img src="./imgframe.png"></div>


      <div class="box"><div class="text">
        <h2>Full mech calculator</h2>
        <p>Pick your size and durability and get instructions for the base of your mech to build in build a boat for treasure

        <br><br><a class="white" href="https://dabl7.github.io/mech">Full mech calculator</a> - ( <a class="white" href="https://github.com/dabl7/mech">Source code</a> )</p>
      </div><img src="./imgmech.png"></div>


    </div>
    <footer>
        <p><a href="https://www.youtube.com/@dabl2928">YouTube: dabl2928</a> - <a href="https://github.com/dabl7">Github: dabl7</a></p>
    </footer>
    <script>
	  //homepage (by @dabl2928 on YouTube)
	  //v1.0.0 - initial (2026 Apr 23)
    //v1.0.1 - updated (2026 Apr 27)
	  //v1.0.2 - added shapes (2026 Jun 3)
    //v1.0.3 - added framework, more compact code? (2026 Jul 27)
    </script>
</body>
</html>