Skip to content

Commit 5510311

Browse files
ProgrammingParadoxProgrammingParadox
committed
Initial commit
0 parents  commit 5510311

25 files changed

+3517
-0
lines changed

‎.replit

+185
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,185 @@
1+
hidden=[".config"]
2+
3+
# hosting is currently hardcoded for this language
4+
# [hosting]
5+
# route = "/"
6+
# directory= "/"
7+
8+
[nix]
9+
channel = "stable-22_11"
10+
11+
[languages.html]
12+
pattern = "**/*.html"
13+
[languages.html.languageServer]
14+
start = "vscode-html-language-server --stdio"
15+
[languages.html.languageServer.initializationOptions]
16+
provideFormatter = true
17+
[languages.html.languageServer.configuration.html]
18+
customData = [ ]
19+
autoCreateQuotes = true
20+
autoClosingTags = true
21+
mirrorCursorOnMatchingTag = false
22+
23+
[languages.html.languageServer.configuration.html.completion]
24+
attributeDefaultValue = "doublequotes"
25+
26+
[languages.html.languageServer.configuration.html.format]
27+
enable = true
28+
wrapLineLength = 120
29+
unformatted = "wbr"
30+
contentUnformatted = "pre,code,textarea"
31+
indentInnerHtml = false
32+
preserveNewLines = true
33+
indentHandlebars = false
34+
endWithNewline = false
35+
extraLiners = "head, body, /html"
36+
wrapAttributes = "auto"
37+
templating = false
38+
unformattedContentDelimiter = ""
39+
40+
[languages.html.languageServer.configuration.html.suggest]
41+
html5 = true
42+
43+
[languages.html.languageServer.configuration.html.validate]
44+
scripts = true
45+
styles = true
46+
47+
[languages.html.languageServer.configuration.html.hover]
48+
documentation = true
49+
references = true
50+
51+
[languages.html.languageServer.configuration.html.trace]
52+
server = "off"
53+
54+
[languages.javascript]
55+
pattern = "**/{*.js,*.jsx,*.ts,*.tsx,*.mjs,*.cjs}"
56+
[languages.javascript.languageServer]
57+
start = "typescript-language-server --stdio"
58+
59+
[languages.css]
60+
pattern = "**/{*.less,*.scss,*.css}"
61+
[languages.css.languageServer.initializationOptions]
62+
provideFormatter = true
63+
[languages.css.languageServer]
64+
start = "vscode-css-language-server --stdio"
65+
[languages.css.languageServer.configuration.css]
66+
customData = [ ]
67+
validate = true
68+
69+
[languages.css.languageServer.configuration.css.completion]
70+
triggerPropertyValueCompletion = true
71+
completePropertyWithSemicolon = true
72+
73+
[languages.css.languageServer.configuration.css.hover]
74+
documentation = true
75+
references = true
76+
77+
[languages.css.languageServer.configuration.css.lint]
78+
# Configure linting
79+
# ignore = don't show any warning or error
80+
# warning = show yellow underline
81+
# error = show red underline
82+
argumentsInColorFunction = "error" # Invalid number of parameters
83+
boxModel = "ignore" # Do not use width or height when using padding or border
84+
compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties"
85+
duplicateProperties = "warning" # Do not use duplicate style definitions
86+
emptyRules = "warning" # Do not use empty rulesets
87+
float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes.
88+
fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties
89+
hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers
90+
idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML.
91+
ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older
92+
important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored.
93+
importStatement = "ignore" # Import statements do not load in parallel
94+
propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display
95+
universalSelector = "ignore" # The universal selector (*) is known to be slow
96+
unknownAtRules = "warning" # Unknown at-rule
97+
unknownProperties = "warning" # Unknown property.
98+
validProperties = [ ] # add some properties that the linter doesn't know about
99+
unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property.
100+
vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property
101+
zeroUnits = "ignore" # No unit for zero needed
102+
103+
[languages.css.languageServer.configuration.css.trace]
104+
server = "off"
105+
106+
[languages.css.languageServer.configuration.scss]
107+
validate = true
108+
109+
[languages.css.languageServer.configuration.scss.completion]
110+
triggerPropertyValueCompletion = true
111+
completePropertyWithSemicolon = true
112+
113+
[languages.css.languageServer.configuration.scss.hover]
114+
documentation = true
115+
references = true
116+
117+
[languages.css.languageServer.configuration.scss.lint]
118+
# Configure linting
119+
# ignore = don't show any warning or error
120+
# warning = show yellow underline
121+
# error = show red underline
122+
argumentsInColorFunction = "error" # Invalid number of parameters
123+
boxModel = "ignore" # Do not use width or height when using padding or border
124+
compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties"
125+
duplicateProperties = "warning" # Do not use duplicate style definitions
126+
emptyRules = "warning" # Do not use empty rulesets
127+
float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes.
128+
fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties
129+
hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers
130+
idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML.
131+
ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older
132+
important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored.
133+
importStatement = "ignore" # Import statements do not load in parallel
134+
propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display
135+
universalSelector = "ignore" # The universal selector (*) is known to be slow
136+
unknownAtRules = "warning" # Unknown at-rule
137+
unknownProperties = "warning" # Unknown property.
138+
validProperties = [ ] # add some properties that the linter doesn't know about
139+
unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property.
140+
vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property
141+
zeroUnits = "ignore" # No unit for zero needed"
142+
143+
[languages.css.languageServer.configuration.less]
144+
validate = true
145+
146+
[languages.css.languageServer.configuration.less.completion]
147+
triggerPropertyValueCompletion = true
148+
completePropertyWithSemicolon = true
149+
150+
[languages.css.languageServer.configuration.less.hover]
151+
documentation = true
152+
references = true
153+
154+
[languages.css.languageServer.configuration.less.lint]
155+
# Configure linting
156+
# ignore = don't show any warning or error
157+
# warning = show yellow underline
158+
# error = show red underline
159+
argumentsInColorFunction = "error" # Invalid number of parameters
160+
boxModel = "ignore" # Do not use width or height when using padding or border
161+
compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties"
162+
duplicateProperties = "warning" # Do not use duplicate style definitions
163+
emptyRules = "warning" # Do not use empty rulesets
164+
float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes.
165+
fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties
166+
hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers
167+
idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML.
168+
ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older
169+
important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored.
170+
importStatement = "ignore" # Import statements do not load in parallel
171+
propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display
172+
universalSelector = "ignore" # The universal selector (*) is known to be slow
173+
unknownAtRules = "warning" # Unknown at-rule
174+
unknownProperties = "warning" # Unknown property.
175+
validProperties = [ ] # add some properties that the linter doesn't know about
176+
unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property.
177+
vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property
178+
zeroUnits = "ignore" # No unit for zero needed"
179+
180+
[gitHubImport]
181+
requiredFiles = [".replit", "replit.nix", ".config"]
182+
183+
[deployment]
184+
publicDir = "/"
185+
deploymentTarget = "static"

‎css/bar.css

+121
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
#bar-placeholder {
2+
height: 70px;
3+
}
4+
#bar {
5+
position: fixed;
6+
7+
top: 0px;
8+
left: 0px;
9+
right: 0px;
10+
11+
display: flex;
12+
flex-direction: row;
13+
justify-content: left;
14+
align-items: stretch;
15+
16+
padding: 10px;
17+
18+
gap: 10px;
19+
}
20+
#name {
21+
background: linear-gradient(
22+
20deg,
23+
rgba(240, 250, 255, 0.7),
24+
rgba(230, 250, 255, 0.7) 90%
25+
);
26+
backdrop-filter: blur(20px);
27+
28+
display: flex;
29+
flex-direction: row;
30+
justify-content: space-between;
31+
align-items: center;
32+
33+
gap: 10px;
34+
35+
padding: 5px 10px;
36+
37+
font-size: 0.9em;
38+
39+
border-radius: 10px;
40+
border: 1px solid rgba(250, 250, 250, 0.2);
41+
42+
box-shadow:
43+
-1px -1px 0px rgba(190, 207, 224, 0.2),
44+
1px 1px 0px rgba(200, 217, 254, 0.2),
45+
46+
0px 0px 10px rgba(0, 0, 0, 0.05),
47+
-1px -1px 10px rgba(0, 0, 0, 0.05),
48+
1px 1px 10px rgba(255, 255, 255, 0.05);
49+
}
50+
#correct {
51+
background: linear-gradient(80deg, rgba(200, 255, 200, 0.7), rgba(100, 200, 250, 0.7) 150%);
52+
backdrop-filter: blur(20px);
53+
54+
padding: 5px 10px;
55+
56+
display: flex;
57+
gap: 5px;
58+
59+
border-radius: 10px;
60+
61+
/* border-radius: 10px; */
62+
border: 1px solid rgba(180, 230, 180, 0.4);
63+
64+
box-shadow:
65+
-1px -1px 0px rgba(190, 247, 224, 0.2),
66+
1px 1px 0px rgba(200, 257, 254, 0.2),
67+
68+
0px 0px 10px rgba(0, 70, 0, 0.05),
69+
-1px -1px 10px rgba(0, 70, 0, 0.05),
70+
1px 1px 10px rgba(255, 255, 255, 0.05);
71+
}
72+
#status-indicator {
73+
background: linear-gradient(
74+
20deg,
75+
rgba(240, 250, 255, 0.7),
76+
rgba(230, 250, 255, 0.7) 90%
77+
);
78+
backdrop-filter: blur(20px);
79+
80+
display: flex;
81+
flex-direction: row;
82+
justify-content: space-between;
83+
align-items: center;
84+
85+
gap: 10px;
86+
87+
padding: 10px;
88+
89+
border-radius: 10px;
90+
border: 1px solid rgba(250, 250, 250, 0.2);
91+
92+
box-shadow:
93+
-1px -1px 0px rgba(190, 207, 224, 0.2),
94+
1px 1px 0px rgba(200, 217, 254, 0.2),
95+
96+
0px 0px 10px rgba(0, 0, 0, 0.05),
97+
-1px -1px 10px rgba(0, 0, 0, 0.05),
98+
1px 1px 10px rgba(255, 255, 255, 0.05);
99+
}
100+
.status-indicator-element {
101+
width: 5px;
102+
height: 5px;
103+
104+
background: rgba(150, 180, 200, 0.5);
105+
106+
border-radius: 50%;
107+
108+
transition-duration: 0.1s;
109+
110+
&.active {
111+
background: rgba(150, 180, 200, 0);
112+
box-shadow: 0px 0px 0px 2px rgba(150, 200, 180, 0.5);
113+
}
114+
115+
&.correct {
116+
background: rgba(100, 200, 130, 0.9);
117+
}
118+
&.almost {
119+
background: rgba(150, 180, 100, 0.9);
120+
}
121+
}

‎css/button.css

+67
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
.sticky {
2+
perspective: 400px;
3+
}
4+
.button {
5+
background: rgba(240, 250, 255, 0.7);
6+
backdrop-filter: blur(20px);
7+
8+
font-family: "Space Grotesk", sans-serif;
9+
font-size: 0.9rem;
10+
11+
-webkit-appearance: button;
12+
-moz-appearance: button;
13+
appearance: button;
14+
15+
text-decoration: none;
16+
color: initial;
17+
18+
cursor: default;
19+
20+
position: relative;
21+
22+
border: none;
23+
display: inline-block;
24+
outline: none;
25+
26+
padding: 5px 10px;
27+
28+
border-radius: 5px;
29+
border: 1px solid rgba(250, 250, 250, 0.2);
30+
31+
box-shadow:
32+
-1px -1px 0px rgba(190, 207, 224, 0.2),
33+
1px 1px 0px rgba(200, 217, 254, 0.2),
34+
35+
0px 0px 10px rgba(0, 0, 0, 0.05),
36+
-1px -1px 10px rgba(0, 0, 0, 0.05),
37+
1px 1px 10px rgba(255, 255, 255, 0.05),
38+
39+
inset 0px 0px 20px rgba(255, 255, 255, 0.2);
40+
41+
transition-duration: 0.1s;
42+
43+
&.clear {
44+
background: rgba(240, 250, 255, 0.1);
45+
46+
color: #DFF;
47+
48+
box-shadow: /*
49+
-1px -1px 0px rgba(190, 207, 224, 0.2),
50+
1px 1px 0px rgba(200, 217, 254, 0.2),*/
51+
52+
0px 0px 10px rgba(0, 0, 0, 0.05),
53+
-1px -1px 10px rgba(0, 0, 0, 0.05),
54+
1px 1px 10px rgba(255, 255, 255, 0.05),
55+
56+
inset 0px 0px 20px rgba(255, 255, 255, 0.05),
57+
inset 2px -3px 10px rgba(255, 255, 255, 0.05);
58+
}
59+
&.tiny {
60+
padding: 1px 7px;
61+
62+
font-size: 0.8rem;
63+
}
64+
&.orphan {
65+
border-radius: 10px;
66+
}
67+
}

0 commit comments

Comments
 (0)