diff --git a/index.html b/index.html
index 273db76..b86abd7 100644
--- a/index.html
+++ b/index.html
@@ -11,10 +11,9 @@
diff --git a/main.js b/main.js
index 6c0ac8b..4770874 100644
--- a/main.js
+++ b/main.js
@@ -55,6 +55,10 @@ const postCountElem = document.getElementById("post-count");
const postTotalElem = document.getElementById("post-total");
const loader = document.getElementById("loader");
+// some state
+var isWritingPost = false;
+var isWritingReply = false;
+
// define a variable for how many posts we want to increase the page by
const postIncrease = 9;
// and define a value to determine which page we're on
@@ -331,9 +335,6 @@ function getWritePostButtonText() {
return `Write something ${getAdjective()} for me!`;
}
-var isWritingPost = false;
-var isWritingReply = false;
-
function writePost() {
if (isWritingPost)
return;
@@ -452,7 +453,7 @@ function chooseInterest(interest) {
}
const advanceButtonElem = document.getElementById("advance-button");
- advanceButtonElem.innerHTML = "Begin!";
+ advanceButtonElem.innerHTML = "enter.";
advanceButtonElem.style.visibility = "visible";
interestsTextElem.remove();
@@ -508,7 +509,11 @@ function populateSplashInterests() {
}
function getInterestsTextValue(numChosenInterests) {
- return `Choose some interests! (${numChosenInterests}/${maxInterests})`;
+ const leftToChoose = maxInterests - numChosenInterests;
+ if (leftToChoose > 1)
+ return `choose ${leftToChoose} interests.`;
+
+ return "choose 1 interest.";
}
function usernameInputUpdated(event) {
diff --git a/styles.css b/styles.css
index c837650..bd900ed 100644
--- a/styles.css
+++ b/styles.css
@@ -46,23 +46,23 @@ body {
text-align: center;
}
-#start-splash img {
- max-width: 40vw;
- margin-top: 10vh;
+#start-splash h1 {
+ padding-top: 35vh;
+ display: flex;
+ justify-content: center;
}
#start-splash input {
margin: 2em auto;
border: none;
- background-color: var(--sky-blue);
- color: white;
+ color: var(--sky-blue);
border-radius: 16px;
font-size: 1.5em;
padding: 4px 8px;
}
#advance-button {
- width: 20%;
+ width: 10%;
margin: 2em auto;
color: white;
background-color: var(--sky-blue);
@@ -77,7 +77,8 @@ body {
}
#interest-selection {
- width: 80%;
+ max-width: 400px;
+ min-width: 40%;
padding: 8px;
display: flex;
flex-wrap: wrap;
-
-
- Choose some interests!
+