technoid99.github.io/index.html at main · technoid99/technoid99.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Technoid99's Handy Little Tools</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        h1 h3 {
            text-align: center;
            margin-top: 20px;
        }
        .container {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            padding: 20px;
        }
        .card {
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 8px;
            width: 300px;
            padding: 15px;
            margin: 10px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }
        .card h3 {
            margin-top: 0;
        }
        .card ul {
            list-style: none;
            padding-left: 0;
        }
        .card ul li {
            margin: 10px 0;
        }
        .card ul li a {
            text-decoration: none;
            color: #3498db;
            font-weight: bold;
        }
        .card ul li a:hover {
            text-decoration: underline;
        }
        .done-btn {
            display: block;
            width: 100%;
            text-align: center;
            background-color: #3498db;
            color: white;
            padding: 10px;
            border: none;
            border-radius: 5px;
            margin-top: 10px;
            text-decoration: none;
            font-weight: bold;
        }
        .done-btn:hover {
            background-color: #2980b9;
        }
    </style>
</head>
<body>

    <h1>Technoid99's Handy Little Tools</h1>
    <h3>with no ads!</h3>

    <div class="container">
        <div class="card">
            <h3>Scenarios</h3>
            <ul>
                <li>* <b>I've downloaded a .docx file from an unverified source. Should I open it?</b> Probably not. But you could try to read it using this <a href="https://technoid99.github.io/docx-viewer/index.html">.docx viewer</a>. Read it as a plain text instead of as HTML. It's safest.</li>
                <li>* <b>I've downloaded a .xlsx file from an unverified source. Should I open it?</b> Probably not. But you could <a href="https://technoid99.github.io/xlsx-to-csv-converter/convert-xlsx-to-csv.html">convert the .xlsx to csv</a> then view it using this <a href="https://technoid99.github.io/csv-viewer/view-csv-online.html">csv viewer</a></li>
                <li>* <b>I want a webpage that lists the latest news/posts from my favourite outlets (web sources).</b> Create a customised 'news feed' like <a href="https://technoid99.github.io/my_news_feed/">this</a> using a <a href="https://www.github.com">Github</a> account and <a href="https://github.com/technoid99/my_news_feed">this template</a>.</li>
            </ul>
        </div>

        <div class="card">
            <h3>Converters</h3>
            <ul>
                <li><a href="https://gchq.github.io/CyberChef/">CyberChef</a></li>
                <li><a href="https://technoid99.github.io/xlsx-to-csv-converter/convert-xlsx-to-csv.html">XLSX to CSV converter</a></li>
                <li><a href="https://technoid99.github.io/XMLtoCSV/">XML to CSV converter</a></li>
                <li><a href="https://technoid99.github.io/csv_joiner/">Join CSVs. Convert to GeoJSON</a></li>
            </ul>
        </div>

        <div class="card">
            <h3>Online Viewers</h3>
            <ul>
                <li><a href="https://technoid99.github.io/jsonexplorer/">JSON explorer</a></li>
                <li><a href="https://technoid99.github.io/csv-viewer/view-csv-online.html">view CSV online</a></li>
                <li><a href="https://technoid99.github.io/docx-viewer/index.html">view DOCX online</a></li>
            </ul>
        </div>


        <div class="card">
            <h3>Text and code beautifiers</h3>
            <ul>
                <li><a href="https://technoid99.github.io/BeautifyJSON/">JSON Beautifier</a></li>
            </ul>
        </div>

        <div class="card">
            <h3>Maps</h3>
            <ul>
                <li><a href = "https://technoid99.github.io/map-joiner/">Map Joiner</a> - Make Australia and the Pacific the centre of your map</li>
                <li><a href = "https://technoid99.github.io/path_highlighter/">Path segmenter tool</a></li>
            </ul>
        </div>
<!--
        <div class="card">
            <h3>Prompt engineering</h3>
            <ul>
                <li><a href = "https://technoid99.github.io/usefulprompts/">Useful ChatGPT prompts</a></li>
            </ul>
        </div>
      -->

        <div class="card">
            <h3>Security</h3>
            <ul>
                <li><a href = "https://technoid99.github.io/browser_fingerprint/">See your browser fingerprint</a></li>
            </ul>
        </div>

      <!--
        <div class="card">
            <h3>Projects</h3>
            <ul>
                <li><a href = "https://technoid99.github.io/SubcableIncidents/">Submarine cable incidents - under construction</a></li>
            </ul>
        </div>
      -->

    </div>

</body>
</html>