CINXE.COM
WorkLion – Penn State’s HR Portal
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>WorkLion – Penn State’s HR Portal</title> <link rel="shortcut icon" href="img/WorkLionfavicon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-TTY9QF4ZPV"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-TTY9QF4ZPV'); </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <style> body{ /* background-color: #011f46; */ margin-left:0; margin-right:0; } a{ all: unset; } a:hover{ all: unset; cursor: pointer; } h1{ font-size: 30px; } img{ max-width: 200px; width: 200px; } .WorklionSystems{ padding: 20px 0px; } .heading-title{ color:white; margin: 150px 0px 50px 0px; font-family: 'Roboto', sans-serif; font-size:30px; font-weight: 700; } .system{ border-radius: 30px; text-align: center; margin: 0 -14px; } .system:hover{ border-radius: 30px; margin-top: -15px; } .system .system-header{ padding: 10px 10px; border-radius: 30px 30px 0px 0px; background-color: #ccc; } .system .heading{ display: block; color: #000; font-weight: 700; text-transform: uppercase; font-size:18px; font-family: 'Roboto', sans-serif; } .system .system-description{ display:block; width:100%; height:200px; background-color: #fff; overflow:auto; } .system .system-description ul{ padding: 0; list-style: none; margin-bottom: 0; } .system .system-description ul li{ padding: 20px 5px; text-align: left; font-family: 'Roboto', sans-serif; } .sys_content { position: relative; width: 100%; } .image { } .overlay { position: absolute; top: 0; bottom: 0;ft: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #fff; } .sys_content:hover .overlay { opacity: 1; } .text { color: black; font-size: 20px; position: absolute; text-align: center; } .system-status-available{ background-color: #4A7729; width:100%; color: #fff; font-family: 'Roboto', sans-serif; font-size:18px; border-radius: 0px 0px 30px 30px; } .system-status-unavailable{ background-color: #ff0000; width:100%; color: #fff; font-family: 'Roboto', sans-serif; font-size:18px; font-weight: 700; border-radius: 0px 0px 30px 30px; } .footer{ position: relative; bottom: 0px; padding: 30px; height: 2.5rem; /* Footer height */ text-align: center; color: white; font-family: 'Roboto', sans-serif; font-size: 14px; width: 100%; } @media screen and (max-width:990px){ .system{ margin-bottom: 30px; } } @media screen and (max-width:767px){ .system{ margin: 0 0 30px 0; } }@charset "utf-8"; /* CSS Document */ </style> </head> <body style="background: linear-gradient(rgba(0, 30, 68, 0), rgba(0, 30, 68, 0)), url(https://hr.psu.edu/sites/hr/files/styles/hero/public/2022-12/OldMainSpring2020-NavyGradient.jpg?h=76c7c60b&itok=X6fUhgC1) no-repeat fixed; background-size: cover; background-position: top;"> <div class="WorklionSystems"> <div class="container"> <div> <a href="https://hr.psu.edu/" class="header-logo"> <img src="img/HumanResourcesPsu.svg" alt="Nittany Lion Shield Penn State HR Mark" id="header-logo"> </a> </a> </div> <div class="row text-center"> <h1 class="heading-title">Penn State HR Central Resource Page</h4> </div> <div class="row justify-content-center"> <!--COMMENT OR UNCOMMENT THE APPROPRIATE ACHOR TAG (ID=AVAILABLE/UNAVAILABLE) TO MAKE THAT SYSTEM AVAILABLE OR UNAVAILABLE--> <div class="col-md-3 mx-2"> <!-- <a id="unavailable" href="#"> <div class="system"> <div class="system-header"> <span class="heading">Worklion Employee Portal</span> </div> <div class="system-description sys_content"> <img src="img/worklion.png" class="image" width="100%" height="100%" alt="WorkLion Employee Portal"/> <div class="overlay"> <div class="text"> The Worklion Employee Portal contains a collection of general HR information and resources, including an inquiry system to submit questions to HR Services. </div> </div> </div> <div class="system-status-unavailable"> Not Available </div> </div> </a> --> <a id="available" href="https://psuportal.neocaseonline.com/Default.aspx"> <div class="system"> <div class="system-header"> <span class="heading">Worklion Employee Portal</span> </div> <div class="system-description sys_content"> <img src="img/worklion.png" class="image" width="100%" height="100%" alt="WorkLion Employee Portal"/> <div class="overlay"> <div class="text"> The Worklion Employee Portal contains a collection of general HR information and resources, including an inquiry system to submit questions to HR Services. </div> </div> </div> <div class="system-status-available"> Available </div> </div> </a> </div> <div class="col-md-3 mx-2"> <!-- <a id="unavailable" href="#"> <div class="system"> <div class="system-header"> <span class="heading">Workday</span> </div> <div class="system-description sys_content"> <img src="img/workday.png" class="image" width="100%" height="100%" alt="WorkDay"/> <div class="overlay"> <div class="text"> Workday houses your individual employee account, including access to your timesheets, leave calendar, paystubs, benefit elections, etc. </div> </div> </div> <div class="system-status-unavailable"> Not Available </div> </div> </a> --> <a id="available" href="https://www.myworkday.com/psu/d/home.htmld"> <div class="system"> <div class="system-header"> <span class="heading">Workday</span> </div> <div class="system-description sys_content"> <img src="img/workday.png" class="image" width="100%" height="100%" alt="WorkDay"/> <div class="overlay"> <div class="text"> Workday houses your individual employee account, including access to your timesheets, leave calendar, paystubs, benefit elections, etc. </div> </div> </div> <div class="system-status-available"> Available </div> </div> </a> </div> <div class="col-md-3 mx-2"> <!-- <a id="unavailable" href="#""> <div class="system"> <div class="system-header"> <span class="heading">Learning Resource Network</span> </div> <div class="system-description sys_content"> <img src="img/idea.png" class="image" width="100%" height="100%" alt="Learning Resource Network"/> <div class="overlay"> <div class="text"> The Learning Resource Network is your access to a variety of online and in-person training opportunities. </div> </div> </div> <div class="system-status-unavailable"> Not Available </div> </div> </a> --> <a id="available" href="https://lrn.psu.edu"> <div class="system"> <div class="system-header"> <span class="heading">Learning Resource Network</span> </div> <div class="system-description sys_content"> <img src="img/idea.png" class="image" width="100%" height="100%" alt="Learning Resource Network"/> <div class="overlay"> <div class="text"> The Learning Resource Network is your access to a variety of online and in-person training opportunities. </div> </div> </div> <div class="system-status-available"> Available </div> </div> </a> </div> </div> </div> <div class="footer mt-5"> <p> <a href="https://www.psu.edu/web-privacy-statement">Privacy Statement</a> | <a href="https://policy.psu.edu/policies/ad85">Non Discrimination</a> | <a href="https://www.psu.edu/accessibilitystatement">Accessibility</a> | <a href="https://policy.psu.edu/policies/hr11">Equal Opportunity</a> | <a href="https://www.psu.edu/legal-statements">Legal Statements</a> <br><a href="http://www.psu.edu/">THE PENNSYLVANIA STATE UNIVERSITY</a> © 2023 </p> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script> </body> </html>