@caweb/template 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/content/index.html +116 -4
- package/media/logo.png +0 -0
- package/package.json +1 -1
- package/media/test.png +0 -0
package/CHANGELOG.md
CHANGED
package/content/index.html
CHANGED
|
@@ -1,4 +1,116 @@
|
|
|
1
|
-
<div class="container">
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
<div class="container-fluid py-3" style="background-color: #0e4366;">
|
|
2
|
+
<h1 class="text-center py-5" style="color: #e09900">Get Started - Template</h1>
|
|
3
|
+
</div>
|
|
4
|
+
|
|
5
|
+
<div class="container mt-5">
|
|
6
|
+
<div class="row">
|
|
7
|
+
<div class="col-8">
|
|
8
|
+
<h3>Getting Started</h3>
|
|
9
|
+
<p>Welcome to the template project! This is a starting point for your new project.</p>
|
|
10
|
+
<p>To start customizing your site, you can add a <span class="text-danger">/content/index.html</span> file to your project and start editing.</p>
|
|
11
|
+
<p>The template loads as a Handlebars Logic-less template, thus supporting most Mustache syntax.</p>
|
|
12
|
+
<p>The framework used is <span class="text-danger">@caweb/framework</span> built with Bootstrap, which provides a responsive layout and a wide range of components to help you build your project quickly and efficiently.</p>
|
|
13
|
+
<h3>How to's</h3>
|
|
14
|
+
<ul>
|
|
15
|
+
<li>Add more pages, you can create additional HTML files in the <span class="text-danger">/content/pages/</span> directory. Each file will be rendered as a separate page in your project.</li>
|
|
16
|
+
<li>Use media on your pages, you can place your media files in the <span class="text-danger">/content/media/</span> directory. You can then reference these files in your HTML pages.</li>
|
|
17
|
+
<li>Change the favicon, you can place your favicon file in the <span class="text-danger">/content/media/</span> directory. File name must be <span class="text-danger">favicon.ico</span>.</li>
|
|
18
|
+
<li>Change the logo, you can place your logo file in the <span class="text-danger">/content/media/</span> directory. File name must be <span class="text-danger">logo.png</span>.</li>
|
|
19
|
+
<li>For more information on how to, visit our <a href="/how-to/index.html">How To's</a> page.</li>
|
|
20
|
+
</ul>
|
|
21
|
+
|
|
22
|
+
</div>
|
|
23
|
+
<div class="col-4">
|
|
24
|
+
{{> card
|
|
25
|
+
layout="standout"
|
|
26
|
+
heading="More Information"
|
|
27
|
+
content="<strong>Logic-less template</strong>
|
|
28
|
+
<ul>
|
|
29
|
+
<li><a href=\"https://mustache.github.io/\" target=\"_blank\">Mustache</a></li>
|
|
30
|
+
<li><a href=\"https://handlebarsjs.com/\" target=\"_blank\">Handlebars</a></li>
|
|
31
|
+
</ul>
|
|
32
|
+
<strong>Frontend Framework</strong>
|
|
33
|
+
<ul>
|
|
34
|
+
<li><a href=\"https://www.npmjs.com/package/@caweb/framework\" target=\"_blank\">@caweb/framework</a></li>
|
|
35
|
+
<li><a href=\"https://getbootstrap.com/docs/5.3/getting-started/introduction/\" target=\"_blank\">Bootstrap 5</a></li>
|
|
36
|
+
</ul>
|
|
37
|
+
"
|
|
38
|
+
}}
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="row">
|
|
42
|
+
<div class="col-12">
|
|
43
|
+
<h3>Guidelines</h3>
|
|
44
|
+
<p>Follow these guidelines to ensure your project is set up correctly:</p>
|
|
45
|
+
<ul>
|
|
46
|
+
<li>When referencing local files, use absolute paths and not relative paths.</li>
|
|
47
|
+
<li>Content should be structured as followed:
|
|
48
|
+
<div class="d-flex">
|
|
49
|
+
<div class="w-50">
|
|
50
|
+
|
|
51
|
+
</div>
|
|
52
|
+
<div class="w-50">
|
|
53
|
+
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
</li>
|
|
57
|
+
</ul>
|
|
58
|
+
<h3>Content Structuring</h3>
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="row">
|
|
62
|
+
<div class="col-6">
|
|
63
|
+
<h5>Regular Sections</h5>
|
|
64
|
+
<p>
|
|
65
|
+
<code class="text-danger">
|
|
66
|
+
<div class="container"><br/>
|
|
67
|
+
<div class="row"><br/>
|
|
68
|
+
<div class="col-#"><br/>
|
|
69
|
+
<p>Content goes here</p><br/>
|
|
70
|
+
</div><br/>
|
|
71
|
+
</div><br/>
|
|
72
|
+
</div><br/>
|
|
73
|
+
</code>
|
|
74
|
+
</p>
|
|
75
|
+
</div>
|
|
76
|
+
<div class="col-6">
|
|
77
|
+
<h5>Regular Sections w/ Background Color</h5>
|
|
78
|
+
<p>
|
|
79
|
+
<code class="text-danger">
|
|
80
|
+
<div class="container-fluid" style="background-color: blue;"><br/>
|
|
81
|
+
<div class="container"><br/>
|
|
82
|
+
<div class="row"><br/>
|
|
83
|
+
<div class="col-#"><br/>
|
|
84
|
+
<p>Content goes here</p><br/>
|
|
85
|
+
</div><br/>
|
|
86
|
+
</div><br/>
|
|
87
|
+
</div><br/>
|
|
88
|
+
</div>
|
|
89
|
+
</code>
|
|
90
|
+
|
|
91
|
+
</p>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
<div class="row">
|
|
95
|
+
<div class="col-6">
|
|
96
|
+
<h5>Fullwidth Sections</h5>
|
|
97
|
+
<p>
|
|
98
|
+
<code class="text-danger">
|
|
99
|
+
<div class="container-fluid"><br/>
|
|
100
|
+
<p>Content goes here</p><br/>
|
|
101
|
+
</div>
|
|
102
|
+
</code>
|
|
103
|
+
</p>
|
|
104
|
+
</div>
|
|
105
|
+
<div class="col-6">
|
|
106
|
+
<h5>Fullwidth Sections w/ Background Color</h5>
|
|
107
|
+
<p>
|
|
108
|
+
<code class="text-danger">
|
|
109
|
+
<div class="container-fluid" style="background-color: blue;"><br/>
|
|
110
|
+
<p>Content goes here</p><br/>
|
|
111
|
+
</div>
|
|
112
|
+
</code>
|
|
113
|
+
</p>
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
</div>
|
package/media/logo.png
CHANGED
|
Binary file
|
package/package.json
CHANGED
package/media/test.png
DELETED
|
Binary file
|