Skip to content

Commit

Permalink
minor corrections
Browse files Browse the repository at this point in the history
  • Loading branch information
Matthew Benchimol committed Dec 20, 2024
1 parent 6d204b0 commit 6257b38
Show file tree
Hide file tree
Showing 3 changed files with 92 additions and 15 deletions.
18 changes: 9 additions & 9 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,12 +32,12 @@
<div id="menu" class="menu">
<div class="menu-entry">
<span class="menu-explainer">Curated News Business</span>
<p id="menu-explainer-text" class="menu-explainer-text">Helps prospective employees, partners, and journalists get transparent information about our service that is unrelated to our core product.</p>
<p id="menu-explainer-text" class="menu-explainer-text">Helps prospective employees, partners, and journalists get transparent information about our service that is unrelated to our core product.<br><br>Verify page affiliation.<br><a href="https://curatednews.xyz/curatedverification">curatednews.xyz/curatedverification</a></p>
</div>
<a href="index.html" data-label="Get a brief rundown on our service so you can better understand how we do what we do." class="menu-link">About</a>
<a href="https://careers.curatednewsbusiness.xyz/" data-label="Want to work for Curated News? See how we recruit and apply for jobs via our employment portal." class="menu-link">Careers</a>
<a id="mobile-careers-page" href="https://careers.curatednewsbusiness.xyz/" data-label="Want to work for Curated News? See how we recruit and apply for jobs via our employment portal." class="menu-link">Careers</a>
<a href="https://curatednews.xyz/" data-label="Check out our consumer site to see our service and learn how we operate." class="menu-link">Consumers</a>
<a href="https://partners.curatednewsbusiness.xyz/" data-label="Become a partner so you can utilize Curated News' ecosystem to empower your company priorities." class="menu-link">Partnerships</a>
<a id="mobile-partners-page" href="https://partners.curatednewsbusiness.xyz/" data-label="Become a partner so you can utilize Curated News' ecosystem to empower your company priorities." class="menu-link">Partnerships</a>
</div>
<div id="side-menu" class="side-menu large-screens-remove-it">
<select name="theme-mode-mobile" id="theme-mode-mobile" class="header-theme-selection">
Expand Down Expand Up @@ -93,7 +93,7 @@
</span>
<div class="logo phone-mobile-remove-it">
<!--<img class="logo-image" src="https://curatednews.xyz/static/images/logo.png">-->
<h1 class="logo-text"><a href="https://curatednews.xyz/" title="Visit our product.">curatednews.xyz</a> for business <i class="fa fa-check" aria-hidden="true"><a id="logo-explainer" class="logo-explainer" href="https://curatednews.xyz/curatedverification/" title="Verify this domain is ours.">curated verified&nbsp;</a></i></h1>
<h1 class="logo-text"><a href="https://curatednews.xyz/" title="Visit our product.">curatednews.xyz</a> for business <i class="fa fa-check" aria-hidden="true"><a id="logo-explainer" class="logo-explainer" href="https://curatednews.xyz/curatedverification" title="Verify this domain is ours.">curated verified&nbsp;</a></i></h1>
</div>
<select name="theme-mode" id="theme-mode" class="header-theme-selection phone-mobile-remove-it">
<option value="dark-mode">Dark</option>
Expand All @@ -112,8 +112,8 @@ <h1 id="curated-business-slogan">News is our business.</h1>
<div id="dropdown-menu-container" class="dropdown-menu-container">
<div class="dropdown-menu">
<a href="index.html" title="Get a brief rundown on our service so you can better understand how we do what we do.">About</a>
<a href="https://careers.curatednewsbusiness.xyz/" title="Want to work for Curated News? See how we recruit and apply for jobs via our employment portal.">Careers</a>
<a href="https://partners.curatednewsbusiness.xyz/" title="Become a partner so you can utilize Curated News' ecosystem to empower your company priorities.">Partnerships</a>
<a id="desktop-careers-page" href="https://careers.curatednewsbusiness.xyz/" title="Want to work for Curated News? See how we recruit and apply for jobs via our employment portal.">Careers</a>
<a id="desktop-partners-page" href="https://partners.curatednewsbusiness.xyz/" title="Become a partner so you can utilize Curated News' ecosystem to empower your company priorities.">Partnerships</a>
</div>
</div>
<header id="header-actual">
Expand Down Expand Up @@ -217,8 +217,8 @@ <h1 id="curated-business-slogan">News is our business.</h1>
<div>
<a>Business</a>
<a href="https://curatednewsbusiness.xyz">Curated Business</a>
<a href="https://careers.curatednewsbusiness.xyz">Curated Careers</a>
<a href="https://partners.curatednewsbusiness.xyz">Curated Partnerships</a>
<a id="navigation-careers-page" href="https://careers.curatednewsbusiness.xyz">Curated Careers</a>
<a id="navigation-partners-page" href="https://partners.curatednewsbusiness.xyz">Curated Partnerships</a>
</div>
</div>
<div class="footer-sitemap">
Expand All @@ -237,7 +237,7 @@ <h1 id="curated-business-slogan">News is our business.</h1>
<div class="footer-sitemap">
<div>
<a>Socials</a>
<a href="https://www.facebook.com/theofficialcuratednews/">Facebook</a>
<a href="https://www.facebook.com/theofficialcuratednews">Facebook</a>
<a href="https://www.linkedin.com/company/curatednews">LinkedIn</a>
<a href="https://github.com/CuratedNews">Github</a>
<a href="https://curatednews.xyz/curatedupdates.rss">RSS</a>
Expand Down
51 changes: 48 additions & 3 deletions static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,9 +54,10 @@ html{
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
height: calc(100vh - 30px);
background-color: #282828;
transform: translateY(-15%);
overflow-y: hidden;
}
.body-redirect .body-redirect-inner-container{
display: flex;
Expand Down Expand Up @@ -927,6 +928,12 @@ html{
margin-right: 20px;
padding: 30px;
}
.full-page-modal .full-page-modal-close i{
font-size: x-large;
}
.full-page-modal .full-page-modal-close i:hover, .full-page-modal .full-page-modal-close i:active{
opacity: 0.8;
}
.full-page-modal .full-page-modal-inner-container{
display: flex;
flex-flow: column;
Expand Down Expand Up @@ -1030,6 +1037,10 @@ html{
@media (min-width: 600px) {
}
@media (max-width: 600px) {
.body-redirect .body-redirect-inner-container{
background-color: #282828;
border: none;
}
.header-theme-selection{
height: auto;
}
Expand All @@ -1041,6 +1052,7 @@ html{
}
.body{
padding: 10px !important;
height: 100%;
}
.menu .menu-link{
background-color: #3a3b3d;
Expand Down Expand Up @@ -1080,7 +1092,7 @@ html{
}
.login-form-container{
width: 100%;
height: auto;
height: 100%;
align-self: start;
}
.login-form-container .login-form img{
Expand Down Expand Up @@ -1108,10 +1120,37 @@ html{
.full-page-modal .full-page-modal-inner-container{
margin: 0;
padding-top: 0;
padding-left: 3px;
padding-right: 3px;
padding-bottom: 20px;
}
.full-page-modal .full-page-modal-close{
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
}
.full-page-modal .full-page-modal-inner-container .full-page-modal-title{
font-size: 24px;
padding-left: 10px;
font-weight: 300;
}
.full-page-modal .full-page-modal-inner-container h4{
margin-left: 0;
font-weight: 300;
}
.full-page-modal .full-page-modal-inner-container div{
margin-left: 0;
}
.login-form-container .login-form .login-submit-button{
max-width: unset !important;
width: calc(100% - 60px) !important;
margin-bottom: 20px;
}
.login-form-container .login-form .notice-addendum{
margin-bottom: 20px;
}
.menu div .menu-explainer-text a{
font-size: 12px;
}
}
@media (max-width: 800px) {
Expand All @@ -1128,12 +1167,17 @@ html{
width: 100%;
}
.login-form-container .login-form .login-submit-button{
position: relative;
left: 30px;
width: 100%;
max-width: unset;
max-width: 500px;
margin-left: 0;
align-self: start;
padding-left: 10px;
}
.login-form-container .login-form .notice-addendum{
max-width: unset;
width: calc(100% - 60px) !important;
}
.login-form-container .login-form .need-account{
max-width: unset;
Expand All @@ -1155,6 +1199,7 @@ html{
}
.login-form-container{
width: 100%;
padding: 0;
}
}
@media (min-width: 950px) {
Expand Down
38 changes: 35 additions & 3 deletions static/js/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -74,6 +74,7 @@ menuButton.addEventListener("click", function() {
menuIcon.classList.add("fa-arrow-left");
const loginButton = document.getElementById("login-button");
loginButton.style.display = "none";
menu.style.overflow = "hidden";
menuStatus = true;
} else {
menu.style.left = "-70%"
Expand All @@ -82,6 +83,7 @@ menuButton.addEventListener("click", function() {
menuIcon.classList.add("fa-bars");
const loginButton = document.getElementById("login-button");
loginButton.style.display = "block";
menu.style.overflow = "auto";
menuStatus = false;
}
});
Expand All @@ -95,12 +97,25 @@ if(time>openingHour && time<closingHour){
if(loginMenuStatus == false){
loginMenu.style.bottom = "0";
loginButton.innerHTML = '<i class="fa fa-arrow-down" aria-hidden="true"></i>';
menuIcon.style.display = "none";
loginButton.style.height = "auto";
loginButton.style.backgroundColor = "transparent";
loginButton.style.border = "none";
menuButton.style.display = "none";
menuButton.style.cssText = "display: none !important;";
loginMenuStatus = true;
} else {
loginMenu.style.bottom = "-100%"
loginButton.innerHTML = "Login";
menuIcon.style.display = "block";
if(savedTheme.includes("light-mode")){
loginButton.style.backgroundColor = "#EEEEEE";
menuButton.style.backgroundColor = "#EEEEEE";
} else {
loginButton.style.backgroundColor = "";
menuButton.style.backgroundColor = "";
}
loginButton.style.height = "";
loginButton.style.border = "";
menuButton.style.display = "";
loginMenuStatus = false;
}
})
Expand Down Expand Up @@ -218,7 +233,7 @@ function makeModal(title, message, html) {
modalDiv.id = "modal";
modalDiv.innerHTML = `
<div id="full-page-modal" class="full-page-modal">
<span id="full-page-modal-close" class="full-page-modal-close">Close</span>
<span id="full-page-modal-close" class="full-page-modal-close"><i class="fa fa-times" aria-hidden="true"></i></span>
<div class="full-page-modal-inner-container">
<h1 id="full-page-modal-title" class="full-page-modal-title"><i class="fa fa-hashtag" aria-hidden="true"></i> ${title}</h1>
<h4>${message}</h4>
Expand Down Expand Up @@ -454,4 +469,21 @@ function makeModal(title, message, html) {
}
localStorage.setItem('theme', themeValue);
}
}
setMenuRedirects();
function setMenuRedirects(){
//temporarily set to under construction page
const mobileCareersLink = document.getElementById("mobile-careers-page");
const mobilePartnersLink = document.getElementById("mobile-partners-page");
const desktopCareersLink = document.getElementById("desktop-careers-page");
const desktopPartnersLink = document.getElementById("desktop-partners-page");
const navigationCareersLink = document.getElementById("navigation-careers-page");
const navigationPartnersLink = document.getElementById("navigation-partners-page");

mobileCareersLink.setAttribute("href", "https://curatednewsbusiness.xyz/construction");
mobilePartnersLink.setAttribute("href", "https://curatednewsbusiness.xyz/construction");
desktopCareersLink.setAttribute("href", "https://curatednewsbusiness.xyz/construction");
desktopPartnersLink.setAttribute("href", "https://curatednewsbusiness.xyz/construction");
navigationCareersLink.setAttribute("href", "https://curatednewsbusiness.xyz/construction");
navigationPartnersLink.setAttribute("href", "https://curatednewsbusiness.xyz/construction");
}

0 comments on commit 6257b38

Please sign in to comment.