Skip to content

Commit 64e22da

Browse files
AliceYuanAliceYuan
committed
Initial commit
0 parents  commit 64e22da

File tree

6 files changed

+434
-0
lines changed

6 files changed

+434
-0
lines changed

Diff for: ‎.replit

+178
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,178 @@
1+
hidden=[".config"]
2+
3+
# hosting is currently hardcoded for this language
4+
# [hosting]
5+
# route = "/"
6+
# directory= "/"
7+
8+
[nix]
9+
channel = "stable-21_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+
# TODO autocomplete relies on snippet support, which we don't advertise to LSP servers.
60+
# For now CSS autocomplete will use built-in codemirror, which is not perfect but good enough
61+
[languages.css]
62+
pattern = "**/{*.less,*.scss,*.css}"
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"

Diff for: ‎index.html

+117
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,117 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Fuzzy Personality Quiz</title>
8+
<link
9+
rel="stylesheet"
10+
href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css"
11+
/>
12+
<link rel="stylesheet" href="style.css" type="text/css" />
13+
</head>
14+
15+
<body>
16+
<!-- Header Code -->
17+
<section
18+
class="hero has-background-grey-darker notification has-text-danger-light has-text-centered"
19+
>
20+
<div class="hero-body">
21+
<p class="title">Fuzzy Personality Quiz</p>
22+
<p class="subtitle">
23+
Answer each question to find out which personality type you are.
24+
</p>
25+
</div>
26+
</section>
27+
28+
<!-- Body Code -->
29+
<div class="container has-text-centered">
30+
<div id="quiz" >
31+
<!-- Quiz questions will be added here -->
32+
</div>
33+
<!-- Final Answer 1 (-, -) -->
34+
<section id="logical-introvert" class="section hidden">
35+
<div class="container">
36+
<h1 class="title">You are a Philospher!</h1>
37+
<div class="columns">
38+
<div class="column has-text-centered">
39+
<figure
40+
class="image card notification has-background-light is-inline-block"
41+
>
42+
<div class="container">
43+
<img src="" alt="Philospher" />
44+
</div>
45+
</figure>
46+
</div>
47+
</div>
48+
</div>
49+
</section>
50+
51+
<!-- Final Answer 2 (-, +) -->
52+
<section id="logical-extrovert" class="section hidden">
53+
<div class="container">
54+
<h1 class="title">You are a Group Leader!</h1>
55+
<div class="columns">
56+
<div class="column has-text-centered">
57+
<figure
58+
class="image card notification has-background-light is-inline-block"
59+
>
60+
<div class="container">
61+
<img src="" alt="Group Leader" />
62+
</div>
63+
</figure>
64+
</div>
65+
</div>
66+
</div>
67+
</section>
68+
69+
<!-- Final Answer 3 (+, -) -->
70+
<section id="creative-introvert" class="section hidden">
71+
<div class="container">
72+
<h1 class="title">You are a Day Dreamer!</h1>
73+
<div class="columns">
74+
<div class="column has-text-centered">
75+
<figure
76+
class="image card notification has-background-light is-inline-block"
77+
>
78+
<div class="container">
79+
<img src="" alt="Day Dreamer" />
80+
</div>
81+
</figure>
82+
</div>
83+
</div>
84+
</div>
85+
</section>
86+
87+
<!-- Final Answer 4 (+, +) -->
88+
<section id="creative-extrovert" class="section hidden">
89+
<div class="container">
90+
<h1 class="title">You are a Performing Artist!</h1>
91+
<div class="columns">
92+
<div class="column has-text-centered">
93+
<figure
94+
class="image card notification has-background-light is-inline-block"
95+
>
96+
<div class="container">
97+
<img src="" alt="Performing Artist" />
98+
</div>
99+
</figure>
100+
</div>
101+
</div>
102+
</div>
103+
</section>
104+
</div>
105+
106+
<!-- Footer Code -->
107+
<footer
108+
class="footer has-background-grey-darker notification has-text-danger-light mt-5 mb-0"
109+
>
110+
<div class="content has-text-centered">
111+
<p class="subtitle">Thanks for playing!</p>
112+
</div>
113+
</footer>
114+
<script src="quiz_options.js" type="text/javascript" defer></script>
115+
<script src="script.js" type="text/javascript" defer></script>
116+
</body>
117+
</html>

Diff for: ‎quiz_options.js

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
class QuizOption {
2+
constructor(title, imgUrl) {
3+
this.title = title;
4+
this.imgUrl = imgUrl;
5+
}
6+
}
7+
8+
class Quiz {
9+
constructor(id, question, options) {
10+
this.id = id;
11+
this.question = question;
12+
this.options = options;
13+
}
14+
}
15+
16+
let quizQuestions = [
17+
new Quiz("color",
18+
"Pick a favorite color.",
19+
[new QuizOption("Blue", "https://media.architecturaldigest.com/photos/5ba551bb44966b64d8d5fc2b/4:3/w_3868,h_2901,c_limit/hyper-blue-4.jpg"),
20+
new QuizOption("Orange", "https://healthyfamilyproject.com/wp-content/uploads/2020/05/Oranges-background.jpg"),
21+
new QuizOption("Brown", "https://images.unsplash.com/photo-1447933601403-0c6688de566e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8Y29mZmVlJTIwYmVhbnxlbnwwfHwwfHw%3D&w=1000&q=80"),
22+
new QuizOption("Red", "https://76crb34usu-flywheel.netdna-ssl.com/wp-content/uploads/2016/12/tomatoes_Things_that_are_red.jpg")]),
23+
24+
new Quiz("vacation",
25+
"Pick a favorite vacation spot.",
26+
[new QuizOption("Alaska", "https://www.alaskanatureguides.com/images/denali_1.jpg"),
27+
new QuizOption("Space",
28+
"https://www.areyouready.tv/wp-content/uploads/2020/06/Man-on-the-moon-702x459-1.jpg"),
29+
new QuizOption("New Orleans", "https://i.pinimg.com/originals/47/73/44/477344c852a37407bd11e367ce9a2d1e.jpg"),
30+
new QuizOption("Staycation", "https://homedesignlover.com/wp-content/uploads/2012/03/2-ladies-minimal.jpg")]),
31+
]
32+

Diff for: ‎replit.nix

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{ pkgs }: {
2+
deps = [
3+
pkgs.nodePackages.vscode-langservers-extracted
4+
pkgs.nodePackages.typescript-language-server
5+
];
6+
}

0 commit comments

Comments
 (0)