diff --git a/src/partials/pledge-modal.html b/src/partials/pledge-modal.html
new file mode 100644
index 0000000..ec25d05
--- /dev/null
+++ b/src/partials/pledge-modal.html
@@ -0,0 +1,28 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/patreon.png b/src/patreon.png
new file mode 100644
index 0000000..5443ec9
Binary files /dev/null and b/src/patreon.png differ
diff --git a/src/paypal-logo.png b/src/paypal-logo.png
new file mode 100644
index 0000000..aab877a
Binary files /dev/null and b/src/paypal-logo.png differ
diff --git a/src/script.js b/src/script.js
index 31191e0..d115ee1 100644
--- a/src/script.js
+++ b/src/script.js
@@ -3,8 +3,8 @@
onboardModal, layoutBtn1, layoutBtn2, layoutBtn3, layoutBtn4, layoutBtn5, onboardModal,
onboardModal, addLibraryModal, addLibraryModal, notificationsBtn, notificationsModal,
notificationsModal, notificationsBtn, codepenBtn, saveHtmlBtn, saveBtn,
-onboardModal, settingsModal, notificationsBtn, onboardShowInTabOptionBtn, editorThemeLinkTag,
-onboardDontShowInTabOptionBtn, TextareaAutoComplete, savedItemCountEl, indentationSizeValueEl,
+onboardModal, settingsModal, notificationsBtn, editorThemeLinkTag, TextareaAutoComplete,
+savedItemCountEl, indentationSizeValueEl, pledgeModal
runBtn, searchInput, consoleEl, consoleLogEl, logCountEl, fontStyleTag, fontStyleTemplate,
customEditorFontInput, cssSettingsModal, cssSettingsBtn, acssSettingsTextarea,
globalConsoleContainerEl, externalLibrarySearchInput, keyboardShortcutsModal, headerAvatarImg,
@@ -688,6 +688,7 @@ loginModal, profileModal, profileAvatarImg, profileUserName, openItemsBtn
keyboardShortcutsModal.classList.remove('is-modal-visible');
loginModal.classList.remove('is-modal-visible');
profileModal.classList.remove('is-modal-visible');
+ pledgeModal.classList.remove('is-modal-visible');
toggleSavedItemsPane(false);
document.dispatchEvent(new Event('overlaysClosed'));
}
@@ -1415,13 +1416,9 @@ loginModal, profileModal, profileAvatarImg, profileUserName, openItemsBtn
};
scope.onShowInTabClicked = function onShowInTabClicked() {
- onboardDontShowInTabOptionBtn.classList.remove('selected');
- onboardShowInTabOptionBtn.classList.add('selected');
trackEvent('ui', 'onboardShowInTabClick');
};
scope.onDontShowInTabClicked = function onDontShowInTabClicked() {
- onboardDontShowInTabOptionBtn.classList.add('selected');
- onboardShowInTabOptionBtn.classList.remove('selected');
trackEvent('ui', 'onboardDontShowInTabClick');
};
diff --git a/src/style.css b/src/style.css
index 195216e..409c306 100644
--- a/src/style.css
+++ b/src/style.css
@@ -23,6 +23,9 @@ a {
color: crimson;
cursor: pointer;
}
+p {
+ line-height: 1.65;
+}
.hide {
display: none !important;
@@ -609,6 +612,9 @@ body > #demo-frame {
/* margin-lef.t: -300px; */
}
}
+.pledge-modal .modal__content {
+ max-width: 800px;
+}
.saved-items-pane {
position: fixed;
right: 0;
@@ -1139,6 +1145,34 @@ body:not(.is-app) .show-when-app {
display: none;
}
+.onboard-selection-wrap {
+ justify-content: center;
+ align-items: center;
+}
+.onboard-selection {
+ padding: 10px;
+ margin: 0 40px;
+ border-radius: 5px;
+ transition: 0.25s ease;
+ position: relative;
+ border: 1px solid transparent;
+}
+.onboard-selection:hover {
+ cursor: pointer;
+ transform: scale(1.15);
+}
+.onboard-selection.selected:after {
+ content: '';
+ position: absolute;
+ right: -20px;
+ bottom: 40px;
+ width: 80px;
+ height: 80px;
+ border-radius: 50%;
+ background: white
+ url('data:image/svg+xml;charset=UTF-8,');
+}
+
/* Codemirror themes basic bg styles. This is here so that there is no big FOUC
while the theme CSS file is loading */
.cm-s-paraiso-dark.CodeMirror {
Support the Developer
+Hi! Web Maker is a free and open-source project. To keep myself motivated for working on such open-source and free side projects, I am accepting donations. Your pledge, no matter how small, will act as an appreciation towards my work and keep me going forward, creating & maintaining more such useful projects. So please consider donating 🙏🏼 (could be as small as $1/month). +
+ +
+ 
+