Skip to content

Commit 3f4f45a

Browse files
i4004i4004
committed
[#246] [add] initial
1 parent caf6aee commit 3f4f45a

File tree

10 files changed

+145
-115
lines changed

10 files changed

+145
-115
lines changed

‎src/SampleApps/SampleApp.Classic/Styles/Main.min.css‎

Lines changed: 1 addition & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/SampleApps/SampleApp.Classic/Styles/Main.scss‎

Lines changed: 18 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,26 @@
44
@import "Panels";
55
@import "MessageBox";
66

7+
html {
8+
font-size: 10px;
9+
}
10+
711
body {
812
background: $back-color !important;
913
color: $primary-text-color !important;
10-
font: 1.6em "Segoe UI", tahoma, arial, helvetica, sans-serif !important;
14+
font:
15+
1.6em "Segoe UI",
16+
tahoma,
17+
arial,
18+
helvetica,
19+
sans-serif !important;
1120
margin: 1em !important;
1221
padding: 0 !important;
1322
}
1423

1524
.ExecutionTimeFooter {
25+
position: block;
26+
1627
border-top: $primary-border;
1728
text-align: center;
1829
margin-top: 1em;
@@ -26,8 +37,13 @@ div.Http404MessageBox {
2637

2738
a {
2839
color: $primary-color;
40+
text-decoration: none;
2941
}
3042

3143
a:hover {
3244
color: $primary-color-active;
33-
}
45+
}
46+
47+
.text-center {
48+
text-align: center;
49+
}

‎src/SampleApps/SampleApp.Classic/Styles/MessageBox.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,6 @@ div.inline-message-box {
1111
}
1212

1313
div.inline-error-message-box {
14-
@extend div.inline-message-box;
15-
color: #FF4753;
16-
}
14+
@extend .inline-message-box;
15+
color: #ff4753;
16+
}

‎src/SampleApps/SampleApp.Classic/Styles/Navbar.scss‎

Lines changed: 33 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,45 @@
1-
@import 'Variables';
1+
@import "Variables";
2+
3+
div.navbar {
4+
min-height: 50px;
5+
margin-bottom: 20px;
26

3-
.navbar {
4-
background: $primary-color;
5-
color: $primary-color-opposite;
67
border: 0;
78
border-radius: 0;
9+
10+
background: $primary-color;
11+
color: $primary-color-opposite;
12+
813
box-shadow: $no-box-shadow;
914

10-
a, .navbar-text {
11-
color: $primary-color-opposite !important;
15+
ul {
16+
margin: 0;
17+
padding: 0;
18+
// list-style: none;
19+
20+
li {
21+
display: block;
22+
position: relative;
23+
float: left;
24+
}
1225
}
1326

14-
a:hover, .navbar-toggle:hover, .navbar:focus {
15-
background-color: $primary-color-active !important;
27+
a {
28+
display: block;
29+
position: relative;
30+
31+
padding: 15px 15px;
32+
33+
line-height: 20px;
34+
35+
color: $primary-color-opposite !important;
1636
}
1737

18-
.navbar-toggle {
19-
background-color: $primary-color !important;
38+
a:hover {
39+
background-color: $primary-color-active !important;
2040
}
2141

22-
.icon-bar {
23-
background-color: $primary-color-opposite !important;
42+
ul.navbar-right {
43+
float: right;
2444
}
25-
}
45+
}

‎src/SampleApps/SampleApp.Classic/Styles/Panels.scss‎

Lines changed: 30 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,35 @@
11
@import "Variables";
22

3+
.panels-container {
4+
}
5+
6+
.panel {
7+
float: left;
8+
width: 50%;
9+
}
10+
11+
.clear {
12+
clear: both;
13+
}
14+
15+
.panel-content {
16+
padding-right: 15px;
17+
padding-left: 15px;
18+
}
19+
20+
.panel-heading {
21+
padding: 10px 15px;
22+
}
23+
24+
.list-group {
25+
margin-bottom: 20px;
26+
padding-left: 0;
27+
}
28+
329
.list-group-item {
30+
padding: 10px 15px;
31+
margin-bottom: -1px;
32+
433
background-color: $secondary-color;
534
border: $primary-border;
6-
}
35+
}

‎src/SampleApps/SampleApp.Classic/Templates/Default.tpl‎

Lines changed: 46 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -2,51 +2,52 @@
22
Hello from Kestrel-based console application with backend HTML generation, localization, authentication!
33
</div>
44

5-
<div class="container-fluid">
6-
<div class="row">
7-
<div class="col-sm-6">
8-
<div class="panel-heading">
9-
<b>Links</b>
10-
</div>
11-
<ul class="list-group">
12-
<li class="list-group-item">
13-
<a href="https://github.com/SimplifyNet/Simplify.Web/wiki">Wiki</a>
14-
</li>
15-
<li class="list-group-item">
16-
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src">Source code</a>
17-
</li>
18-
<li class="list-group-item">
19-
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src/SampleApps">Example
20-
applications</a>
21-
</li>
22-
<li class="list-group-item">
23-
<a href="https://www.nuget.org/packages?q=Simplify.Web">Nuget package and extensions</a>
24-
</li>
25-
</ul>
5+
<div class="panel">
6+
<div class="panel-content">
7+
<div class="panel-heading">
8+
<b>Links</b>
269
</div>
27-
<div class="col-sm-6">
28-
<div class="panel-heading">
29-
<b>Site variables</b>
30-
</div>
31-
<ul class="list-group">
32-
<li class="list-group-item">Site url: {SV:SiteUrl}</li>
33-
<li class="list-group-item">Site virtual path: {~}</li>
34-
<li class="list-group-item">
35-
Templates location: {SV:TemplatesDir}
36-
</li>
37-
<li class="list-group-item">Style: {SV:Style}</li>
38-
<li class="list-group-item">Language: {SV:Language}</li>
39-
<li class="list-group-item">
40-
Language with extension: {SV:LanguageExt}
41-
</li>
42-
<li class="list-group-item">
43-
Language culture name: {SV:LanguageCultureName}
44-
</li>
45-
<li class="list-group-item">
46-
Language culture name with extension:
47-
{SV:LanguageCultureNameExt}
48-
</li>
49-
</ul>
10+
<div class="list-group">
11+
<div class="list-group-item">
12+
<a href="https://github.com/SimplifyNet/Simplify.Web/wiki">Wiki</a>
13+
</div>
14+
<div class="list-group-item">
15+
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src">Source code</a>
16+
</div>
17+
<div class="list-group-item">
18+
<a href="https://github.com/SimplifyNet/Simplify.Web/tree/master/src/SampleApps">Example
19+
applications</a>
20+
</div>
21+
<div class="list-group-item">
22+
<a href="https://www.nuget.org/packages?q=Simplify.Web">Nuget package and extensions</a>
23+
</div>
5024
</div>
5125
</div>
52-
</div>
26+
</div>
27+
<div class="panel">
28+
<div class="panel-content">
29+
<div class="panel-heading">
30+
<b>Site variables</b>
31+
</div>
32+
<div class="list-group">
33+
<div class="list-group-item">Site url: {SV:SiteUrl}</div>
34+
<div class="list-group-item">Site virtual path: {~}</div>
35+
<div class="list-group-item">
36+
Templates location: {SV:TemplatesDir}
37+
</div>
38+
<div class="list-group-item">Style: {SV:Style}</div>
39+
<div class="list-group-item">Language: {SV:Language}</div>
40+
<div class="list-group-item">
41+
Language with extension: {SV:LanguageExt}
42+
</div>
43+
<div class="list-group-item">
44+
Language culture name: {SV:LanguageCultureName}
45+
</div>
46+
<div class="list-group-item">
47+
Language culture name with extension:
48+
{SV:LanguageCultureNameExt}
49+
</div>
50+
</div>
51+
</div>
52+
</div>
53+
<div class="clear"></div>

‎src/SampleApps/SampleApp.Classic/Templates/Master.tpl‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,6 @@
55
<meta charset="utf-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>{Title}</title>
8-
<link rel="stylesheet" type="text/css" href="{~}/node_modules/bootstrap/dist/css/bootstrap.min.css" />
9-
<link rel="stylesheet" type="text/css" href="{~}/node_modules/bootstrap/dist/css/bootstrap-theme.min.css" />
108
<link rel="stylesheet" type="text/css" href="{~}/Styles/Main.min.css" />
119

1210
<link rel="shortcut icon" href="{~}/Images/favicon.ico" type="image/x-icon" />

‎src/SampleApps/SampleApp.Classic/Templates/Navbar.tpl‎

Lines changed: 11 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,11 @@
1-
<nav class="navbar navbar-default" role="navigation">
2-
<div class="container-fluid">
3-
<div class="navbar-header">
4-
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
5-
<span class="icon-bar"></span>
6-
<span class="icon-bar"></span>
7-
<span class="icon-bar"></span>
8-
</button>
9-
<a class="navbar-brand" href="{~}/">Home</a>
10-
</div>
11-
12-
<div class="collapse navbar-collapse" id="navbar-collapse">
13-
<ul class="nav navbar-nav">
14-
<li><a href="{~}/about">About</a></li>
15-
<li><a href="{~}/messagePageExample">404 Message page example</a></li>
16-
<li><a href="{~}/exception">Exception</a></li>
17-
</ul>
18-
<ul class="nav navbar-nav navbar-right">
19-
{LoginPanel}
20-
</ul>
21-
</div>
22-
</div>
23-
</nav>
1+
<div class="navbar">
2+
<ul>
3+
<li><a href="{~}/">Home</a></li>
4+
<li><a href="{~}/about">About</a></li>
5+
<li><a href="{~}/messagePageExample">404 Message page example</a></li>
6+
<li><a href="{~}/exception">Exception</a></li>
7+
</ul>
8+
<ul class="navbar-right">
9+
{LoginPanel}
10+
</ul>
11+
</div>

‎src/SampleApps/SampleApp.Classic/package-lock.json‎

Lines changed: 2 additions & 20 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/SampleApps/SampleApp.Classic/package.json‎

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,7 @@
22
"name": "sampleapp.classic",
33
"version": "1.0.0",
44
"description": "",
5-
"devDependencies": {
6-
"bootstrap": "^3.4.1",
7-
"jquery": "^3.6.0"
8-
},
5+
"devDependencies": {},
96
"scripts": {
107
"test": "echo \"Error: no test specified\" && exit 1"
118
}

0 commit comments

Comments
 (0)