Skip to content

Instantly share code, notes, and snippets.

@akhileshdarjee
Created January 11, 2023 06:50
Show Gist options
  • Save akhileshdarjee/5f81b28c660905a19463e6a0b132697f to your computer and use it in GitHub Desktop.
Save akhileshdarjee/5f81b28c660905a19463e6a0b132697f to your computer and use it in GitHub Desktop.
Directory structure in HTML
<details open="">
<summary>
<i class="bi-folder text-body me-1"></i> <strong>space</strong>
</summary>
<ul class="list-py-1 list-unstyled ps-4">
<li>
<details open="">
<summary>
<i class="bi-folder text-body me-1"></i> <strong>src</strong>
</summary>
<ul class="list-unstyled ps-4">
<li>
<details open="">
<summary>
<i class="bi-folder text-body me-1"></i> <strong>assets</strong>
</summary>
<ul>
<li><i class="bi-folder text-body me-1"></i>
<strong>css</strong> - <span class="text-body">Compiled CSS files</span>
</li>
<li><i class="bi-folder text-body me-1"></i>
<strong>img</strong> - <span class="text-body">Image files</span>
</li>
<li><i class="bi-folder text-body me-1"></i>
<strong>json</strong> - <span class="text-body">JSON files</span>
</li>
<li><i class="bi-folder text-body me-1"></i>
<strong>js</strong> - <span class="text-body">Core Javascript and library wrapper files</span>
</li>
<li><i class="bi-folder text-body me-1"></i>
<strong>scss</strong> - <span class="text-body">SASS (SCSS) source files</span>
</li>
<li><i class="bi-folder text-body me-1"></i>
<strong>svg</strong> - <span class="text-body">SVG files</span>
</li>
<li><i class="bi-folder text-body me-1"></i>
<strong>svg-src</strong> - <span class="text-body">SVG source files where variables can be passed (files will be generated into <strong>svg</strong> folder)</span>
</li>
<li><i class="bi-folder text-body me-1"></i>
<strong>vendor</strong> - <span class="text-body">Third pary libraries (plugins)</span>
</li>
</ul>
</details>
</li>
<li>
<i class="bi-folder text-body me-1"></i> <strong>partials</strong> - <span class="text-body">HTML partials, learn more details on Space's <a class="link link-bordered" href="../documentation/gulp.html#gulp-file-include">Gulp Documentation</a> page</span>
</li>
<li>
<i class="bi-folder text-body me-1"></i> <strong>snippets</strong> - <span class="text-body">Snippet pages</span>
</li>
<li>
<i class="bi-folder text-body me-1"></i> <strong>documentation</strong> - <span class="text-body">Documentation pages</span>
</li>
<li><i class="bi-image me-1"></i> favicon.ico</li>
<li><i class="bi-file-text me-1"></i> index.html</li>
<li><i class="bi-file-text me-1"></i> ...</li>
</ul>
</details>
</li>
<li>
<i class="bi-folder text-body me-1"></i> <strong>dist</strong> - <span class="text-body">Generated distribution files</span>
</li>
<li>
<i class="bi-folder text-body me-1"></i> <strong>gulpfiles</strong> - <span class="text-body">Gulp Toolkit files</span>
</li>
<li>
<i class="bi-folder text-body me-1"></i> <strong><s>build</s></strong> - <span class="text-body">Generated performance ready fully production files (by default the folder is not included)</span>
</li>
<li>
<i class="bi-folder text-body me-1"></i> <strong><s>node_modules</s></strong> - <span class="text-body">NPM dependencies (by default the folder is not included)</span>
</li>
<li><i class="bi-file-text me-1"></i> config.js</li>
<li><i class="bi-file-text me-1"></i> gulpfile.js</li>
<li><i class="bi-file-text me-1"></i> package-lock.json</li>
<li><i class="bi-file-text me-1"></i> package.json</li>
<li><i class="bi-file-text me-1"></i> README.md</li>
</ul>
</details>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment