Skip to content

Commit

Permalink
Add github link
Browse files Browse the repository at this point in the history
  • Loading branch information
terrakok committed Jan 4, 2022
1 parent 51921c6 commit 18293a8
Show file tree
Hide file tree
Showing 3 changed files with 141 additions and 20 deletions.
44 changes: 24 additions & 20 deletions src/jsMain/kotlin/org/jetbrains/webwiz/style/WtOffest.kt
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,10 @@ object WtOffsets : StyleSheet(AppStylesheet) {
val textInputStyle by style {
property("border", "1px solid rgb(170, 170, 170, 42%)")
property("color", "rgb(39 40 44 / 79%)")
property("font-famyly", "system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif")
property(
"font-famyly",
"system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif"
)
fontSize(15.px)
width(70.percent)
padding(10.px)
Expand All @@ -72,62 +75,63 @@ object WtOffsets : StyleSheet(AppStylesheet) {

val targetsCheckboxesListStyle by style {
display(DisplayStyle.Flex)
property("flex-wrap","wrap")
property("flex-wrap", "wrap")
width(77.percent)
}
val targetsCheckboxesStyle by style {
marginBottom(10.px)
marginRight(10.px)

descendant(self, selector("input[type=\"checkbox\"]")) style {
desc(self, selector("input[type=\"checkbox\"]")) style {
display(DisplayStyle.None)
}

descendant(self, selector("input[type=\"checkbox\"] + label")) style {
property("-webkit-transition","all 500ms ease")
property("transition","all 500ms ease")
property("font-size","18px")
property("background-color","rgb(244,244,244)")
property("padding","0.5rem 2rem")
property("-moz-user-select","-moz-none")
property("-ms-user-select","none")
property("-webkit-user-select","none")
property("user-select","none")
desc(self, selector("input[type=\"checkbox\"] + label")) style {
property("-webkit-transition", "all 500ms ease")
property("transition", "all 500ms ease")
property("font-size", "18px")
property("background-color", "rgb(244,244,244)")
property("padding", "0.5rem 2rem")
property("-moz-user-select", "-moz-none")
property("-ms-user-select", "none")
property("-webkit-user-select", "none")
property("user-select", "none")
cursor("pointer")
borderRadius(50.px)
display(DisplayStyle.InlineBlock);
}

descendant(self, selector("input[type=\"checkbox\"]:checked + label")) style {
desc(self, selector("input[type=\"checkbox\"]:checked + label")) style {
property("-webkit-transition: all", "500ms ease")
property("transition", "all 300ms ease")
property("background-color", "#167dff")
property("color", "white")
property("border-color", "#167dff")
}

descendant(self, selector("input[type=\"checkbox\"]:disabled + label")) style {
desc(self, selector("input[type=\"checkbox\"]:disabled + label")) style {
property("-webkit-transition: all", "500ms ease")
property("transition", "all 300ms ease")
property("background-color", "rgb(244,244,244)")
property("color", "#bfbfbf")
property("cursor", "not-allowed")
}
}

@OptIn(ExperimentalComposeWebApi::class)
val testsCheckboxStyle by style {

descendant(self, selector("input[type=\"checkbox\"]")) style {
desc(self, selector("input[type=\"checkbox\"]")) style {
property("box-sizing", "border-box")
padding(0.px)
transform{scale(1.5) }
transform { scale(1.5) }
}

descendant(self, selector("input[type=\"checkbox\"]:checked")) style {
desc(self, selector("input[type=\"checkbox\"]:checked")) style {
property("box-sizing", "border-box")
padding(0.px)
property("border-color","#aaa")
property("background-color","#aaa")
property("border-color", "#aaa")
property("background-color", "#aaa")
}
}

Expand Down
109 changes: 109 additions & 0 deletions src/jsMain/resources/fork.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
/*! fork-me-on-github v2.1.0 | (c) 2014, 2014 | MIT License | https://github.com/edull24/fork-me-on-github */

.fork-me-wrapper {
width: 170px;
height: 170px;
position: absolute;
top: 0;
right: 0;
overflow: hidden;
z-index: 9999;
}

.fork-me {
width: 42px;
height: 42px;
position: absolute;
top: 5px;
right: 5px;
background-color: #a00000;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxOCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE4IDMyIj4KPGc+CjwvZz4KCTxwYXRoIGQ9Ik01LjE0MyAyNi4yODZxMC0wLjcxNC0wLjUtMS4yMTR0LTEuMjE0LTAuNS0xLjIxNCAwLjUtMC41IDEuMjE0IDAuNSAxLjIxNCAxLjIxNCAwLjUgMS4yMTQtMC41IDAuNS0xLjIxNHpNNS4xNDMgNS43MTRxMC0wLjcxNC0wLjUtMS4yMTR0LTEuMjE0LTAuNS0xLjIxNCAwLjUtMC41IDEuMjE0IDAuNSAxLjIxNCAxLjIxNCAwLjUgMS4yMTQtMC41IDAuNS0xLjIxNHpNMTYuNTcxIDhxMC0wLjcxNC0wLjUtMS4yMTR0LTEuMjE0LTAuNS0xLjIxNCAwLjUtMC41IDEuMjE0IDAuNSAxLjIxNCAxLjIxNCAwLjUgMS4yMTQtMC41IDAuNS0xLjIxNHpNMTguMjg2IDhxMCAwLjkyOS0wLjQ2NCAxLjcyM3QtMS4yNSAxLjI0MXEtMC4wMzYgNS4xMjUtNC4wMzYgNy4zOTMtMS4yMTQgMC42NzktMy42MjUgMS40NDYtMi4yODYgMC43MTQtMy4wMjcgMS4yNjh0LTAuNzQxIDEuNzg2djAuNDY0cTAuNzg2IDAuNDQ2IDEuMjUgMS4yNDF0MC40NjQgMS43MjNxMCAxLjQyOS0xIDIuNDI5dC0yLjQyOSAxLTIuNDI5LTEtMS0yLjQyOXEwLTAuOTI5IDAuNDY0LTEuNzIzdDEuMjUtMS4yNDF2LTE0LjY0M3EtMC43ODYtMC40NDYtMS4yNS0xLjI0MXQtMC40NjQtMS43MjNxMC0xLjQyOSAxLTIuNDI5dDIuNDI5LTEgMi40MjkgMSAxIDIuNDI5cTAgMC45MjktMC40NjQgMS43MjN0LTEuMjUgMS4yNDF2OC44NzVxMC45NjQtMC40NjQgMi43NS0xLjAxOCAwLjk4Mi0wLjMwNCAxLjU2Mi0wLjUyN3QxLjI1OS0wLjU1NCAxLjA1NC0wLjcwNSAwLjcyMy0wLjkxMSAwLjUtMS4yNDEgMC4xNTItMS42MzRxLTAuNzg2LTAuNDQ2LTEuMjUtMS4yNDF0LTAuNDY0LTEuNzIzcTAtMS40MjkgMS0yLjQyOXQyLjQyOS0xIDIuNDI5IDEgMSAyLjQyOXoiIGZpbGw9IiNmZmZmZmYiIC8+Cjwvc3ZnPg==");
background-repeat: no-repeat;
background-position: center center;
overflow: hidden;
white-space: nowrap;
}

@media only screen and (min-width: 40.063em) {
.fork-me {
width: auto;
height: auto;
top: 40px;
right: -55px;
padding: 2px 0;
box-shadow: 0 0 10px 0 #888888;
background-color: #a00000;
background-image: none !important;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}

.fork-me-link,
.fork-me-link:link,
.fork-me-link:visited,
.fork-me-link:hover,
.fork-me-link:focus,
.fork-me-link:active {
display: block;
height: 100%;
text-decoration: none;
border: none;
}

@media only screen and (min-width: 40.063em) {
.fork-me-link,
.fork-me-link:link,
.fork-me-link:visited,
.fork-me-link:hover,
.fork-me-link:focus,
.fork-me-link:active {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
text-align: center;
color: white;
padding: 10px 50px;
border: 1px solid white;
text-shadow: 0 0 5px #444444;
}
}

.fork-me-link:focus {
text-decoration: underline;
}

.fork-me-text {
display: none;
}

@media only screen and (min-width: 40.063em) {
.fork-me-text {
display: inline;
}
}

.fork-me-dark {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIxOCIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDE4IDMyIj4KPGc+CjwvZz4KCTxwYXRoIGQ9Ik01LjE0MyAyNi4yODZxMC0wLjcxNC0wLjUtMS4yMTR0LTEuMjE0LTAuNS0xLjIxNCAwLjUtMC41IDEuMjE0IDAuNSAxLjIxNCAxLjIxNCAwLjUgMS4yMTQtMC41IDAuNS0xLjIxNHpNNS4xNDMgNS43MTRxMC0wLjcxNC0wLjUtMS4yMTR0LTEuMjE0LTAuNS0xLjIxNCAwLjUtMC41IDEuMjE0IDAuNSAxLjIxNCAxLjIxNCAwLjUgMS4yMTQtMC41IDAuNS0xLjIxNHpNMTYuNTcxIDhxMC0wLjcxNC0wLjUtMS4yMTR0LTEuMjE0LTAuNS0xLjIxNCAwLjUtMC41IDEuMjE0IDAuNSAxLjIxNCAxLjIxNCAwLjUgMS4yMTQtMC41IDAuNS0xLjIxNHpNMTguMjg2IDhxMCAwLjkyOS0wLjQ2NCAxLjcyM3QtMS4yNSAxLjI0MXEtMC4wMzYgNS4xMjUtNC4wMzYgNy4zOTMtMS4yMTQgMC42NzktMy42MjUgMS40NDYtMi4yODYgMC43MTQtMy4wMjcgMS4yNjh0LTAuNzQxIDEuNzg2djAuNDY0cTAuNzg2IDAuNDQ2IDEuMjUgMS4yNDF0MC40NjQgMS43MjNxMCAxLjQyOS0xIDIuNDI5dC0yLjQyOSAxLTIuNDI5LTEtMS0yLjQyOXEwLTAuOTI5IDAuNDY0LTEuNzIzdDEuMjUtMS4yNDF2LTE0LjY0M3EtMC43ODYtMC40NDYtMS4yNS0xLjI0MXQtMC40NjQtMS43MjNxMC0xLjQyOSAxLTIuNDI5dDIuNDI5LTEgMi40MjkgMSAxIDIuNDI5cTAgMC45MjktMC40NjQgMS43MjN0LTEuMjUgMS4yNDF2OC44NzVxMC45NjQtMC40NjQgMi43NS0xLjAxOCAwLjk4Mi0wLjMwNCAxLjU2Mi0wLjUyN3QxLjI1OS0wLjU1NCAxLjA1NC0wLjcwNSAwLjcyMy0wLjkxMSAwLjUtMS4yNDEgMC4xNTItMS42MzRxLTAuNzg2LTAuNDQ2LTEuMjUtMS4yNDF0LTAuNDY0LTEuNzIzcTAtMS40MjkgMS0yLjQyOXQyLjQyOS0xIDIuNDI5IDEgMSAyLjQyOXoiIGZpbGw9IiMwMDAwMDAiIC8+Cjwvc3ZnPgo=");
}

.fork-me-left {
left: 0;
right: auto;
}

.fork-me-left .fork-me {
left: 5px;
right: auto;
}

@media only screen and (min-width: 40.063em) {
.fork-me-left .fork-me {
left: -55px;
right: auto;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}

.fork-me-fixed {
position: fixed;
}
8 changes: 8 additions & 0 deletions src/jsMain/resources/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,19 @@
<link rel="stylesheet" href="hljs.css">
<link rel="stylesheet" href="filetree.css">
<link rel="stylesheet" href="logos.css">
<link rel="stylesheet" href="fork.css">
<link rel="icon" href="favicon-32x32.png" type="image/png"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap">
</head>
<body>
<div class="fork-me-wrapper">
<div class="fork-me">
<a class="fork-me-link" href="https://github.com/terrakok/kmp-web-wizard">
<span class="fork-me-text">Fork Me On GitHub</span>
</a>
</div>
</div>
<div id="root"/>
</body>
<script src="kmp-web-wizard.js"></script>
Expand Down

0 comments on commit 18293a8

Please sign in to comment.