ScriptThis/about.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
<!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 - About</title>
    <meta name="description" content="Learn more about Script This, a web-based tool for JSON data visualization and management.">
    <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;
            padding-bottom: 5px;
        }

        p {
            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 {
                min-height: auto;
                max-width: 95%;
            }
        }
    </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">
                <h2>About Script This</h2>
                <p>Script This is a dedicated web platform designed to enhance the visualization and management of JSON
                    data. Built with the user in mind, it offers a comprehensive suite of tools that allow users to explore,
                    edit, and manipulate JSON structures effortlessly. Script This is ideal for developers, data analysts,
                    and anyone who works extensively with JSON files, providing both code and tree views for a more
                    intuitive data experience.</p>

                <p>Since its inception, Script This has focused on delivering a streamlined and user-friendly interface,
                    making complex data more accessible and manageable. The platform's ongoing development is guided by
                    feedback from a community of users who rely on Script This for their data handling needs, ensuring that
                    it continues to evolve to meet modern requirements.</p>
            </section>

            <section class="section-container">
                <h2>Our Mission</h2>
                <p>Our mission is to empower users with the tools they need to efficiently manage and visualize JSON data.
                    We strive to make Script This a cornerstone in data management, providing reliable and easy-to-use
                    features that cater to both beginners and advanced users alike.</p>
            </section>

            <section class="section-container">
                <h2>The Developer</h2>
                <p>Script This is developed and maintained by a passionate team dedicated to creating effective and
                    accessible tools for data visualization. With a commitment to continuous improvement and user-centric
                    design, the team behind Script This aims to provide a robust platform that meets the evolving needs of
                    its user base.</p>
            </section>
        </main>
    </div>

    <footer>
        <p>&copy; 2024 Script This. All rights reserved.</p>
    </footer>

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

</html>