Skip to content

Commit 5386798

Browse files
LordOfXenLordOfXen
authored
Add files via upload
1 parent de077eb commit 5386798

File tree

9 files changed

+634
-0
lines changed

9 files changed

+634
-0
lines changed

‎HashifyNETBlazor.styles.css‎

Lines changed: 162 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
/* /Layout/MainLayout.razor.rz.scp.css */
2+
.page[b-m9xcsploe8] {
3+
position: relative;
4+
display: flex;
5+
flex-direction: column;
6+
}
7+
8+
main[b-m9xcsploe8] {
9+
flex: 1;
10+
}
11+
12+
.sidebar[b-m9xcsploe8] {
13+
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
14+
}
15+
16+
.top-row[b-m9xcsploe8] {
17+
background-color: #f7f7f7;
18+
border-bottom: 1px solid #d6d5d5;
19+
justify-content: flex-end;
20+
height: 3.5rem;
21+
display: flex;
22+
align-items: center;
23+
}
24+
25+
.top-row[b-m9xcsploe8] a, .top-row[b-m9xcsploe8] .btn-link {
26+
white-space: nowrap;
27+
margin-left: 1.5rem;
28+
text-decoration: none;
29+
}
30+
31+
.top-row[b-m9xcsploe8] a:hover, .top-row[b-m9xcsploe8] .btn-link:hover {
32+
text-decoration: underline;
33+
}
34+
35+
.top-row[b-m9xcsploe8] a:first-child {
36+
overflow: hidden;
37+
text-overflow: ellipsis;
38+
}
39+
40+
@media (max-width: 640.98px) {
41+
.top-row[b-m9xcsploe8] {
42+
justify-content: space-between;
43+
}
44+
45+
.top-row[b-m9xcsploe8] a, .top-row[b-m9xcsploe8] .btn-link {
46+
margin-left: 0;
47+
}
48+
}
49+
50+
@media (min-width: 641px) {
51+
.page[b-m9xcsploe8] {
52+
flex-direction: row;
53+
}
54+
55+
.sidebar[b-m9xcsploe8] {
56+
width: 250px;
57+
height: 100vh;
58+
position: sticky;
59+
top: 0;
60+
}
61+
62+
.top-row[b-m9xcsploe8] {
63+
position: sticky;
64+
top: 0;
65+
z-index: 1;
66+
}
67+
68+
.top-row.auth[b-m9xcsploe8] a:first-child {
69+
flex: 1;
70+
text-align: right;
71+
width: 0;
72+
}
73+
74+
.top-row[b-m9xcsploe8], article[b-m9xcsploe8] {
75+
padding-left: 2rem !important;
76+
padding-right: 1.5rem !important;
77+
}
78+
}
79+
/* /Layout/NavMenu.razor.rz.scp.css */
80+
.navbar-toggler[b-3v1x680utj] {
81+
background-color: rgba(255, 255, 255, 0.1);
82+
}
83+
84+
.top-row[b-3v1x680utj] {
85+
height: 3.5rem;
86+
background-color: rgba(0,0,0,0.4);
87+
}
88+
89+
.navbar-brand[b-3v1x680utj] {
90+
font-size: 1.1rem;
91+
}
92+
93+
.bi[b-3v1x680utj] {
94+
display: inline-block;
95+
position: relative;
96+
width: 1.25rem;
97+
height: 1.25rem;
98+
margin-right: 0.75rem;
99+
top: -1px;
100+
background-size: cover;
101+
}
102+
103+
.bi-house-door-fill-nav-menu[b-3v1x680utj] {
104+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
105+
}
106+
107+
.bi-plus-square-fill-nav-menu[b-3v1x680utj] {
108+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
109+
}
110+
111+
.bi-list-nested-nav-menu[b-3v1x680utj] {
112+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
113+
}
114+
115+
.nav-item[b-3v1x680utj] {
116+
font-size: 0.9rem;
117+
padding-bottom: 0.5rem;
118+
}
119+
120+
.nav-item:first-of-type[b-3v1x680utj] {
121+
padding-top: 1rem;
122+
}
123+
124+
.nav-item:last-of-type[b-3v1x680utj] {
125+
padding-bottom: 1rem;
126+
}
127+
128+
.nav-item[b-3v1x680utj] a {
129+
color: #d7d7d7;
130+
border-radius: 4px;
131+
height: 3rem;
132+
display: flex;
133+
align-items: center;
134+
line-height: 3rem;
135+
}
136+
137+
.nav-item[b-3v1x680utj] a.active {
138+
background-color: rgba(255,255,255,0.37);
139+
color: white;
140+
}
141+
142+
.nav-item[b-3v1x680utj] a:hover {
143+
background-color: rgba(255,255,255,0.1);
144+
color: white;
145+
}
146+
147+
@media (min-width: 641px) {
148+
.navbar-toggler[b-3v1x680utj] {
149+
display: none;
150+
}
151+
152+
.collapse[b-3v1x680utj] {
153+
/* Never collapse the sidebar for wide screens */
154+
display: block;
155+
}
156+
157+
.nav-scrollable[b-3v1x680utj] {
158+
/* Allow sidebar to scroll for tall menus */
159+
height: calc(100vh - 3.5rem);
160+
overflow-y: auto;
161+
}
162+
}

‎css/app.css‎

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
html, body {
2+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
3+
}
4+
5+
h1:focus {
6+
outline: none;
7+
}
8+
9+
a, .btn-link {
10+
color: #0071c1;
11+
}
12+
13+
.btn-primary {
14+
color: #fff;
15+
background-color: #1b6ec2;
16+
border-color: #1861ac;
17+
}
18+
19+
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
20+
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
21+
}
22+
23+
.content {
24+
padding-top: 1.1rem;
25+
}
26+
27+
.valid.modified:not([type=checkbox]) {
28+
outline: 1px solid #26b050;
29+
}
30+
31+
.invalid {
32+
outline: 1px solid red;
33+
}
34+
35+
.validation-message {
36+
color: red;
37+
}
38+
39+
#blazor-error-ui {
40+
background: lightyellow;
41+
bottom: 0;
42+
box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
43+
display: none;
44+
left: 0;
45+
padding: 0.6rem 1.25rem 0.7rem 1.25rem;
46+
position: fixed;
47+
width: 100%;
48+
z-index: 1000;
49+
}
50+
51+
#blazor-error-ui .dismiss {
52+
cursor: pointer;
53+
position: absolute;
54+
right: 0.75rem;
55+
top: 0.5rem;
56+
}
57+
58+
.blazor-error-boundary {
59+
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
60+
padding: 1rem 1rem 1rem 3.7rem;
61+
color: white;
62+
}
63+
64+
.blazor-error-boundary::after {
65+
content: "An error has occurred."
66+
}
67+
68+
.loading-progress {
69+
position: relative;
70+
display: block;
71+
width: 8rem;
72+
height: 8rem;
73+
margin: 20vh auto 1rem auto;
74+
}
75+
76+
.loading-progress circle {
77+
fill: none;
78+
stroke: #e0e0e0;
79+
stroke-width: 0.6rem;
80+
transform-origin: 50% 50%;
81+
transform: rotate(-90deg);
82+
}
83+
84+
.loading-progress circle:last-child {
85+
stroke: #1b6ec2;
86+
stroke-dasharray: calc(3.141 * var(--blazor-load-percentage, 0%) * 0.8), 500%;
87+
transition: stroke-dasharray 0.05s ease-in-out;
88+
}
89+
90+
.loading-progress-text {
91+
position: absolute;
92+
text-align: center;
93+
font-weight: bold;
94+
inset: calc(20vh + 3.25rem) 0 auto 0.2rem;
95+
}
96+
97+
.loading-progress-text:after {
98+
content: var(--blazor-load-percentage-text, "Loading");
99+
}
100+
101+
code {
102+
color: #c02d76;
103+
}

‎css/bootstrap/bootstrap.min.css‎

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

‎css/bootstrap/bootstrap.min.css.map‎

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

‎index.html‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>HashifyNET Blazor</title>
8+
<base href="/" />
9+
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
10+
<link rel="stylesheet" href="css/app.css" />
11+
<link href="HashifyNETBlazor.styles.css" rel="stylesheet" />
12+
<link href="manifest.webmanifest" rel="manifest" />
13+
<link rel="icon" type="image/png" href="logo.png" />
14+
</head>
15+
16+
<body>
17+
<div id="app">
18+
<svg class="loading-progress">
19+
<circle r="40%" cx="50%" cy="50%" />
20+
<circle r="40%" cx="50%" cy="50%" />
21+
</svg>
22+
<div class="loading-progress-text"></div>
23+
</div>
24+
25+
<div id="blazor-error-ui">
26+
An unhandled error has occurred.
27+
<a href="" class="reload">Reload</a>
28+
<a class="dismiss">🗙</a>
29+
</div>
30+
<script src="_framework/blazor.webassembly.js"></script>
31+
<script>navigator.serviceWorker.register('service-worker.js');</script>
32+
</body>
33+
34+
</html>

‎logo.png‎

96.8 KB
Loading

‎manifest.webmanifest‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"name": "HashifyNETBlazor",
3+
"short_name": "HashifyNETBlazor",
4+
"id": "./",
5+
"start_url": "./",
6+
"display": "standalone",
7+
"background_color": "#ffffff",
8+
"theme_color": "#03173d",
9+
"prefer_related_applications": false
10+
}

0 commit comments

Comments
 (0)