From 0cf3955254f471f66368468a1498efaba96107d3 Mon Sep 17 00:00:00 2001 From: Kushagra Gour Date: Sat, 10 Feb 2018 20:12:45 +0530 Subject: [PATCH] add support developer link --- src/index.html | 8 ++++++++ src/partials/pledge-modal.html | 28 +++++++++++++++++++++++++++ src/patreon.png | Bin 0 -> 6579 bytes src/paypal-logo.png | Bin 0 -> 4196 bytes src/script.js | 9 +++------ src/style.css | 34 +++++++++++++++++++++++++++++++++ 6 files changed, 73 insertions(+), 6 deletions(-) create mode 100644 src/partials/pledge-modal.html create mode 100644 src/patreon.png create mode 100644 src/paypal-logo.png diff --git a/src/index.html b/src/index.html index a290e4d..999cc0b 100644 --- a/src/index.html +++ b/src/index.html @@ -285,6 +285,10 @@ + + Support the developer + + @@ -372,6 +376,10 @@ + +
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 @@ + + + + + + +
+

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). +

+
+ + +
OR
+ + +
+
\ No newline at end of file diff --git a/src/patreon.png b/src/patreon.png new file mode 100644 index 0000000000000000000000000000000000000000..5443ec96319d128bc1f2c8cf348f97c4565c5cc1 GIT binary patch literal 6579 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 literal 0 HcmV?d00001 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 {