Skip to content

Commit

Permalink
deploy: 8ce27ef
Browse files Browse the repository at this point in the history
  • Loading branch information
@KristofferStrube
KristofferStrube committed Nov 25, 2023
0 parents commit d993190
Show file tree
Hide file tree
Showing 231 changed files with 2,016 additions and 0 deletions.
Empty file added .nojekyll
Empty file.
36 changes: 36 additions & 0 deletions 404.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blazor SVG Editor Redirect</title>
<script type="text/javascript">
// Single Page Apps for GitHub Pages
// MIT License
// https://github.com/rafgraph/spa-github-pages
// This script takes the current url and converts the path and query
// string into just a query string, and then redirects the browser
// to the new url with only a query string and hash fragment

// If you're creating a Project Pages site and NOT using a custom domain,
// then set pathSegmentsToKeep to 1 (enterprise users may need to set it to > 1).
// This way the code will only replace the route part of the path, and not
// the real directory in which the app resides, for example:
// https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
// https://username.github.io/repo-name/?/one/two&a=b~and~c=d#qwe
// Otherwise, leave pathSegmentsToKeep as 0.
var pathSegmentsToKeep = 1;

var l = window.location;
l.replace(
l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
l.pathname.split('/').slice(0, 1 + pathSegmentsToKeep).join('/') + '/?/' +
l.pathname.slice(1).split('/').slice(pathSegmentsToKeep).join('/').replace(/&/g, '~and~') +
(l.search ? '&' + l.search.slice(1).replace(/&/g, '~and~') : '') +
l.hash
);

</script>
</head>
<body>
</body>
</html>
154 changes: 154 additions & 0 deletions KristofferStrube.Blazor.GraphEditor.WasmExample.styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,154 @@
@import '_content/BlazorColorPicker/BlazorColorPicker.bundle.scp.css';
@import '_content/KristofferStrube.Blazor.SVGEditor/KristofferStrube.Blazor.SVGEditor.bundle.scp.css';

/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-92fdr6lqr8] {
position: relative;
display: flex;
flex-direction: column;
}

main[b-92fdr6lqr8] {
flex: 1;
}

.sidebar[b-92fdr6lqr8] {
background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-92fdr6lqr8] {
background-color: #f7f7f7;
border-bottom: 1px solid #d6d5d5;
justify-content: flex-end;
height: 3.5rem;
display: flex;
align-items: center;
}

.top-row[b-92fdr6lqr8] a, .top-row[b-92fdr6lqr8] .btn-link {
white-space: nowrap;
margin-left: 1.5rem;
text-decoration: none;
}

.top-row[b-92fdr6lqr8] a:hover, .top-row[b-92fdr6lqr8] .btn-link:hover {
text-decoration: underline;
}

.top-row[b-92fdr6lqr8] a:first-child {
overflow: hidden;
text-overflow: ellipsis;
}

@media (max-width: 640.98px) {
.top-row:not(.auth)[b-92fdr6lqr8] {
display: none;
}

.top-row.auth[b-92fdr6lqr8] {
justify-content: space-between;
}

.top-row[b-92fdr6lqr8] a, .top-row[b-92fdr6lqr8] .btn-link {
margin-left: 0;
}
}

@media (min-width: 641px) {
.page[b-92fdr6lqr8] {
flex-direction: row;
}

.sidebar[b-92fdr6lqr8] {
width: 250px;
height: 100vh;
position: sticky;
top: 0;
}

.top-row[b-92fdr6lqr8] {
position: sticky;
top: 0;
z-index: 1;
}

.top-row.auth[b-92fdr6lqr8] a:first-child {
flex: 1;
text-align: right;
width: 0;
}

.top-row[b-92fdr6lqr8], article[b-92fdr6lqr8] {
padding-left: 2rem !important;
padding-right: 1.5rem !important;
}
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2gnyt5467l] {
background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-2gnyt5467l] {
height: 3.5rem;
background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-2gnyt5467l] {
font-size: 1.1rem;
}

.oi[b-2gnyt5467l] {
width: 2rem;
font-size: 1.1rem;
vertical-align: text-top;
top: -2px;
}

.nav-item[b-2gnyt5467l] {
font-size: 0.9rem;
padding-bottom: 0.5rem;
}

.nav-item:first-of-type[b-2gnyt5467l] {
padding-top: 1rem;
}

.nav-item:last-of-type[b-2gnyt5467l] {
padding-bottom: 1rem;
}

.nav-item[b-2gnyt5467l] a {
color: #d7d7d7;
border-radius: 4px;
height: 3rem;
display: flex;
align-items: center;
line-height: 3rem;
}

.nav-item[b-2gnyt5467l] a.active {
background-color: rgba(255,255,255,0.25);
color: white;
}

.nav-item[b-2gnyt5467l] a:hover {
background-color: rgba(255,255,255,0.1);
color: white;
}

@media (min-width: 641px) {
.navbar-toggler[b-2gnyt5467l] {
display: none;
}

.collapse[b-2gnyt5467l] {
/* Never collapse the sidebar for wide screens */
display: block;
}

.nav-scrollable[b-2gnyt5467l] {
/* Allow sidebar to scroll for tall menus */
height: calc(100vh - 3.5rem);
overflow-y: auto;
}
}
203 changes: 203 additions & 0 deletions _content/Blazor.ContextMenu/blazorContextMenu.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,203 @@
.blazor-context-menu--default {
position: fixed;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.3), 0 0 0 1px #eee;
box-shadow: 0 10px 20px rgba(0,0,0,.3), 0 0 0 1px #eee;
padding: 5px 0;
}


.blazor-context-menu__list {
list-style-type: none;
padding-left: 5px;
padding-right: 5px;
margin: 0px;
}

.blazor-context-menu__seperator {
min-width: 120px;
color: #333;
position: relative;
}

.blazor-context-menu__seperator__hr {
display: block;
margin-top: 0.5em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-style: inset;
border-width: 1px;
}

.blazor-context-menu__item--default {
min-width: 120px;
padding: 6px;
text-align: left;
white-space: nowrap;
position: relative;
cursor: pointer;
}

.blazor-context-menu__item--default:hover {
background-color: rgba(0,0,0,.05);
}


.blazor-context-menu__item--with-submenu:after {
content: "";
position: absolute;
right: -8px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border: 6px solid transparent;
border-left-color: #615c5c;
}

.blazor-context-menu__item--default-disabled {
min-width: 120px;
padding: 6px;
text-align: left;
white-space: nowrap;
position: relative;
cursor: not-allowed;
opacity: 0.6;
}

.blazor-context-menu--hidden {
display: none;
}

/*============== ANIMATIONS ==============*/
/*-------------- FadeIn ------------------*/
.blazor-context-menu__animations--fadeIn {
animation-name: fadeIn;
animation-direction: reverse;
animation-duration: 0.2s;
}

.blazor-context-menu__animations--fadeIn-shown {
animation-name: fadeIn;
animation-duration: 0.2s;
}

@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}


/*-------------- Grow ------------------*/

.blazor-context-menu__animations--grow {
animation-name: grow;
animation-direction: reverse;
animation-duration: 0.2s;
}

.blazor-context-menu__animations--grow-shown {
animation-name: grow;
animation-duration: 0.2s;
}

@keyframes grow {
0% {
transform: scale(0);
transform-origin: top left;
opacity: 0;
}

100% {
transform: scale(1);
transform-origin: top left;
opacity: 1;
}
}

/*-------------- Slide ------------------*/

.blazor-context-menu.blazor-context-menu__animations--slide {
animation-name: slide;
animation-direction: reverse;
animation-duration: 0.2s;
}

.blazor-context-menu.blazor-context-menu__animations--slide-shown {
animation-name: slide;
animation-duration: 0.2s;
}

@keyframes slide {
0% {
transform: translateX(-5px);
opacity: 0;
}

100% {
transform: translateX(0px);
opacity: 1;
}
}

.blazor-context-submenu.blazor-context-menu__animations--slide {
animation-name: slide-submenu;
animation-direction: reverse;
animation-duration: 0.2s;
}

.blazor-context-submenu.blazor-context-menu__animations--slide-shown {
animation-name: slide-submenu;
animation-duration: 0.2s;
}

@keyframes slide-submenu {
0% {
transform: translateX(-25px);
z-index: -1;
opacity: 0;
}
90% {
z-index: -1;
}
100% {
transform: translateX(0px);
z-index: unset;
opacity: 1;
}
}

/*-------------- Zoom ------------------*/

.blazor-context-menu__animations--zoom {
animation-name: zoom;
animation-direction: reverse;
animation-duration: 0.2s;
}

.blazor-context-menu__animations--zoom-shown {
animation-name: zoom;
animation-duration: 0.2s;
}

@keyframes zoom {
0% {
transform: scale(0.5);
opacity: 0;
}

100% {
transform: scale(1);
opacity: 1;
}
}
Loading

0 comments on commit d993190

Please sign in to comment.