mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2024-12-17 17:20:21 +01:00
new website (#1307)
* nav in process
* edited web.yml
* navbar issue fixed
* added theme switcher
* added privacy matters section
* added features section
* updated nav padding
* added network section
* improved sidebar dark mode colors
* added footer
* simplex private section added
* added some improvements
* nav issue fixed
* simplex unique section added
* a small fix
* added overlay & data to some sections
* added overlay to simplex unique section
added some improvements to other sections too
* added a small fix
* updated CNAME
* markdown files for why simplex is unique
* Revert "markdown files for why simplex is unique"
This reverts commit ef728218f7.
* added hero section
* added comparison and simplex explained section
* added blogs page
* added articles page
* a small fix in hero section
* added contact page
* updated contact
* created files for overlay content
* a light update
* hero animation
* working on hero
* added responsiveness for mobile
* a quick fix
* added responsiveness to tablet screen
* added responsiveness for desktop screen on hero section
* switch theme of hero
* nav color update
* set comparisons sections
* switch theme of comparisons section
* added responsiveness in simplex explained section
* add logic to simplex explained
* added theme switcher to simplex explained
* manage join simplex section
* update what makes simplex private
* a quick update
* add improvements
* a bit update
* add improvements
* texts for why privacy matters section
* update headers
* texts for "why unique" and "features" sections
* EOLs
* update swipers
* update & add transitions to simplex unique section
* updated overlays
* increase the size of cross on overlays
* add overlays to hero
* website: texts for "private" and "explained" sections (#5)
* website: texts for "private" section
* texts for simplex explained
* blog previews and images (#6)
* blog previews and images
* text for dark mode
* add link style
* add overlay to -> unlike p2p networks
* add picture with blue arrows to simplex explained
* update blog list layout
* remove extra css
* bigger navigation circles & center positions
* make bullets (dots) bigger
* make private scroll thicker
* update hero & footer mobile download btns
* fix dark mode animation files (#7)
* improved contrast for light animation in hero section (#8)
* remove old animation
* Made Hero Pixel Perfect to Desktop
* texts in hero section overlays (#10)
* texts in hero section overlays
* replace hero video
* eol
* update footer links (#11)
* update footer links
* eol
* texts, links, fix layout (#12)
* mailchimp form (#13)
* site meta tags (#14)
* site meta tags
* update blog og:url
* amend texts
* font
* update text
* contact page
* Making things Polished in Hero (#15)
* Made Video Responsive on Tablet
* Fixed the issues
* remove extra files for home & contact page
* update invitation
* refactoring
* fix nav for dark
* quick fix
* update blog list layout
* refactoring
* disable inactive nav circles
* contact page
* fix mobile
* detect platform & show btns according to it
* contact & invitation page setting
* complete contact/invitation page
* create variables for download btns
* fixes for hero - for tablet & mobile
* update hero layout
* update footer layout
* increase the size of logo in navbar
* updated nav & footer logos
* add links to join simplex section
* text for p2p networks section
* text on contact page about link
* add touchstart handler to close popup
* update APK links
* update CNAME
Co-authored-by: M Sarmad Qadeer <MSarmadQadeer@gmail.com>
Co-authored-by: Ojas Shukla <54703305+whizzbbig@users.noreply.github.com>
This commit is contained in:
Evgeny Poberezkin
committed by
GitHub
GitHub
parent
dd9e94eefd
commit
fa5a70cd19
+132
-8
@@ -1,8 +1,132 @@
|
||||
// console.log(window.location.href)
|
||||
// if(window.location.href.includes('comparison')){
|
||||
// console.log('Comparison');
|
||||
// document.querySelector('.comparison-nav-btn').classList.add('nav-button-active');
|
||||
// }
|
||||
// else if(window.location.href.includes('blog')){
|
||||
// document.querySelector('.blog-nav-btn').classList.add('nav-button-active');
|
||||
// }
|
||||
const uniqueSwiper = new Swiper('.unique-swiper', {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 80,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
direction: 'horizontal',
|
||||
pagination: {
|
||||
el: '.simplex-unique-swiper-pagination',
|
||||
clickable: true,
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.unique-swiper-button-next',
|
||||
prevEl: '.unique-swiper-button-prev',
|
||||
},
|
||||
});
|
||||
|
||||
const privateSwiper = new Swiper('.private-swiper', {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// },
|
||||
|
||||
direction: 'horizontal',
|
||||
scrollbar: {
|
||||
el: ".swiper-scrollbar",
|
||||
dragSize: 100,
|
||||
},
|
||||
|
||||
navigation: {
|
||||
nextEl: '.private-swiper-button-next',
|
||||
prevEl: '.private-swiper-button-prev',
|
||||
},
|
||||
|
||||
breakpoints: {
|
||||
1280: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
}
|
||||
},
|
||||
});
|
||||
|
||||
const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 80,
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// disableOnInteraction: false,
|
||||
// },
|
||||
direction: "horizontal",
|
||||
pagination: {
|
||||
el: ".simplex-explained-swiper-pagination",
|
||||
clickable: true
|
||||
}
|
||||
});
|
||||
|
||||
function closeOverlay (e) {
|
||||
e.target.closest('.overlay').classList.remove('flex');
|
||||
e.target.closest('.overlay').classList.add('hidden');
|
||||
document.body.classList.toggle('lock-scroll');
|
||||
}
|
||||
|
||||
window.addEventListener('click', clickHandler)
|
||||
window.addEventListener('touchstart', clickHandler)
|
||||
|
||||
function clickHandler(e) {
|
||||
console.log(e)
|
||||
e.stopPropagation()
|
||||
if (e.target.closest('.card')) {
|
||||
e.target.closest('.card').classList.toggle('card-active');
|
||||
e.target.closest('.card').classList.toggle('no-hover');
|
||||
}
|
||||
|
||||
// ---------------For Overlay--------------------
|
||||
else if (e.target.closest('.close-overlay-btn')) {
|
||||
closeOverlay(e);
|
||||
}
|
||||
else if (e.target.closest('.overlay-card')) {
|
||||
return;
|
||||
}
|
||||
else if (e.target.closest('.overlay')) {
|
||||
closeOverlay(e);
|
||||
}
|
||||
else if (e.target.closest('.open-overlay-btn')) {
|
||||
let id = e.target.closest('.open-overlay-btn').dataset.showOverlay;
|
||||
let overlay = document.getElementById(id);
|
||||
overlay.classList.remove('hidden');
|
||||
overlay.classList.add('flex');
|
||||
document.body.classList.toggle('lock-scroll');
|
||||
}
|
||||
// -----------------------------------------------
|
||||
// ---------- For Contact & Invitation Page tabs
|
||||
else if(e.target.closest('.contact-tab-btn')){
|
||||
e.target.closest('.contact-tab').classList.toggle('active')
|
||||
}
|
||||
}
|
||||
|
||||
const isMobile = {
|
||||
Android: () => navigator.userAgent.match(/Android/i),
|
||||
iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i)
|
||||
};
|
||||
|
||||
window.addEventListener('load', () => {
|
||||
const googlePlayBtn = document.querySelector('.google-play-btn');
|
||||
const appleStoreBtn = document.querySelector('.apple-store-btn');
|
||||
const fDroidBtn = document.querySelector('.f-droid-btn');
|
||||
if(!googlePlayBtn || !appleStoreBtn || !fDroidBtn) return;
|
||||
|
||||
|
||||
if (isMobile.Android()) {
|
||||
googlePlayBtn.classList.remove('hidden');
|
||||
fDroidBtn.classList.remove('hidden');
|
||||
}
|
||||
else if (isMobile.iOS()) {
|
||||
appleStoreBtn.classList.remove('hidden');
|
||||
}
|
||||
else {
|
||||
appleStoreBtn.classList.remove('hidden');
|
||||
googlePlayBtn.classList.remove('hidden');
|
||||
fDroidBtn.classList.remove('hidden');
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user