dtookey
/
Engine_Rebuild
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Worked on category descriptions and appearance

Browse Source
pull/2/head
Rebecca Hollis 5 years ago
parent de9910ca3d
commit 2d0129ba04
6 changed files with 131 additions and 113 deletions
Show Stats Download Patch File Download Diff File

207
src/assets/conf/resources-landing-page.json
Unescape Escape View File

@ -1,80 +1,74 @@
{ {
"grid-container": { "grid-container": {
"Category1": {
"description": "Project management, clients, invoicing, data",
"Human-Resources": {
"description": "Policies, recruitment, on-boarding, benefits, compensation",
"cards": [ "cards": [
{ {
"title": "Clarity", "title": "Paycor",
"description": "Clarity project management software is used to create, track, review and bill field-engineering projects, start to finish.", "description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.",
"imagePath": "clarity-icon-100x100.png", "imagePath": "paycor-logo3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://www.paycor.com/",
"altText": "Clarity image" "altText": "Paycor logo"
}, },
{ {
"title": "Project Insight", "title": "Swag Store",
"description": "Structural Engineering Design uses this project management software to centralize the group's work, tasks and projects.", "description": "Buy polo shirts and other logo gear here. Costs are deducted from your paycheck, or you can apply Funny Money.",
"imagePath": "project-insight-logo6-100x100.png", "imagePath": "swag-store-icon-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "Project Insight logo" "altText": "Store image"
}, },
{ {
"title": "Deltek", "title": "Employee Handbook",
"description": "Project intelligence, management and collaboration software helps maximize productivity and revenue.", "description": "View this document to learn about the company’s policies related to employment, including pay and benefits.",
"imagePath": "deltek-logo-black.png", "imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "Deltek logo" "altText": "PDF icon"
}, },
{ {
"title": "Procore", "title": "Direct Deposit",
"description": "Streamline billing. Administrators for field engineering projects use Procore software for invoice collection, review and approval.", "description": "Would you like have your paychecks deposited into your bank account? Fill out this form and submit it to HR.",
"imagePath": "procore-logo-100x100.png", "imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "Procore logo" "altText": "PDF icon"
}, },
{ {
"title": "Client W-9 Form", "title": "NC-4EZ Form",
"description": "A W-9 form is required by JDSfaulkner so that the company can file an information return with the IRS.", "description": "Complete this form so that JDSfaulkner can withhold the correct amount of state income tax from your pay.",
"imagePath": "pdf-icon3-100x100.png", "imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "PDF icon" "altText": "PDF icon"
}
]
},
"Category2": {
"description": "Work tools, e-mail, calendar, cloud storage",
"cards": [
{
"title": "Gmail",
"description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.",
"imagePath": "gmail-logo2-100x100.png",
"urlText": "https://mail.google.com",
"altText": "Gmail logo"
}, },
{ {
"title": "Workplace", "title": "Employment Application",
"description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.", "description": "Would you or someone you know like to apply for a position at JDSfaulkner? Submit this application to HR.",
"imagePath": "workplace-logo3-100x100.png", "imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "Workplace logo" "altText": "PDF icon"
}, },
{ {
"title": "Google Workspace", "title": "Drafting Quiz",
"description": "This suite of Google products includes Gmail, Calendar, Meet, Chat, Drive, Docs, Sheets, Slides, Forms and more.", "description": "Click here to access a prequalifying quiz that is a requirement for those applying for drafting positions.",
"imagePath": "google-logo2-100x100.png", "imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "Google Workspace logo" "altText": "Preview image"
}, },
{ {
"title": "Dropbox", "title": "W-4 Form",
"description": "The Structural Engineering Design department stores most of its files and folders in the Dropbox cloud-based system.", "description": "Fill out this form and submit to HR so that the company can withhold the correct federal income tax from your pay.",
"imagePath": "dropbox-logo3-100x100.png", "imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "Dropbox logo" "altText": "PDF icon"
} }
] ]
}, },
"Category3": {
"description": "Marketing, client-facing media, publications",
"Marketing": {
"description": "Client-facing media, publications, public relations, advertising",
"cards": [ "cards": [
{ {
"title": "JDSfaulkner.com", "title": "JDSfaulkner.com",
@ -120,69 +114,45 @@
} }
] ]
}, },
"Category4": {
"description": "HR, policies, on-boarding, benefits, payroll",
"Productivity": {
"description": "Work tools, e-mail, calendar, cloud storage",
"cards": [ "cards": [
{ {
"title": "Paycor", "title": "Gmail",
"description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.", "description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.",
"imagePath": "paycor-logo3-100x100.png", "imagePath": "gmail-logo2-100x100.png",
"urlText": "https://www.paycor.com/", "urlText": "https://mail.google.com",
"altText": "Paycor logo" "altText": "Gmail logo"
},
{
"title": "Swag Store",
"description": "Buy polo shirts and other logo gear here. Costs are deducted from your paycheck, or you can apply Funny Money.",
"imagePath": "swag-store-icon-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "Store image"
},
{
"title": "Employee Handbook",
"description": "View this document to learn about the company’s policies related to employment, including pay and benefits.",
"imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "PDF icon"
},
{
"title": "Direct Deposit",
"description": "Would you like have your paychecks deposited into your bank account? Fill out this form and submit it to HR.",
"imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "PDF icon"
},
{
"title": "NC-4EZ Form",
"description": "Complete this form so that JDSfaulkner can withhold the correct amount of state income tax from your pay.",
"imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "PDF icon"
}, },
{ {
"title": "Employment Application", "title": "Workplace",
"description": "Would you or someone you know like to apply for a position at JDSfaulkner? Submit this application to HR.", "description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.",
"imagePath": "pdf-icon3-100x100.png", "imagePath": "workplace-logo3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "PDF icon" "altText": "Workplace logo"
}, },
{ {
"title": "Drafting Quiz", "title": "Google Workspace",
"description": "Click here to access a prequalifying quiz that is a requirement for those applying for drafting positions.", "description": "This suite of Google products includes Gmail, Calendar, Meet, Chat, Drive, Docs, Sheets, Slides, Forms and more.",
"imagePath": "pdf-icon3-100x100.png", "imagePath": "google-logo2-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "Preview image" "altText": "Google Workspace logo"
}, },
{ {
"title": "W-4 Form", "title": "Dropbox",
"description": "Fill out this form and submit to HR so that the company can withhold the correct federal income tax from your pay.", "description": "The Structural Engineering Design department stores most of its files and folders in the Dropbox cloud-based system.",
"imagePath": "pdf-icon3-100x100.png", "imagePath": "dropbox-logo3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com", "urlText": "https://jdsfaulkner.workplace.com",
"altText": "PDF icon" "altText": "Dropbox logo"
} }
] ]
}, },
"Category5": {
"description": "Career growth, company procedures, helpful references",
"Training": {
"description": "Career growth, skills development, online courses, procedures, manuals, references",
"cards": [ "cards": [
{ {
"title": "Learning Center", "title": "Learning Center",
@ -199,6 +169,51 @@
"altText": "ASTM logo" "altText": "ASTM logo"
} }
] ]
},
"Workflow": {
"description": "Project management, assignments, status, client information, invoicing, data, engineering reports",
"cards": [
{
"title": "Clarity",
"description": "Clarity project management software is used to create, track, review and bill field-engineering projects, start to finish.",
"imagePath": "clarity-icon-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "Clarity image"
},
{
"title": "Project Insight",
"description": "Structural Engineering Design uses this project management software to centralize the group's work, tasks and projects.",
"imagePath": "project-insight-logo6-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "Project Insight logo"
},
{
"title": "Deltek",
"description": "Project intelligence, management and collaboration software helps maximize productivity and revenue.",
"imagePath": "deltek-logo-black.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "Deltek logo"
},
{
"title": "Procore",
"description": "Streamline billing. Administrators for field engineering projects use Procore software for invoice collection, review and approval.",
"imagePath": "procore-logo-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "Procore logo"
},
{
"title": "Client W-9 Form",
"description": "A W-9 form is required by JDSfaulkner so that the company can file an information return with the IRS.",
"imagePath": "pdf-icon3-100x100.png",
"urlText": "https://jdsfaulkner.workplace.com",
"altText": "PDF icon"
}
]
} }
} }
} }

1
src/assets/pages/styles/test-resources-landing-page2.scss
Unescape Escape View File

@ -136,6 +136,7 @@ body {
padding-top: 3rem; padding-top: 3rem;
padding-bottom: 3rem; padding-bottom: 3rem;
background: primary; background: primary;
color: navbartext
} }
.footer p { .footer p {

1
src/assets/pages/styles/theme-dark.scss
Unescape Escape View File

@ -21,6 +21,7 @@ $theme-colors: (
"paragraphtextcolor": #808080, "paragraphtextcolor": #808080,
"paragraphtextcolorhover":#202022, "paragraphtextcolorhover":#202022,
"themebuttonoutline": #414144, "themebuttonoutline": #414144,
"categorybox": #707070
); );
.theme-button{ .theme-button{

1
src/assets/pages/styles/theme-light.scss
Unescape Escape View File

@ -21,6 +21,7 @@ $theme-colors: (
"paragraphtextcolor": #434344, "paragraphtextcolor": #434344,
"paragraphtextcolorhover":#ffffff, "paragraphtextcolorhover":#ffffff,
"themebuttonoutline": #434344, "themebuttonoutline": #434344,
"categorybox": #ffffff
); );
.theme-button{ .theme-button{

24
src/assets/pages/test-resources-landing-page2.html
Unescape Escape View File

@ -49,33 +49,33 @@
</h6> </h6>
<ul class="nav flex-column mb-2 ml-4"> <ul class="nav flex-column mb-2 ml-4">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-sidebartext" href="#Category1-collapser"> <a class="nav-link text-sidebartext" href="#Human-Resources-collapser">
<span data-feather="list-ul"></span> <span data-feather="list-ul"></span>
Project management, clients, invoicing, data Human Resources
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-sidebartext" href="#Category2-collapser"> <a class="nav-link text-sidebartext" href="#Marketing-collapser">
<span data-feather="list-ul"></span> <span data-feather="list-ul"></span>
Work tools, e-mail, calendar, cloud storage Marketing
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-sidebartext" href="#Category3-collapser"> <a class="nav-link text-sidebartext" href="#Productivity-collapser">
<span data-feather="list-ul"></span> <span data-feather="list-ul"></span>
Marketing, client-facing media, publications Productivity
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-sidebartext" href="#Category4-collapser"> <a class="nav-link text-sidebartext" href="#Training-collapser">
<span data-feather="list-ul"></span> <span data-feather="list-ul"></span>
HR, policies, onboarding, benefits, payroll Training
</a> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-sidebartext" href="#Category5-collapser"> <a class="nav-link text-sidebartext" href="#Workflow-collapser">
<span data-feather="list-ul"></span> <span data-feather="list-ul"></span>
Career growth, company procedures, helpful references Workflow
</a> </a>
</li> </li>
</ul> </ul>

6
src/assets/views/card-category.mustache
Unescape Escape View File

@ -1,8 +1,8 @@
<html lang="en"> <html lang="en">
<div> <div>
<div id="{{{category-id}}}-collapser" style="background-color:grey;"> <div id="{{{category-id}}}-collapser" style="background-color:#a3a3a3;">
<h1>{{{category-id-clean}}}</h1> <br/> <h4>{{{category-id-clean}}}</h4> <br/>
<p class="text-white align-self-center">{{{category-description}}}</p> <p class="text-#ffffff align-self-center">{{{category-description}}}</p>
</div> </div>
<br> <br>
<div id="{{{category-id}}}-container" class="{{{category-id}}}-collapse no-overflow row" style="display:none;"></div> <div id="{{{category-id}}}-container" class="{{{category-id}}}-collapse no-overflow row" style="display:none;"></div>

Write Preview
Loading…
Cancel
Save