IPC2Tools/index.html at main · DuskyLunari/IPC2Tools · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Idle Pocket Crafter 2 Tools</title>
    <link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./css/styles.css">
    <script type="module" src="./js/main/main.js" defer></script>
</head>

<body>
    <!-- Mainbar-->
    <header class="mainbar">
        <!-- Toggle -->
        <button class="pixel-button" id="sidebarToggle" title="Toggle Menu">
            🛠
        </button>
        <a href="/">
            <h1>Idle Pocket Crafter 2 Tools</h1>
        </a>
        <span class="version">Version: 0.1</span>
    </header>

    <!-- Sidebar -->
    <aside class="sidebar">
        <!-- Calculators Section -->
        <div class="sidebar-group">
            <div id="calculators-header" class="sidebar-header" title="Calculators" data-tooltip="Calculators">
                <span class="icon">🧮</span>
                <span class="label">Calculators <span class="arrow">▶</span></span>
            </div>
            <ul id="calculators" class="sidebar-section">
                <li>
                    <a href="./tools/modsCalculator.html" class="nav-link" title="Mods Calculator" data-tooltip="Mods Calculator">
                        <span class="icon">📊</span>
                        <span class="label">Modifiers</span>
                    </a>
                </li>
                <li>
                    <a href="./tools/prestigeCalculator.html" class="nav-link" title="Prestige Calculator" data-tooltip="Prestige Calculator">
                        <span class="icon">💎</span>
                        <span class="label">Prestige</span>
                    </a>
                </li>
            </ul>
        </div>

        <!-- Resources Section -->
        <div class="sidebar-group">
            <div id="resources-header" class="sidebar-header" title="Resources" data-tooltip="Resources">
                <span class="icon">📚</span>
                <span class="label">Resources <span class="arrow">▶</span></span>
            </div>
            <ul id="resources" class="sidebar-section">
                <li>
                    <a href="#" class="nav-link" title="Placeholder" data-tooltip="Placeholder">
                        <span class="icon">📄</span>
                        <span class="label">Placeholder</span>
                    </a>
                </li>
            </ul>
        </div>
    </aside>

    <!-- Main Content -->
    <div class="container">
        <div class="section">
            <h2>Changelog</h2>
            <div class="changelog">
                <p>Version 0.1 :
                    <br>
                    <span>- Modifiers calculator functionnal</span>
                    <br>
                    <span>- Prestige calculator functionnal</span>
                    <br>
                    <span>- Responsive of the website</span>
                    <br>
                    <span>- Base design and theme implemented</span>
                </p>
                <br>
                <div class="future-plans">
                    <h2>Coming next :</h2>
                    <span>- Implementing a guide section</span><br>
                    <span>- New tool to be added</span><br>
                    <span>- Implementing resources section </span>
                </div>
                <br>
                <br>
                <div class="disclaimer">
                    <h3>Idle Pocket Crafter 2 Tools isn't affiliated directly with the game and is a fan project</h3>
                    <p>For feedbacks or reports, directly contact <strong>duskylunari</strong> on Discord </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>