Skip to content
This repository was archived by the owner on Sep 3, 2025. It is now read-only.

Commit a87d523

Browse files
github-actions[bot]github-actions[bot]
committed
deploy: 2bba1cb 
0 parents  commit a87d523

4 files changed

Lines changed: 150 additions & 0 deletions

File tree

‎.nojekyll‎

Whitespace-only changes.

‎index.html‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<title>try-phi</title>
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet">
9+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"></script> -->
10+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
11+
<style rel="stylesheet" href="styles.css"></style>
12+
<link rel="stylesheet"
13+
href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.3/gh-fork-ribbon.min.css" />
14+
<style>
15+
.github-fork-ribbon:before {
16+
background-color: #54c234;
17+
}
18+
</style>
19+
</head>
20+
21+
<body>
22+
<a class="github-fork-ribbon" href="https://github.com/objectionary/try-phi" data-ribbon="Fork me on GitHub!"
23+
title="Fork me on GitHub!">Fork me on GitHub!</a>
24+
<div>
25+
<script type="module" src="./index.js"></script>
26+
</div>
27+
28+
</body>
29+
30+
</html>

‎index.js‎

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

‎styles.css‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
.switch {
2+
position: relative;
3+
display: inline-block;
4+
width: 60px;
5+
height: 34px;
6+
vertical-align: middle
7+
}
8+
9+
.switch input {
10+
opacity: 0;
11+
width: 0;
12+
height: 0;
13+
}
14+
15+
.popover-content kbd {
16+
background-color: #eee;
17+
border-radius: 3px;
18+
border: 1px solid #b4b4b4;
19+
box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
20+
color: #333;
21+
display: inline-block;
22+
font-size: .85em;
23+
font-weight: 700;
24+
line-height: 1;
25+
padding: 2px 4px;
26+
white-space: nowrap;
27+
}
28+
29+
.slider {
30+
position: absolute;
31+
cursor: pointer;
32+
top: 0;
33+
left: 0;
34+
right: 0;
35+
bottom: 0;
36+
background-color: #42b340;
37+
-webkit-transition: .4s;
38+
transition: .4s;
39+
}
40+
41+
.slider:before {
42+
position: absolute;
43+
content: "";
44+
height: 26px;
45+
width: 26px;
46+
left: 4px;
47+
bottom: 4px;
48+
background-color: white;
49+
-webkit-transition: .4s;
50+
transition: .4s;
51+
}
52+
53+
input:checked+.slider {
54+
background-color: #2196F3;
55+
}
56+
57+
input:focus+.slider {
58+
box-shadow: 0 0 1px #2196F3;
59+
}
60+
61+
input:checked+.slider:before {
62+
-webkit-transform: translateX(26px);
63+
-ms-transform: translateX(26px);
64+
transform: translateX(26px);
65+
}
66+
67+
/* Rounded sliders */
68+
.slider.round {
69+
border-radius: 34px;
70+
}
71+
72+
.slider.round:before {
73+
border-radius: 50%;
74+
}
75+
76+
.selected_mode{
77+
vertical-align: middle;
78+
font-weight: bold;
79+
}
80+
81+
.reference_line {
82+
vertical-align: middle;
83+
}
84+
85+
86+
.btn-yellow,
87+
.btn-yellow:hover,
88+
.btn-yellow:active,
89+
.btn-yellow:visited {
90+
background-color: #eab42b !important;
91+
}
92+
93+
.btn-yellow:focus{
94+
border-color: #eab42b !important;
95+
box-shadow: 0 0 0 0.2rem #eab42b7c !important;
96+
}
97+
98+
.btn-green,
99+
.btn-green:hover,
100+
.btn-green:active,
101+
.btn-green:visited {
102+
background-color: #54c234;
103+
}
104+
105+
.btn-green:focus{
106+
border-color: #54c234;
107+
box-shadow: 0 0 0 0.2rem #55c23480;
108+
}

0 commit comments

Comments
 (0)