Skip to content

Commit 74bef8e

Browse files
committed
fix: templates and update dependencies
1 parent 3147f4d commit 74bef8e

File tree

4 files changed

+48
-129
lines changed

4 files changed

+48
-129
lines changed

src/public/templates/parallax-template/css/style.css

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,6 @@ nav .brand-logo {
77
width: 90%;
88
}
99

10-
h1 {
11-
color: #4db6ac;
12-
}
13-
1410
h2 {
1511
color: #795548;
1612
}
@@ -27,7 +23,7 @@ p {
2723
min-height: 380px;
2824
line-height: 0;
2925
height: auto;
30-
color: rgba(255,255,255,.9);
26+
color: rgba(255, 255, 255, 0.9);
3127
}
3228

3329
.parallax-container .section {
@@ -56,4 +52,4 @@ p {
5652

5753
.page-footer a {
5854
color: white;
59-
}
55+
}

src/public/templates/parallax-template/preview.html

Lines changed: 27 additions & 74 deletions
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,9 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Parallax Template - Materialize</title>
88
<!-- Compiled and minified CSS -->
9-
<link
10-
rel="stylesheet"
11-
href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css"
12-
/>
13-
<link
14-
href="https://fonts.googleapis.com/icon?family=Material+Icons"
15-
rel="stylesheet"
16-
/>
17-
<link
18-
href="css/style.css"
19-
rel="stylesheet"
20-
media="screen,projection"
21-
/>
9+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css" />
10+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
11+
<link href="css/style.css" rel="stylesheet" media="screen,projection" />
2212
</head>
2313
<body>
2414
<nav class="white" role="navigation">
@@ -27,36 +17,25 @@
2717
<ul class="right hide-on-med-and-down">
2818
<li><a href="#">Navbar Link</a></li>
2919
</ul>
30-
3120
<ul id="nav-mobile" class="sidenav">
3221
<li><a href="#">Navbar Link</a></li>
3322
</ul>
34-
<a href="#" data-target="nav-mobile" class="sidenav-trigger"
35-
><i class="material-icons">menu</i></a
36-
>
23+
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
3724
</div>
3825
</nav>
3926

4027
<div id="index-banner" class="parallax-container">
4128
<div class="section">
4229
<div class="container">
43-
<br><br>
44-
<h1 class="header center-align">Parallax Template</h1>
30+
<br /><br />
31+
<h1 class="header center-align primary-text">Parallax Template</h1>
4532
<div class="row center-align">
46-
<h5 class="header col s12">
47-
A modern responsive front-end framework based on Material Design
48-
</h5>
33+
<h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
4934
</div>
50-
<div class="row center-align">
51-
<a
52-
href="https://materializeweb.com"
53-
target="_blank"
54-
rel="noopener noreferrer"
55-
class="btn-large waves-effect waves-light teal lighten-1"
56-
>Get Started</a
57-
>
35+
<div class="center-align mt-5">
36+
<a href="https://materializeweb.com" target="_blank" rel="noopener noreferrer" class="btn-large tonal waves-effect waves-light">Get Started</a>
5837
</div>
59-
<br><br>
38+
<br /><br />
6039
</div>
6140
</div>
6241
<div class="parallax">
@@ -75,10 +54,8 @@ <h2 class="center-align">
7554
<h5 class="center-align">Speeds up development</h5>
7655

7756
<p>
78-
We did most of the heavy lifting for you to provide a default
79-
stylings that incorporate our custom components. Additionally,
80-
we refined animations and transitions to provide a smoother
81-
experience for developers.
57+
We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions
58+
to provide a smoother experience for developers.
8259
</p>
8360
</div>
8461
</div>
@@ -89,13 +66,9 @@ <h2 class="center-align">
8966
<i class="medium material-icons">group</i>
9067
</h2>
9168
<h5 class="center-align">User Experience Focused</h5>
92-
9369
<p>
94-
By utilizing elements and principles of Material Design, we were
95-
able to create a framework that incorporates components and
96-
animations that provide more feedback to users. Additionally, a
97-
single underlying responsive system across all platforms allow
98-
for a more unified user experience.
70+
By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback
71+
to users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.
9972
</p>
10073
</div>
10174
</div>
@@ -106,12 +79,9 @@ <h2 class="center-align">
10679
<i class="medium material-icons">settings</i>
10780
</h2>
10881
<h5 class="center-align">Easy to work with</h5>
109-
11082
<p>
111-
We have provided detailed documentation as well as specific code
112-
examples to help new users get started. We are also always open
113-
to feedback and can answer any questions a user may have about
114-
Materialize.
83+
We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any
84+
questions a user may have about Materialize.
11585
</p>
11686
</div>
11787
</div>
@@ -123,9 +93,7 @@ <h5 class="center-align">Easy to work with</h5>
12393
<div class="section">
12494
<div class="container">
12595
<div class="row center-align">
126-
<h5 class="header col s12">
127-
A modern responsive front-end framework based on Material Design
128-
</h5>
96+
<h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
12997
</div>
13098
</div>
13199
</div>
@@ -140,16 +108,10 @@ <h5 class="header col s12">
140108
<div class="col s12 center-align">
141109
<h4>Contact Us</h4>
142110
<p class="left-align">
143-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam
144-
scelerisque id nunc nec volutpat. Etiam pellentesque tristique
145-
arcu, non consequat magna fermentum ac. Cras ut ultricies eros.
146-
Maecenas eros justo, ullamcorper a sapien id, viverra ultrices
147-
eros. Morbi sem neque, posuere et pretium eget, bibendum
148-
sollicitudin lacus. Aliquam eleifend sollicitudin diam, eu mattis
149-
nisl maximus sed. Nulla imperdiet semper molestie. Morbi massa
150-
odio, condimentum sed ipsum ac, gravida ultrices erat. Nullam eget
151-
dignissim mauris, non tristique erat. Vestibulum ante ipsum primis
152-
in faucibus orci luctus et ultrices posuere cubilia Curae;
111+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam scelerisque id nunc nec volutpat. Etiam pellentesque tristique arcu, non consequat magna fermentum ac.
112+
Cras ut ultricies eros. Maecenas eros justo, ullamcorper a sapien id, viverra ultrices eros. Morbi sem neque, posuere et pretium eget, bibendum sollicitudin lacus.
113+
Aliquam eleifend sollicitudin diam, eu mattis nisl maximus sed. Nulla imperdiet semper molestie. Morbi massa odio, condimentum sed ipsum ac, gravida ultrices erat.
114+
Nullam eget dignissim mauris, non tristique erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
153115
</p>
154116
</div>
155117
</div>
@@ -160,9 +122,7 @@ <h4>Contact Us</h4>
160122
<div class="section">
161123
<div class="container">
162124
<div class="row center-align">
163-
<h5 class="header col s12">
164-
A modern responsive front-end framework based on Material Design
165-
</h5>
125+
<h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
166126
</div>
167127
</div>
168128
</div>
@@ -171,15 +131,14 @@ <h5 class="header col s12">
171131
</div>
172132
</div>
173133

174-
<footer class="page-footer teal">
134+
<footer class="page-footer">
175135
<div class="container">
176136
<div class="row">
177137
<div class="col l6 s12">
178138
<h5>Company Bio</h5>
179139
<p>
180-
We are a team of college students working on this project like
181-
it's our full time job. Any amount would help support and continue
182-
development on this project and is greatly appreciated.
140+
We are a team of college students working on this project like it's our full time job. Any amount would help support and continue development on this project and is
141+
greatly appreciated.
183142
</p>
184143
</div>
185144
<div class="col l3 s12">
@@ -205,13 +164,7 @@ <h5>Connect</h5>
205164
<div class="footer-copyright">
206165
<div class="container">
207166
Made by
208-
<a
209-
style="color: #bcaaa4;"
210-
href="https://materializeweb.com"
211-
target="_blank"
212-
rel="noopener noreferrer"
213-
>Materialize</a
214-
>
167+
<a style="color: #bcaaa4" href="https://materializeweb.com" target="_blank" rel="noopener noreferrer">Materialize</a>
215168
</div>
216169
</div>
217170
</footer>
@@ -221,4 +174,4 @@ <h5>Connect</h5>
221174
M.AutoInit();
222175
</script>
223176
</body>
224-
</html>
177+
</html>

src/public/templates/starter-template/preview.html

Lines changed: 18 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,8 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Starter Template - Materialize</title>
88
<!-- Compiled and minified CSS -->
9-
<link
10-
rel="stylesheet"
11-
href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css"
12-
/>
13-
<link
14-
href="https://fonts.googleapis.com/icon?family=Material+Icons"
15-
rel="stylesheet"
16-
/>
9+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize/dist/css/materialize.min.css" />
10+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
1711
<link href="css/style.css" rel="stylesheet" media="screen,projection" />
1812
</head>
1913
<body>
@@ -27,30 +21,20 @@
2721
<ul id="nav-mobile" class="sidenav">
2822
<li><a href="#">Navbar Link</a></li>
2923
</ul>
30-
<a href="#" data-target="nav-mobile" class="sidenav-trigger"
31-
><i class="material-icons menu">menu</i></a
32-
>
24+
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons menu">menu</i></a>
3325
</div>
3426
</nav>
3527
<div class="section">
3628
<div class="container">
37-
<br><br>
29+
<br /><br />
3830
<h1 class="header center-align">Starter Template</h1>
3931
<div class="row center-align">
40-
<h5 class="header col s12">
41-
A modern responsive front-end framework based on Material Design
42-
</h5>
32+
<h5 class="header col s12">A modern responsive front-end framework based on Material Design</h5>
4333
</div>
44-
<div class="row center-align">
45-
<a
46-
href="https://materializeweb.com/getting-started.html"
47-
class="btn-large waves-effect waves-light orange"
48-
target="_blank"
49-
rel="noopener noreferrer"
50-
>Get Started</a
51-
>
34+
<div class="mt-5 center-align">
35+
<a href="https://materializeweb.com/getting-started.html" class="btn-large waves-effect waves-light orange" target="_blank" rel="noopener noreferrer">Get Started</a>
5236
</div>
53-
<br><br>
37+
<br /><br />
5438
</div>
5539
</div>
5640

@@ -64,10 +48,8 @@ <h2 class="center-align">
6448
<h5 class="center-align">Speeds up development</h5>
6549

6650
<p>
67-
We did most of the heavy lifting for you to provide a default
68-
stylings that incorporate our custom components. Additionally, we
69-
refined animations and transitions to provide a smoother
70-
experience for developers.
51+
We did most of the heavy lifting for you to provide a default stylings that incorporate our custom components. Additionally, we refined animations and transitions to
52+
provide a smoother experience for developers.
7153
</p>
7254
</div>
7355

@@ -78,11 +60,8 @@ <h2 class="center-align">
7860
<h5 class="center-align">User Experience Focused</h5>
7961

8062
<p>
81-
By utilizing elements and principles of Material Design, we were
82-
able to create a framework that incorporates components and
83-
animations that provide more feedback to users. Additionally, a
84-
single underlying responsive system across all platforms allow for
85-
a more unified user experience.
63+
By utilizing elements and principles of Material Design, we were able to create a framework that incorporates components and animations that provide more feedback to
64+
users. Additionally, a single underlying responsive system across all platforms allow for a more unified user experience.
8665
</p>
8766
</div>
8867

@@ -93,15 +72,13 @@ <h2 class="center-align">
9372
<h5 class="center-align">Easy to work with</h5>
9473

9574
<p>
96-
We have provided detailed documentation as well as specific code
97-
examples to help new users get started. We are also always open to
98-
feedback and can answer any questions a user may have about
99-
Materialize.
75+
We have provided detailed documentation as well as specific code examples to help new users get started. We are also always open to feedback and can answer any
76+
questions a user may have about Materialize.
10077
</p>
10178
</div>
10279
</div>
10380
</div>
104-
<br><br>
81+
<br /><br />
10582
</div>
10683

10784
<footer class="page-footer orange">
@@ -110,9 +87,8 @@ <h5 class="center-align">Easy to work with</h5>
11087
<div class="col l6 s12">
11188
<h5>Company Bio</h5>
11289
<p>
113-
We are a team of college students working on this project like
114-
it's our full time job. Any amount would help support and continue
115-
development on this project and is greatly appreciated.
90+
We are a team of college students working on this project like it's our full time job. Any amount would help support and continue development on this project and is
91+
greatly appreciated.
11692
</p>
11793
</div>
11894
<div class="col l3 s12">
@@ -138,13 +114,7 @@ <h5>Connect</h5>
138114
<div class="footer-copyright">
139115
<div class="container">
140116
Made by
141-
<a
142-
class="us"
143-
href="https://materializeweb.com"
144-
target="_blank"
145-
rel="noopener noreferrer"
146-
>Materialize</a
147-
>
117+
<a class="us" href="https://materializeweb.com" target="_blank" rel="noopener noreferrer">Materialize</a>
148118
</div>
149119
</div>
150120
</footer>

0 commit comments

Comments
 (0)