ScriptThis/Home.html at main · Ronnie-Reagan/ScriptThis · 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Script This - Home</title>
    <meta name="description" content="Script This is a web-based tool for Lua script management and JSON data visualization, tailored for GTA 5 mod menus.">
    <meta name="keywords" content="Lua, JSON, GTA 5, Script Management, Mod Menus, Cherax, Modest Menu, Kiddions">

    <meta name="theme-color" content="#6a0dad">

    <meta property="og:title" content="Welcome To Script This!" />
    <meta property="og:description" content="Script This is your ultimate web-based tool for managing Lua scripts and visualizing JSON data, tailored specifically for GTA 5 mod menus like Cherax and Kiddions. Simplify your scripting workflow with Script This!" />
    <meta property="og:image" content="ScriptThisLogoMain.png" />
    <meta property="og:url" content="https://scriptthis.ca" />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Script This" />
    <meta property="og:locale" content="en_CA" />


    <!-- Favicon using your logo -->
    <link rel="icon" href="ScriptThisLogoMain.png" type="image/png">
    <link rel="apple-touch-icon" href="ScriptThisLogoMain.png">
    <link rel="canonical" href="https://scriptthis.ca/index.html">


    <link rel="stylesheet" href="styles.css">
    <style>
        body,
        html {
            height: 100%;
            margin: 0;
            display: flex;
            flex-direction: column;
        }

        .content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 20px;
            background-color: #1e1e1e;
        }

        .section-container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 30px;
            background-color: #2d2d2d;
            border-radius: 8px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
            text-align: left;
        }

        h2 {
            color: #8a2be2;
            margin-bottom: 10px;
            border-bottom: 2px solid #6a0dad;
            text-shadow: #1e1e1e;
            padding-bottom: 5px;
        }

        p,
        li {
            line-height: 1.6;
            margin-bottom: 15px;
            color: #e0e0e0;
        }

        footer {
            background: rgb(20, 20, 20);
            color: #dcdcdc;
            text-align: center;
            padding: 15px;
            width: 100%;
            border-top: 2px solid #6a0dad;
            position: relative;
        }

        @media (max-width: 768px) {
            .section-container {
                padding: 20px;
                margin: 20px;
                min-height: auto;
            }
        }

        @media (min-width: 1200px) {
            .section-container {
                max-width: 95%;
                min-height: auto;
            }
        }

        @media (min-width: 1920px) {
            body {
                max-width: 100vw;
                max-height: 100vh;
                min-height: 80vh;
            }

            .section-container {
                max-width: 95%;
                min-height: auto;
            }
        }
    </style>
</head>

<body>
    <header>
        <div id="logo">
            <img src="ScriptThisLogoMain.png" alt="Script This Logo">
        </div>
        <p>Your Ultimate Tool for Lua Script Management</p>
        <nav>
            <ul class="navbar">
                <li><a href="Home.html">Home</a></li>
                <li><a href="json-viewer.html">JSON Viewer</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="contact.html">Contact</a></li>
                <li><a href="documentation.html">Documentation</a></li>
            </ul>
        </nav>
    </header>

    <div class="content">
        <main>
            <section class="section-container intro">
                <h2>Welcome to Script This!</h2>
                <p>Script This is your go-to web-based tool for managing Lua scripts and visualizing JSON data, specifically designed for GTA 5 mod menus like Cherax and Kiddions.
                    Whether you are a beginner or a seasoned script developer, Script This provides intuitive tools and features that streamline your workflow.</p>
            </section>

            <section class="section-container features">
                <h2>Features</h2>
                <ul>
                    <li>Manage and edit Lua scripts with ease.</li>
                    <li>Visualize and manipulate JSON data with our interactive viewer.</li>
                    <li>Switch between code view and tree view for a better data understanding.</li>
                    <li>Customizable settings to suit your scripting needs.</li>
                </ul>
            </section>

            <section class="section-container coming-soon">
                <h2>Coming Soon*</h2>
                <ul>
                    <li>Yim Documentation! Hopefully this will happen sooner than later but it is planned to the point of it being almost a sure thing.</li>
                    <li>More Music Selections, hopefully something for everyone.</li>
                    <li>Cleaner Layout with color scheme options</li>
                </ul>
            </section>

            <section class="section-container get-started">
                <h2>Get Started</h2>
                <p>To start using Script This, select the JSON Viewer from the navigation bar, or explore our Documentation for a complete guide on all the features we offer.</p>
                <p>If you have any questions or need support, visit our Contact page.</p>
            </section>
        </main>
    </div>

    <footer>
        <p>Website Made By Don Reagan</p>
        <p>&copy; 2024 Script This. All rights reserved.</p>
    </footer>

    <script src="script.js"></script>
</body>

</html>