-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
212 lines (206 loc) · 12.2 KB
/
index.html
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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/ico" href="src/img/favicon.ico"/>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<!--main css-->
<link rel="stylesheet" type="text/css" href="src/css/main.css">
<!--animate css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<!--fontawesome-->
<scrip src="https://kit.fontawesome.com/12e6288dad.js" crossorigin="anonymous"></scrip>
<title>Moldy</title>
</head>
<body id="body" class="light-mode">
<!--NAVIGATION-->
<nav class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid position-relative">
<a class="navbar-brand pe-4" href="#">
<img src="src/img/logo-light.svg" alt="logo Moldy" width="100" height="100" class="d-inline-block align-text-top">
</a>
<button class="navbar-toggler" style="background-color: var(--toggle-button);" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav position-relative">
<li class="nav-item">
<a class="nav-link current-color active" aria-current="page" href="#about" id='nav-link'>About</a>
</li>
<li class="nav-item">
<a class="nav-link current-color" href="#install" id='nav-link'>Install</a>
</li>
<li class="nav-item">
<a class="nav-link current-color" href="#contribute" id='nav-link'>Contribute</a>
</li>
<li class="nav-item">
<a class="nav-link current-color" href="#community" id='nav-link'>Community</a>
</li>
<li class="nav-item">
<a class="nav-link current-color" href="#" id='nav-link'>Blog</a>
</li>
<!-- Dark Mode -->
<li id="toggleDarkTheme" class="nav-item">
<a class="icon-theme btn d-block text-dark mb-sm-2 mb-lg-0 mx-lg-2" href="#">
<svg class="current-color" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
<path d="M12 8a4 4 0 1 1-8 0 4 4 0 0 1 8 0zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/></svg>
</a>
</li>
<li class="nav-item">
<a href="https://discord.gg/2uwzhmJdfw" class="d-block btn btn-primary">Discord</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>
<!--HEADER-->
<header class="container-fluid lead">
<div class="text-center">
<img src="src/img/4.png" class="imgban">
<h1 class="Display-1 animate__animated animate__bounce animate__delay-2s animate__infinite infinite"><b>Moldy</b></h1>
<p class="fluid">A community for Moldy CLI the best project starter of the world</p>
<a href="https://github.com/Moldy-Community/CLI" class="btn btn-outline-primary btn-lg px-4">v 1.0</a>
</div>
<br><br>
<hr>
</header>
<!--CONTENT-->
<section class="container-fluid contenedor margen" id="about">
<h3>About</h3>
<div class="row">
<div class="col-md-6">
<p class="fluid py-4 lead"> You don't know how to start your project ... you want to help other people know your tool or language. Use Moldy! the best helper to start your project</p>
</div>
<div class="col-md-6 ">
<img src="src/img/5.png" style="width: 100%;height: 100%;">
</div>
</div>
<!--Accordion about-->
<div>
<div class="accordion" id="accordionPanelsStayOpenExample">
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseOne" aria-expanded="true" aria-controls="panelsStayOpen-collapseOne">
History
</button>
</h2>
<div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show" aria-labelledby="panelsStayOpen-headingOne">
<div class="accordion-body">
<strong>Moldy</strong> was created thanks to the need to have a structure to start any project for example: You want to create a <code>CLI </code> in Python for that most of the <code>CLI</code> have their own structures but Moldy wants to standardize that and also advertise to new languages with project templates and of new languages.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseTwo" aria-expanded="false" aria-controls="panelsStayOpen-collapseTwo">
Why Moldy?
</button>
</h2>
<div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingTwo">
<div class="accordion-body">
<strong>Moldy</strong> alludes to the word "Mold in Spanish" because its objective is to create project templates (and rush a create-react-app sshh don't tell anyone) and we add a "Y" to make this name more familiar. it was my own the name was created by a friend who prefers to be anonymous.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseThree" aria-expanded="false" aria-controls="panelsStayOpen-collapseThree">
Use
</button>
</h2>
<div id="panelsStayOpen-collapseThree" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingThree">
<div class="accordion-body">
<strong>Moldy</strong> is designed for people with a minimum knowledge of <code>CLI</code>, therefore its use and commands are the simplest and most complete, in case a documentation is needed, it is in the process of being created when the documentation is ready I will place the link here in the in case you want to help with the documentation it is intended to be done with hugo and this topic link here any contribution is welcome
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="panelsStayOpen-headingFour">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#panelsStayOpen-collapseFour" aria-expanded="false" aria-controls="panelsStayOpen-collapseFour">
Philosophy
</button>
</h2>
<div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-headingFour">
<div class="accordion-body">
A simple but powerful tool without thousands of commands but in case you need them to develop a template you can read the devs part in the future documentation, in the future it is planned to create a GUI for Moldy in case you want to help with that you can enter the discord link in which they will talk about mold and the new features
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Para añadir un solo evento de escucha para copiar desde JavaScript -->
<div id="copy-commands">
<section class="container-fluid contenedor margen" id="install">
<h3>Installation</h3>
<img src="src/img/3.png" style="width: 100%;height: 100%;">
<p class="text-center lead">This is the guide for install moldy for all platforms and build of source you can see here if this not work make a issue in the CLI repository</p>
<div class="lead">
<h4>Linux</h4>
<code class="code">$ Soon</code>
<h4>Windows</h4>
<code class="code">$ Soon</code>
<h4>Mac</h4>
<code class="code">$ Soon</code>
<h4>Source</h4>
<code class="code">$ Soon</code>
</div>
</section>
<section class="container-fluid contenedor margen" id="contribute">
<h3>Contribute</h3>
<p class="text-center lead">The Moldy Project is 100% Open Source if you want help in the CLI you can follow this steps, for more information you can go to the discord server:</p>
<div class="lead">
<ol>
<li>Install Golang</li>
<li>Install Git</li>
<li>Give me a star ⭐️</li>
<li>Make a Fork</li>
<li>Clone the repository using git</li>
<code class="code">git clone https://<wbr/>github.com/CLI.git</code>
<li>Install the dependencies with:</li>
<code class="code">go mod tidy</code>
<li>Run the CLI with:</li>
<code class="code">go run main.go --help</code>
<li>Make a new branch:</li>
<code class="code">git branch -M new-feat </code>
<li>Commit your changes with the guide <a href="https://www.conventionalcommits.org/en/v1.0.0/"> CONVENTIONAL COMMITS.</a></li>
<li>Make a pull request describing the new feature and if pass the tests we accept your pull request or if not pass, will explain why.</li>
</ol>
</div>
</section>
</div>
<section class="container-fluid contenedor margen" id="community">
<h3>Community</h3>
<img src="src/img/6.png" style="width: 100%;height: 100%;">
<p class="text-center lead">The moldy community is in Twitter, Discord and GitHub you can go to this bellow and if you have any question you can make in the social networks</p>
<div class="text-center py-4">
<a href="https://github.com/Moldy-Community" class="btn btn-outline-primary btn-lg">Github</a>
<a href="https://discord.gg/xqdVrFbZnQ" class="btn btn-outline-primary btn-lg">Discord</a>
</section>
<!--FOOTER-->
<footer class="container-fluid pt-4 text-center justify-content-center">
<span>
<img src="src/img/logo-light.svg" alt="logo" style="width: 20%; height: 20%;">
</span>
<br><br>
<span>
<a href="https://github.com/Moldy-Community"><i class="fab fa-github"></i></a>
<a href="https://discord.com/invite/2uwzhmJdfw"><i class="fab fa-discord"></i></a>
<a href="https://twitter.com/Moldy-Community"><i class="fab fa-twitter"></i></a>
<br><br>
</span>
<div class="row text-white p-4" style="background: #63687E;">
<div class="col-6">© All right reserved Moldy Community 2021 </div>
<div class="col-6">Website made by <a href="https://linktr.ee/junix">junix</a></div>
</div>
</footer>
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
<script src="./src/scripts/scripts.js"></script>
</body>
</html>