new start page
This commit is contained in:
100
NP_Startpage/index_copy(old).html
Normal file
100
NP_Startpage/index_copy(old).html
Normal file
@ -0,0 +1,100 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
|
||||
<script src="main.js"></script>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap');
|
||||
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300&display=swap');
|
||||
</style>
|
||||
<title>Northpass Starter Page</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="images/np-logo-emoji.png" type="image/icon" sizes="32x32">
|
||||
</head>
|
||||
<body>
|
||||
<img class="logo" src="images/NP-Logo-Primary-FC.png" alt="Northpass Logo">
|
||||
<div class="date">
|
||||
<p id="todaysDate"></p>
|
||||
</div>
|
||||
<div class="row"></div>
|
||||
<div class="grid" id="grid"></div>
|
||||
<div class="row" style="display: flex; align-items: center; justify-content:center">
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="card">
|
||||
<a href="https://app.northpass.com" onclick="window.open('https://app.northpass.com');
|
||||
window.open('https://getpixel.northpass.com/app');
|
||||
window.open('https://app.getpixel.io');
|
||||
window.open('https://www.northpass.com/blog/introducing-custom-templates');
|
||||
window.open('https://openacademy.compass.com/');
|
||||
window.open('https://academy.freshworks.com/');"
|
||||
target="_blank"><div class="card_header">
|
||||
<img class="icon" src="images/icons/NP-Peak-Pattern-Aurora-Sky.png" alt="B/G Peaks">
|
||||
 Demo Links  </div></a>
|
||||
<div class="row"></div>
|
||||
<a href="https://app.northpass.com" target="_self">Pixel Admin</a>
|
||||
<a href="https://getpixel.northpass.com/app" target="_self">Pixel Academy</a>
|
||||
<a href="https://app.getpixel.io" target="_self">Pixel app</a>
|
||||
<a href="https://www.northpass.com/blog/introducing-custom-templates" target="_self">Custom Templates</a>
|
||||
<a href="https://openacademy.compass.com/" target="_self">Compass</a>
|
||||
<a href="https://academy.freshworks.com/" target="_self">Freshworks</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="card">
|
||||
<div class="card_header">
|
||||
<img class="icon" src="images/icons/NP-Peak-Pattern-Aurora.png" alt="Green Peaks">
|
||||
 Tools  </div>
|
||||
<div class="row"></div>
|
||||
<a href="https://www.app.gong.io" target="_self">Gong</a>
|
||||
<a href="https://www.hubspot.com" target="_self">Hubspot</a>
|
||||
<a href="https://www.linkedin.com/sales/homepage" target="_self">Sales Nav</a>
|
||||
<a href="https://www.linkedin.com/home/feed" target="_self">LinkedIn</a>
|
||||
<a href="https://app.zoominfo.com" target="_self">Zoominfo</a>
|
||||
<a href="https://https://secure.vidyard.com/organizations/227416/library" target="_self">Vidyard</a>
|
||||
<a href="https://www.swagredeem.com/page/northpass" target="_self">Swag Box</a>
|
||||
<a href="https://northpass.atlassian.net/jira/software/projects/NORMPIPE/boards/50" target="_self">Jira Pipeline</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="card">
|
||||
<div class="card_header">
|
||||
<img class="icon" src="images/icons/NP-Peak-Pattern-Sky.png" alt="Blue Peak">
|
||||
 Internal  </div>
|
||||
<div class="row"></div>
|
||||
<a href="https://www.gmail.com" target="_self">Gmail</a>
|
||||
<a href="https://calendar.google.com" target="_self">Calendar</a>
|
||||
<a href="https://secure.zenefits.com/dashboard/#/" target="_self">Zenefits</a>
|
||||
<a href="https://northpass.latticehq.com/" target="_self">Growthpass</a>
|
||||
<a href="https://employeeuniversity.northpass.com/app" target="_self">Northpass University</a>
|
||||
<a href="https://northpass.na.chilipiper.com/meetings/home" target="_self">Chili Piper</a>
|
||||
<a href="https://northpass.atlassian.net/jira/software/projects/NORMPIPE/boards/50" target="_self">Jira Pipeline</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="card">
|
||||
<h5 class="card_header">
|
||||
<img class="icon" src="images/icons/NP-Peak-Pattern-White.png" alt="White Peak">
|
||||
 Dev Resources  </h5>
|
||||
<div class="row"></div>
|
||||
<a href="https://developers.northpass.com" target="_self">Dev Hub</a>
|
||||
<a href="https://support.northpass.com" target="_self">Support</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bottom_row"></div>
|
||||
</body>
|
||||
</html>
|
||||
<script>
|
||||
function getRandomSize(min, max) {
|
||||
return Math.floor(Math.random() * (max - min) + min);
|
||||
}
|
||||
var times = 7;
|
||||
for (var i = 0; i < times; i++) {
|
||||
var fileNumber = getRandomSize(1, 158);
|
||||
var imageName = "url('././images/northpass/northpass"+fileNumber+".jpg";
|
||||
var div = document.createElement('div');
|
||||
div.classList.add('item');
|
||||
div.style.backgroundImage = imageName;
|
||||
document.getElementById("grid").appendChild(div);
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user