devtools/index.html at main · FaR-Team/devtools · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FaR DevTools</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/enhanced-common.css">
</head>
<body class="d-flex flex-column min-vh-100">
    <nav class="navbar navbar-expand-lg navbar-dark">
        <div class="container-fluid">
            <a class="navbar-brand" href="index.html">
                <i class="fas fa-tools me-2"></i>FaR DevTools
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link active" href="index.html">
                            <i class="fas fa-home me-1"></i> Home
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="roommakers-data-editor/RMEditor.html">
                            <i class="fas fa-database me-1"></i> RM Data Editor
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="palettes-editor/ColorPaletteEditor.html">
                            <i class="fas fa-palette me-1"></i> RM Palette Editor
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <div class="page-header">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <h1><i class="fas fa-tools me-2"></i> FaR DevTools</h1>
                    <p class="text-white-50 mb-0">Development tools for FaR games</p>
                </div>
                <div class="col-md-4 text-md-end">
                    <span class="badge bg-light text-dark p-2">
                        <i class="fas fa-code-branch me-1"></i> v1.2.0
                    </span>
                </div>
            </div>
        </div>
    </div>

    <div class="container flex-grow-1">
        <div class="row">
            <div class="col-md-6 mb-4">
                <div class="card h-100">
                    <div class="card-header bg-white">
                        <h2 class="text-primary"><i class="fas fa-database me-2"></i> RM Data Editor</h2>
                    </div>
                    <div class="card-body">
                        <p class="lead">Edit furniture data and spawn probabilities for Room Makers</p>
                        <ul class="list-group list-group-flush mb-4">
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Manage furniture items and their properties
                            </li>
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Configure spawn probabilities for furniture
                            </li>
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Import and export data as CSV
                            </li>
                        </ul>
                    </div>
                    <div class="card-footer bg-white text-center">
                        <a href="roommakers-data-editor/RMEditor.html" class="btn btn-primary">
                            <i class="fas fa-external-link-alt me-1"></i> Open Data Editor
                        </a>
                    </div>
                </div>
            </div>

            <div class="col-md-6 mb-4">
                <div class="card h-100">
                    <div class="card-header bg-white">
                        <h2 class="text-primary"><i class="fas fa-palette me-2"></i> RM Palette Editor</h2>
                    </div>
                    <div class="card-body">
                        <p class="lead">Create and edit color palettes for Room Makers</p>
                        <ul class="list-group list-group-flush mb-4">
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Design 4-color palettes for game assets
                            </li>
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Import colors from images
                            </li>
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Manage a library of palettes
                            </li>
                        </ul>
                    </div>
                    <div class="card-footer bg-white text-center">
                        <a href="palettes-editor/ColorPaletteEditor.html" class="btn btn-primary">
                            <i class="fas fa-external-link-alt me-1"></i> Open Palette Editor
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 mb-4">
                <div class="card h-100">
                    <div class="card-header bg-white">
                        <h2 class="text-primary"><i class="fas fa-code me-2"></i> PF Crop Editor</h2>
                    </div>
                    <div class="card-body">
                        <p class="lead">Edit crop data for Project Farmoxel</p>
                        <ul class="list-group list-group-flush mb-4">
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Edit crop prices and growth stages
                            </li>
                            <li class="list-group-item bg-transparent border-0 ps-0">
                                <i class="fas fa-check-circle text-success me-2"></i> Import and export data as CSV
                            </li>
                        </ul>
                    </div>
                    <div class="card-footer bg-white text-center">
                        <a href="#" class="btn btn-secondary">
                            <i class="fas fa-clock me-1"></i> Coming Soon
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="py-3 mt-auto">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <p class="mb-0">RoomMakers DevTools &copy; FaR-Team</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <a href="https://github.com/FaR-Team/devtools" class="text-white text-decoration-none" target="_blank">
                        <i class="fab fa-github me-1"></i> GitHub Repository
                    </a>
                </div>
            </div>
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>