diff --git a/src/assets/conf/resources-landing-page.json b/src/assets/conf/resources-landing-page.json index d4eb12e..a65a801 100644 --- a/src/assets/conf/resources-landing-page.json +++ b/src/assets/conf/resources-landing-page.json @@ -1,25 +1,278 @@ { - "grid-container": [ - { - "title": "Paycor", - "description": "Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application.", - "imagePath": "PaycorLogo2-Transparent_100x100.png", - "urlText": "https://www.paycor.com/", - "altText": "" + "grid-container": { + + + + "Human Resources": { + "description": "Policies, recruitment, onboarding, benefits and compensation", + "cards": [ + { + "title": "Paycor", + "description": "Track your time off, manage your benefits plans, and access pay stubs using this human-resources application.", + "imagePath": "paycor-logo3-100x100.png", + "urlText": "https://www.paycor.com/", + "altText": "Paycor logo" + }, + { + "title": "Swag Store", + "description": "Buy polo shirts and other logo gear here. Costs are deducted from Funny Money coupons or your paycheck.", + "imagePath": "swag-store-icon-100x100.png", + "urlText": "https://www.companycasuals.com/JDSfaulknerapparel/start.jsp", + "altText": "Store icon" + }, + { + "title": "Employee Handbook", + "description": "Read the handbook to learn about the company’s policies related to employment, including pay and benefits.", + "imagePath": "pdf-icon-100x100.png", + "urlText": "../resources/human-resources/JDSfaulkner-Emp-Handbook-v8.0.pdf", + "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-icon-100x100.png", + "urlText": "../resources/human-resources/2-Paycor_Direct_Deposit_Worksheet.pdf", + "altText": "PDF icon" + }, + { + "title": "NC-4EZ Form", + "description": "Submit this form to HR so that the correct amount of state income tax can be witheld from your paychecks.", + "imagePath": "tax-icon-100x100.png", + "urlText": "https://www.ncdor.gov/documents/employees-withholding-allowance-certificate-nc-4ez", + "altText": "tax icon" + }, + { + "title": "Employment Application", + "description": "Would you or someone you know like to apply for a position? JDSfaulkner is always accepting applications.", + "imagePath": "word-icon-100x100.png", + "urlText": "../resources/human-resources/Employment-Application.docx", + "altText": "Document icon" + }, + { + "title": "Drafting Quiz", + "description": "Click here to access a prequalifying quiz that is a requirement for those applying for drafting positions.", + "imagePath": "word-icon-100x100.png", + "urlText": "../resources/human-resources/JDSfaulknerDraftingQuiz_11-16-20a.docx", + "altText": "Document icon" + }, + { + "title": "W-4 Form", + "description": "Fill out this form and submit to HR so that the company can withhold the correct federal income tax from your pay.", + "imagePath": "tax-icon-100x100.png", + "urlText": "https://www.irs.gov/forms-pubs/about-form-w-4", + "altText": "tax icon" + }, + { + "title": "SRA", + "description": "A salary reduction agreement helps you to establish or change the part of your compensation that goes to an IRA.", + "imagePath": "pdf-icon-100x100.png", + "urlText": "../resources/human-resources/Notice-and-Agreement.pdf", + "altText": "PDF icon" + } + ] }, - { - "title": "Gmail", - "description": "Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage.", - "imagePath": "Gmail-Transparent_100x100.png", - "urlText": "https://mail.google.com", - "altText": "" + + + "Marketing": { + "description": "Client-facing media, publications, public relations and advertising", + "cards": [ + { + "title": "JDSfaulkner.com", + "description": "Our website conveys the company's value and convinces visitors to choose JDSfaulkner, all in the blink of an eye.", + "imagePath": "jdsfaulkner-small-icon.png", + "urlText": "https://jdsfaulkner.com/", + "altText": "JDSfaulkner brand mark" + }, + { + "title": "Salesforce", + "description": "Focus on the customer experience with the help of the Salesforce customer relationship management application.", + "imagePath": "salesforce-logo-100x100.png", + "urlText": "https://login.salesforce.com/", + "altText": "Salesforce logo" + }, + { + "title": "JDSfaulkner Brochure", + "description": "Share the company's brochure with existing and potential clients to showcase the value JDSfaulkner has to offer.", + "imagePath": "pdf-icon-100x100.png", + "urlText": "../resources/coming-soon.pdf", + "altText": "PDF icon" + }, + { + "title": "JDSfaulkner SOQ", + "description": "SOQs present the experience and capabilities that qualify JDSfaulkner to win contracts or new clients.", + "imagePath": "pdf-icon-100x100.png", + "urlText": "../resources/coming-soon.pdf", + "altText": "PDF icon" + }, + { + "title": "JDSfaulkner Logo - EPS", + "description": "Do you need to present the logo in your work? Here's an eps format to use in collateral and merchandise.", + "imagePath": "image-eps-icon.png", + "urlText": "../resources/marketing/JDS_faulkner_Logo.eps", + "altText": "Image icon" + }, + { + "title": "JDSfaulkner Logo - PNG", + "description": "Do you need to present the logo in your work? Here's a png format to use in collateral and merchandise.", + "imagePath": "image-png-icon.png", + "urlText": "../resources/marketing/JDS_faulkner_Logo.png", + "altText": "Image icon" + }, + { + "title": "Marketing Contacts", + "description": "Keep track of important contacts using this list of names, mailing and e-mail addresses, and phone numbers.", + "imagePath": "pdf-icon-100x100.png", + "urlText": "../resources/coming-soon.pdf", + "altText": "PDF icon" + }, + { + "title": "Facebook", + "description": "Through Facebook, the company connects with the community by sharing content and interacting with the public.", + "imagePath": "facebooklogogrey_100x100.png", + "urlText": "https://www.facebook.com/JDSfaulkner/", + "altText": "Facebook icon" + }, + { + "title": "LinkedIn", + "description": "JDSfaulkner maintains a presence on LinkedIn for professional networking, posting job openings and receiving resumes.", + "imagePath": "linkedinlogo_100x100.png", + "urlText": "https://www.linkedin.com/company/jds-consulting-&-design", + "altText": "LinkedIn icon" + } + ] }, - { - "title": "Workplace", - "description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.", - "imagePath": "WorkplaceLogo-Transparent_100x100.png", - "urlText": "https://jdsfaulkner.workplace.com", - "altText": "" + + + "Productivity": { + "description": "Basic work tools, e-mail, calendar, document applications and cloud storage", + "cards": [ + { + "title": "Gmail", + "description": "Access your company e-mail along with 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", + "description": "Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing.", + "imagePath": "workplace-logo3-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Workplace logo" + }, + { + "title": "Google Workspace", + "description": "This suite of Google products includes Gmail, Calendar, Meet, Chat, Drive, Docs, Sheets, Slides, Forms and more.", + "imagePath": "google-logo2-100x100.png", + "urlText": "https://myaccount.google.com/", + "altText": "Google Workspace logo" + }, + { + "title": "Dropbox", + "description": "The Structural Engineering Design department stores most of its files and folders in the Dropbox cloud-based system.", + "imagePath": "dropbox-logo3-100x100.png", + "urlText": "https://www.dropbox.com/login", + "altText": "Dropbox logo" + } + ] + }, + + + "Training": { + "description": "Career growth, skills development, online courses, manuals and references", + "cards": [ + { + "title": "Learning Center", + "description": "Visit your central location for e-learning, offering the flexibility to learn on your own schedule and at your own pace.", + "imagePath": "learning-center-icon4-100x100.png", + "urlText": "https://jdsfaulkner.workplace.com", + "altText": "Learning Center icon" + }, + { + "title": "ASTM Procedures", + "description": "Log in to this website for access to current ASTM procedures. Contact the CMT Manager for the login ID and password.", + "imagePath": "astm-logo3-100x100.png", + "urlText": "https://myastm.astm.org/", + "altText": "ASTM logo" + }, + { + "title": "Company Procedures", + "description": "Find out how to carry out specific tasks at JDSfaulkner in a manner that ensures company-wide consistency and quality.", + "imagePath": "learning-center-icon4-100x100.png", + "urlText": "https://learning.carolina.engineering/additional-resources/", + "altText": "Learning Center icon" + }, + { + "title": "Field Guide", + "description": "This quick-reference guide helps engineering technicians find helpful charts, tables and information.", + "imagePath": "learning-center-icon4-100x100.png", + "urlText": "https://learning.carolina.engineering/additional-resources/", + "altText": "Learning Center icon" + }, + { + "title": "CAD Tech Study Guide", + "description": "This guide presents lessons for drafters, each of which can help a drafter advance to CAD Tech II status.", + "imagePath": "learning-center-icon4-100x100.png", + "urlText": "https://learning.carolina.engineering/additional-resources/", + "altText": "Learning Center icon" + }, + { + "title": "Deltek University", + "description": "Increase your Deltek knowledge with courses designed to teach you how to use Deltek solutions.", + "imagePath": "deltek-logo-black.png", + "urlText":"https://www.deltek.com/en/support/deltek-university", + "altText": "Deltek logo" + } + ] + }, + + + "Workflow": { + "description": "Project management, task assignment and status, client information, invoicing and reports", + "cards": [ + { + "title": "Clarity", + "description": "Create, track, review and bill field-engineering projects, start to finish, with Clarity project management software.", + "imagePath": "clarity-icon-100x100.png", + "urlText": "https://learning.carolina.engineering/introduction-to-clarity/", + "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://jds.projectinsight.net/", + "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://www.deltek.com/en", + "altText": "Deltek logo" + }, + { + "title": "Procore", + "description": "Administrators for field engineering projects use Procore for collecting, reviewing and approving invoices.", + "imagePath": "ProcoreLogo2.png", + "urlText": "https://www.procore.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": "tax-icon-100x100.png", + "urlText": "https://www.irs.gov/forms-pubs/about-form-w-9", + "altText": "tax icon" + }, + { + "title": "Project Folders", + "description": "Access vital information about specific projects – from initial set-up to final delivery – in an accessible and central location.", + "imagePath": "project-folder-icon-100x100.png", + "urlText": "../resources/coming-soon.pdf", + "altText": "Project folder icon" + } + ] } - ] + } } \ No newline at end of file diff --git a/src/assets/documents/Employee Handbook/voicemail-and-vacation-responder.pdf b/src/assets/documents/Employee Handbook/voicemail-and-vacation-responder.pdf deleted file mode 100644 index 9f744a7..0000000 Binary files a/src/assets/documents/Employee Handbook/voicemail-and-vacation-responder.pdf and /dev/null differ diff --git a/src/assets/documents/Test.Word.Doc.docx b/src/assets/documents/Test.Word.Doc.docx deleted file mode 100644 index 45856e7..0000000 Binary files a/src/assets/documents/Test.Word.Doc.docx and /dev/null differ diff --git a/src/assets/documents/ZSort.Test.txt b/src/assets/documents/ZSort.Test.txt deleted file mode 100644 index ff15cec..0000000 --- a/src/assets/documents/ZSort.Test.txt +++ /dev/null @@ -1 +0,0 @@ -content! \ No newline at end of file diff --git a/src/assets/images/AdobeStock_107183629.jpeg b/src/assets/images/AdobeStock_107183629.jpeg deleted file mode 100644 index 5c0f400..0000000 Binary files a/src/assets/images/AdobeStock_107183629.jpeg and /dev/null differ diff --git a/src/assets/images/Asset4.png b/src/assets/images/Asset4.png new file mode 100644 index 0000000..ffc170c Binary files /dev/null and b/src/assets/images/Asset4.png differ diff --git a/src/assets/images/FilesImage_WebBanner_1800x600.png b/src/assets/images/FilesImage_WebBanner_1800x600.png deleted file mode 100644 index 10fac91..0000000 Binary files a/src/assets/images/FilesImage_WebBanner_1800x600.png and /dev/null differ diff --git a/src/assets/images/Gmail-Transparent_100x100.png b/src/assets/images/Gmail-Transparent_100x100.png deleted file mode 100644 index 44c1503..0000000 Binary files a/src/assets/images/Gmail-Transparent_100x100.png and /dev/null differ diff --git a/src/assets/images/GmailCircle_100x100.png b/src/assets/images/GmailCircle_100x100.png deleted file mode 100644 index 80effee..0000000 Binary files a/src/assets/images/GmailCircle_100x100.png and /dev/null differ diff --git a/src/assets/images/PaycorLogo2-Circle_100x100.png b/src/assets/images/PaycorLogo2-Circle_100x100.png deleted file mode 100644 index 31126fa..0000000 Binary files a/src/assets/images/PaycorLogo2-Circle_100x100.png and /dev/null differ diff --git a/src/assets/images/PaycorLogo2-Transparent_100x100.png b/src/assets/images/PaycorLogo2-Transparent_100x100.png deleted file mode 100644 index 95a187f..0000000 Binary files a/src/assets/images/PaycorLogo2-Transparent_100x100.png and /dev/null differ diff --git a/src/assets/images/ProcoreLogo2.png b/src/assets/images/ProcoreLogo2.png new file mode 100644 index 0000000..c1a312b Binary files /dev/null and b/src/assets/images/ProcoreLogo2.png differ diff --git a/src/assets/images/WorkplaceLogo-Circle_100x100.png b/src/assets/images/WorkplaceLogo-Circle_100x100.png deleted file mode 100644 index 0bdc137..0000000 Binary files a/src/assets/images/WorkplaceLogo-Circle_100x100.png and /dev/null differ diff --git a/src/assets/images/WorkplaceLogo-Transparent_100x100.png b/src/assets/images/WorkplaceLogo-Transparent_100x100.png deleted file mode 100644 index 69394aa..0000000 Binary files a/src/assets/images/WorkplaceLogo-Transparent_100x100.png and /dev/null differ diff --git a/src/assets/images/astm-logo3-100x100.png b/src/assets/images/astm-logo3-100x100.png new file mode 100644 index 0000000..2d8a295 Binary files /dev/null and b/src/assets/images/astm-logo3-100x100.png differ diff --git a/src/assets/images/chevron-down.svg b/src/assets/images/chevron-down.svg new file mode 100644 index 0000000..0ec9604 --- /dev/null +++ b/src/assets/images/chevron-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/chevron-up.svg b/src/assets/images/chevron-up.svg new file mode 100644 index 0000000..a69d6b8 --- /dev/null +++ b/src/assets/images/chevron-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/clarity-icon-100x100.png b/src/assets/images/clarity-icon-100x100.png new file mode 100644 index 0000000..e16b9f6 Binary files /dev/null and b/src/assets/images/clarity-icon-100x100.png differ diff --git a/src/assets/images/deltek-logo-black.png b/src/assets/images/deltek-logo-black.png new file mode 100644 index 0000000..a12b819 Binary files /dev/null and b/src/assets/images/deltek-logo-black.png differ diff --git a/src/assets/images/dropbox-logo3-100x100.png b/src/assets/images/dropbox-logo3-100x100.png new file mode 100644 index 0000000..69625b2 Binary files /dev/null and b/src/assets/images/dropbox-logo3-100x100.png differ diff --git a/src/assets/images/facebooklogogrey_100x100.png b/src/assets/images/facebooklogogrey_100x100.png new file mode 100644 index 0000000..39ae08c Binary files /dev/null and b/src/assets/images/facebooklogogrey_100x100.png differ diff --git a/src/assets/images/gmail-logo2-100x100.png b/src/assets/images/gmail-logo2-100x100.png new file mode 100644 index 0000000..9c4d35d Binary files /dev/null and b/src/assets/images/gmail-logo2-100x100.png differ diff --git a/src/assets/images/google-logo2-100x100.png b/src/assets/images/google-logo2-100x100.png new file mode 100644 index 0000000..a5f4184 Binary files /dev/null and b/src/assets/images/google-logo2-100x100.png differ diff --git a/src/assets/images/image-eps-icon.png b/src/assets/images/image-eps-icon.png new file mode 100644 index 0000000..e58aabf Binary files /dev/null and b/src/assets/images/image-eps-icon.png differ diff --git a/src/assets/images/image-png-icon.png b/src/assets/images/image-png-icon.png new file mode 100644 index 0000000..0b07948 Binary files /dev/null and b/src/assets/images/image-png-icon.png differ diff --git a/src/assets/images/jdsfaulkner-logo-lt-theme.png b/src/assets/images/jdsfaulkner-logo-lt-theme.png new file mode 100644 index 0000000..7ed709a Binary files /dev/null and b/src/assets/images/jdsfaulkner-logo-lt-theme.png differ diff --git a/src/assets/images/jdsfaulkner-small-icon.png b/src/assets/images/jdsfaulkner-small-icon.png new file mode 100644 index 0000000..d780468 Binary files /dev/null and b/src/assets/images/jdsfaulkner-small-icon.png differ diff --git a/src/assets/images/learning-center-icon4-100x100.png b/src/assets/images/learning-center-icon4-100x100.png new file mode 100644 index 0000000..6f03058 Binary files /dev/null and b/src/assets/images/learning-center-icon4-100x100.png differ diff --git a/src/assets/images/linkedinlogo_100x100.png b/src/assets/images/linkedinlogo_100x100.png new file mode 100644 index 0000000..3a13100 Binary files /dev/null and b/src/assets/images/linkedinlogo_100x100.png differ diff --git a/src/assets/images/paycor-logo3-100x100.png b/src/assets/images/paycor-logo3-100x100.png new file mode 100644 index 0000000..d36fea7 Binary files /dev/null and b/src/assets/images/paycor-logo3-100x100.png differ diff --git a/src/assets/images/pdf-icon-100x100.png b/src/assets/images/pdf-icon-100x100.png new file mode 100644 index 0000000..d7fa939 Binary files /dev/null and b/src/assets/images/pdf-icon-100x100.png differ diff --git a/src/assets/images/project-folder-icon-100x100.png b/src/assets/images/project-folder-icon-100x100.png new file mode 100644 index 0000000..0a4b308 Binary files /dev/null and b/src/assets/images/project-folder-icon-100x100.png differ diff --git a/src/assets/images/project-insight-logo6-100x100.png b/src/assets/images/project-insight-logo6-100x100.png new file mode 100644 index 0000000..1bf915f Binary files /dev/null and b/src/assets/images/project-insight-logo6-100x100.png differ diff --git a/src/assets/images/salesforce-logo-100x100.png b/src/assets/images/salesforce-logo-100x100.png new file mode 100644 index 0000000..3c2f57b Binary files /dev/null and b/src/assets/images/salesforce-logo-100x100.png differ diff --git a/src/assets/images/swag-store-icon-100x100.png b/src/assets/images/swag-store-icon-100x100.png new file mode 100644 index 0000000..d6b97a7 Binary files /dev/null and b/src/assets/images/swag-store-icon-100x100.png differ diff --git a/src/assets/images/tax-icon-100x100.png b/src/assets/images/tax-icon-100x100.png new file mode 100644 index 0000000..0faa009 Binary files /dev/null and b/src/assets/images/tax-icon-100x100.png differ diff --git a/src/assets/images/word-icon-100x100.png b/src/assets/images/word-icon-100x100.png new file mode 100644 index 0000000..f53f3a4 Binary files /dev/null and b/src/assets/images/word-icon-100x100.png differ diff --git a/src/assets/images/workplace-logo3-100x100.png b/src/assets/images/workplace-logo3-100x100.png new file mode 100644 index 0000000..ac2d6a4 Binary files /dev/null and b/src/assets/images/workplace-logo3-100x100.png differ diff --git a/src/assets/pages/Design1.html b/src/assets/pages/Design1.html deleted file mode 100644 index 310ec91..0000000 --- a/src/assets/pages/Design1.html +++ /dev/null @@ -1,228 +0,0 @@ - - - - - - - - - - - - - - Resources - - -
- -
-
- - - - - -   - Resources - - -
-
-
- -
- -
-
-

Resources

-

Whether you're looking for a folder, document, tool, website or application, you can find it here.

-
- Learn more - Send feedback -
-
-
- -
-
- -
-
-
- Computer screen -
-

Would you like to view a design that looks more like an application than a web page? Check out this alternative layout.

-
-
- - -
- 9 mins -
-
-
-
-
-
- Email image -
-

Open your company e-mail application. Your Gmail account offers e-mail, a calendar and instant messaging.

-
-
- - -
- 9 mins -
-
-
-
-
-
- Social media image -
-

Get the latest company news and connect with your colleagues. JDSfaulkner uses Workplace by Facebook for sharing information.

-
-
- - -
- 9 mins -
-
-
-
- -
-
- PlaceholderThumbnail -
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- - -
- 9 mins -
-
-
-
-
-
- PlaceholderThumbnail -
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- - -
- 9 mins -
-
-
-
-
-
- PlaceholderThumbnail -
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- - -
- 9 mins -
-
-
-
- -
-
- PlaceholderThumbnail -
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- - -
- 9 mins -
-
-
-
-
-
- PlaceholderThumbnail -
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- - -
- 9 mins -
-
-
-
-
-
- PlaceholderThumbnail -
-

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- - -
- 9 mins -
-
-
-
-
-
-
- -
- - - - - \ No newline at end of file diff --git a/src/assets/pages/Design3.html b/src/assets/pages/Design3.html deleted file mode 100644 index 6910db9..0000000 --- a/src/assets/pages/Design3.html +++ /dev/null @@ -1,157 +0,0 @@ - - - - - - - - - - - ResourceFinder - - -
- -
-
- - - - - -   - ResourceFinder - - -
-
-
- -
- -
-
-

Resources

-

What kind of resource are you looking for?

-
- -
-
-
- -
-
-
-
-
-
-
Paycor
-

Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application. -

- -
- Paycor logo -
- -
-
-
- -
-
- -
-
-
- - -
-
-
-
Gmail
-

Access your company e-mail and a suite of Google apps, including a calendar, instant messaging and cloud storage. -

- - -
- Gmail logo -
- -
-
-
- -
-
- -
-
-
- - -
-
-
-
Workplace
-

Get the latest news and connect with colleagues. JDSfaulkner uses Workplace by Facebook for posting and sharing. -

-
- Workplace logo -
-
-
-
- -
-
- -
-
-
- - - - - - -
-
-
- -
- - - - - \ No newline at end of file diff --git a/src/assets/pages/resources-landing-page.html b/src/assets/pages/resources-landing-page.html index 5933d6b..4a07f02 100644 --- a/src/assets/pages/resources-landing-page.html +++ b/src/assets/pages/resources-landing-page.html @@ -1,9 +1,11 @@ + + - ResourceFinder + Resource Center @@ -11,67 +13,125 @@ + -
-
+
+
-
-
- -
- -
+
+ -
-
- -
+
+
+ + +
+
+ + +
+
+
+
+
+
-
-
-
- + + +
+ + + + + + diff --git a/src/assets/pages/styles/Design3.scss b/src/assets/pages/styles/Design3.scss deleted file mode 100644 index 2c7d60b..0000000 --- a/src/assets/pages/styles/Design3.scss +++ /dev/null @@ -1,46 +0,0 @@ -.jumbotron { - padding-top: 3rem; - padding-bottom: 3rem; - margin-bottom: 0; - background-color: #fff; - background-image: url('../../images/FilesImage_WebBanner_1800x600.png'); - background-repeat: no-repeat; - background-position:bottom center; - background-size:cover; -} -@media (min-width: 768px) { - .jumbotron { - padding-top: 6rem; - padding-bottom: 6rem; - } -} - -.jumbotron p:last-child { - margin-bottom: 0; -} - -.jumbotron h1 { - font-weight: 500; - color: rgb(90,90,90); - text-shadow: 0 0 4px rgba (0,0,0,0.5); -} - -.jumbotron .container { - max-width: 40rem; - background: rgba(255,255,255,0.45); - padding: 2rem; - color: white; -} - -.jumbotron p { - color: rgb(55,55,55); -} - -footer { - padding-top: 3rem; - padding-bottom: 3rem; -} - -footer p { - margin-bottom: .25rem; -} \ No newline at end of file diff --git a/src/assets/pages/styles/resources-landing-page.scss b/src/assets/pages/styles/resources-landing-page.scss index 591a213..0628be9 100644 --- a/src/assets/pages/styles/resources-landing-page.scss +++ b/src/assets/pages/styles/resources-landing-page.scss @@ -1,13 +1,37 @@ +html { + font-size: 14px; +} +@media (min-width: 768px) { + html { + font-size: 16px; + } +} +.input-group { + max-width: 960px; + margin: auto; +} .main { background-color: secondary; - color: warning + color: navbartext; +} + +body { + font-size: 1rem; + padding-top: 80px; + padding-bottom: 20px; +} + +.feather { + width: 16px; + height: 16 px; + vertical-align: text-bottom; } .album { background-color: secondary; - color: warning + color: navbartext; } .img-thumbnail { @@ -18,40 +42,118 @@ background-color: primary; } + + .navbar { - color: #c1c0cc; + margin-bottom: 20px; +} + +/* + * Sidebar + */ + +.sidebar { + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 100; /* Behind the navbar */ + padding: 0; + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); +} + +.sidebar-sticky { + position: -webkit-sticky; + position: sticky; + top: 48px; /* Height of navbar */ + height: calc(100vh - 48px); + margin-top: 6rem; + padding-left: .5rem; + overflow-x: hidden; + overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ +} + +.sidebar .nav-link { + font-weight: 500; + color: navbartext; } -.form-control { - color: #searchfont; +.sidebar .nav-link .feather { + margin-right: 4px; + color: navbartextfeather; } -.form-control:focus { - color: #searchfont; +.sidebar .nav-link.active { + color: navbartextactive; } -.card-image-background{ +.sidebar .nav-link:hover .feather, +.sidebar .nav-link.active .feather { + color: inherit; +} + +.sidebar-heading { + font-size: .75rem; + text-transform: uppercase; +} + +/* + * End Sidebar + */ + +.border-top { border-top: 1px solid #e5e5e5; } +.border-bottom { border-bottom: 1px solid #e5e5e5; } +.nav-link { + color: navbartext; +} + +@media (min-width: 768 px) { + .main { + padding-right: 40px; + padding-left: 220px; /* 180 + 40 */ +} +} + +.searchbutton { + background-color: transparent; + color: searchhint; + border-radius: 25px; +} + +.searchbutton svg { + fill: searchhint; +} + +.card-image-background { display: flex; } -.text-align-left{ +.text-align-left { text-align: left; } -.form-control::-webkit-input-placeholder { color: searchfont; } /* WebKit, Blink, Edge */ -.form-control:-moz-placeholder { color: searchfont; } /* Mozilla Firefox 4 to 18 */ -.form-control::-moz-placeholder { color: searchfont; } /* Mozilla Firefox 19+ */ -.form-control:-ms-input-placeholder { color: searchfont; } /* Internet Explorer 10-11 */ -.form-control::-ms-input-placeholder { color: searchfont; } /* Microsoft Edge */ +.category-header p { + margin: 0 0 .15em 0; + padding-left: 1rem; + padding-bottom: .5rem; +} +.category-header h5 { + padding-left: 1rem; + padding-top: .5rem; +} .footer { padding-top: 3rem; padding-bottom: 3rem; background: primary; + color: footertext; } .footer p { margin-bottom: .25rem; + margin-left: 25rem; + padding-left: 25rem; + color: footertext; } diff --git a/src/assets/pages/styles/theme-base.scss b/src/assets/pages/styles/theme-base.scss index ad50b44..035b10d 100644 --- a/src/assets/pages/styles/theme-base.scss +++ b/src/assets/pages/styles/theme-base.scss @@ -1,4 +1,5 @@ @use "sass:map"; + $enable-rounded: true !default; @@ -11,27 +12,27 @@ $enable-rounded: true !default; cursor: pointer; } -.web-card-background{ +.web-card-background { background-color: map-get($theme-colors, inactivecard); } -.web-card-background:hover{ +.web-card-background:hover { background-color: map-get($theme-colors, activecard); } -.web-card-background:hover .text-header{ +.web-card-background:hover .text-header { color: map-get($theme-colors, headertextcolorhover); } -.web-card-background:hover .text-paragraph{ +.web-card-background:hover .text-paragraph { color: map-get($theme-colors, paragraphtextcolorhover); } -.web-card-background:hover .web-card-image-background{ +.web-card-background:hover .web-card-image-background { background-color: map-get($theme-colors, webcardimagebackgroundhover); } -.web-card-image-background{ +.web-card-image-background { background-color: map-get($theme-colors, webcardimagebackground); border-radius: 50%; } @@ -40,14 +41,88 @@ $enable-rounded: true !default; color: map-get($theme-colors, headertextcolor); } -.text-paragraph{ +.text-paragraph { color: map-get($theme-colors, paragraphtextcolor); } -html{ - height:100% +.no-overflow { + overflow: hidden; +} + +html { + height: 100% +} + +body { + height: 100%; +} + +.category-header { + border: 1px solid; + border-radius: 5px; + cursor: pointer; + margin-bottom: 4px; + background-color: map-get($theme-colors, inactiveaccordion); + color: map-get($theme-colors, inactivetextaccordion); + border-color: map-get($theme-colors, inactiveborderaccordion); +} + +.category-header.active { + margin-bottom: 25px; + background-color: map-get($theme-colors, activeaccordion); + color: map-get($theme-colors, activetextaccordion); + border-color: map-get($theme-colors, activeborderaccordion); +} + +.searchTerm::-webkit-input-placeholder { + color: map-get($theme-colors, searchhint) !important; } -body{ - height:100%; -} \ No newline at end of file +.sb-example-1 .search { + width: 95%; + position: relative; + display: flex; + margin: auto; + max-width: 1100px +} + +.sb-example-1 .searchTerm { + width: 100%; + border: 1px solid; + border-color: map-get($theme-colors, boxborder2); + border-right: none; + padding-left: 15px; + padding-right: 15px; + border-radius: 25px 0 0 25px; + stroke: map-get($theme-colors, searchicon); + color: map-get($theme-colors, searchhint); + background-color: map-get($theme-colors, info); + box-shadow: none; + outline: none; +} + +.sb-example-1 .searchTerm:focus { + stroke: map-get($theme-colors, searchicon); + background-color: map-get($theme-colors, info); + box-shadow: none; + color: map-get($theme-colors, searchfont) !important; + outline: none; +} + +.sb-example-1 .searchbutton { + width: 40px; + height: 50px; + border: 1px solid; + border-color: map-get($theme-colors, boxborder2); + background-color: map-get($theme-colors, searchbuttonfill); + text-align: center; + fill: map-get($theme-colors, searchicon); + border-radius: 0 25px 25px 0; + cursor: pointer; + font-weight: normal; + box-shadow: none; + outline: none; +} + + + diff --git a/src/assets/pages/styles/theme-dark.scss b/src/assets/pages/styles/theme-dark.scss index 0d948ba..4421cab 100644 --- a/src/assets/pages/styles/theme-dark.scss +++ b/src/assets/pages/styles/theme-dark.scss @@ -1,21 +1,48 @@ $theme-colors: ( - "primary": #707070, - "secondary": #303033, + "primary": #45454c, + "secondary": #121212, "success": #808080, - "info": #202023, + "info": #2d2d31, "warning": #000000, - "inactivecard": #414144, - "activecard": #707070, - "boxborder": #55555c, + "navbartext": #808080, + "navbartextfeather": #303033, + "navbartextactive": #202022, + "inactivecard": #333337, + "activecard": #4f4f56, + "boxborder": #272727, + "boxborder2": #2f2f2f, "activecardfont":#e1e4e8, - "searchfont": #808080, + "searchhint": #6b6866, + "searchfont": #9f9c9a, + "sidebarfill": #202023, + "searchbuttonfill": #39393f, + "searchicon": #737373, + "sidebartext": #787572, "webcardimagebackground": #707070, - "webcardimagebackgroundhover": #808080, - "headertextcolor": #808080, - "headertextcolorhover": #ffffff, - "paragraphtextcolor": #808080, - "paragraphtextcolorhover":#ffffff, + "webcardimagebackgroundhover": #98928F, + "headertextcolor": #9d9d9d, + "headertextcolorhover": #d9d2d2, + "paragraphtextcolor": #9d9d9d, + "paragraphtextcolorhover":#d9d2d2, + "themebuttonoutline": #808080, + "inactiveaccordion": #202023, + "activeaccordion": #333337, + "inactivetextaccordion": #787572, + "activetextaccordion": #9d9d9d, + "inactiveborderaccordion": #180606, + "activeborderaccordion": rgba(26, 26, 26, 0), + "footertext": #7b7b7b, ); +.theme-button{ + width:40px; + height: 30px; + background-size: contain; + background-color: transparent; + background-repeat: no-repeat; + background-image: url("../../images/dark-theme-toggle.png"); + cursor: pointer; +} + @import "theme-base"; \ No newline at end of file diff --git a/src/assets/pages/styles/theme-light.scss b/src/assets/pages/styles/theme-light.scss index e13dafe..2c145ba 100644 --- a/src/assets/pages/styles/theme-light.scss +++ b/src/assets/pages/styles/theme-light.scss @@ -1,21 +1,48 @@ $theme-colors: ( - "primary": #2c2c2c, + "primary": #ffffff, "secondary": #e5e5e5, "success": #0B031C, "info": #ffffff, "warning": #700000, + "navbartext": #434344, + "navbartextfeather": #323233, + "navbartextactive": #212122, "inactivecard": #ffffff, "activecard": #13a04a, "boxborder": #c0c2c6, - "activecardfont":#e1e4e8, + "boxborder2": #c0c2c6, + "activecardfont": #e1e4e8, + "searchhint": #c0c2c6, "searchfont": #2c2c2c, + "sidebarfill": #f6f6f6, + "sidebartext": #545455, + "searchbuttonfill": #f6f6f6, + "searchicon": #545455, "webcardimagebackground": #eeeeee, - "webcardimagebackgroundhover": #ffffff, - "headertextcolor": #2c2c2c, + "webcardimagebackgroundhover": #f0f0f0, + "headertextcolor": #434344, "headertextcolorhover": #ffffff, - "paragraphtextcolor": #2c2c2c, - "paragraphtextcolorhover":#ffffff, + "paragraphtextcolor": #434344, + "paragraphtextcolorhover": #ffffff, + "themebuttonoutline": #434344, + "inactiveaccordion": #f6f6f6, + "activeaccordion": #ffffff, + "inactivetextaccordion": #434344, + "activetextaccordion": #434344, + "borderaccordion": #c0c2c6, + "inactiveborderaccordion": #c0c2c6, + "activeborderaccordion": rgba(26, 26, 26, 0), + "footertext": #434344, ); +.theme-button{ + width: 40px; + height: 30px; + background-size: contain; + background-color: transparent; + background-repeat: no-repeat; + background-image: url("../../images/light-theme-toggle.png"); + cursor: pointer; +} @import "theme-base"; \ No newline at end of file diff --git a/src/assets/pages/styles/theme3.scss b/src/assets/pages/styles/theme3.scss deleted file mode 100644 index 5be9eab..0000000 --- a/src/assets/pages/styles/theme3.scss +++ /dev/null @@ -1,14 +0,0 @@ -$theme-colors: ( - "primary": #393939, - "secondary": #e1e4e8, - "success": #e1e1e1, - "info": #507CBF, - "warning": #F9E3D3 -); - -$enable-rounded: true !default; - -@import "node_modules/bootstrap/scss/bootstrap"; -@import "node_modules/bootstrap/scss/functions"; -@import "node_modules/bootstrap/scss/variables"; -@import "node_modules/bootstrap/scss/mixins"; \ No newline at end of file diff --git a/src/assets/resources/coming-soon.pdf b/src/assets/resources/coming-soon.pdf new file mode 100644 index 0000000..54afffd Binary files /dev/null and b/src/assets/resources/coming-soon.pdf differ diff --git a/src/assets/resources/human-resources/2-Paycor_Direct_Deposit_Worksheet.pdf b/src/assets/resources/human-resources/2-Paycor_Direct_Deposit_Worksheet.pdf new file mode 100644 index 0000000..802cf01 Binary files /dev/null and b/src/assets/resources/human-resources/2-Paycor_Direct_Deposit_Worksheet.pdf differ diff --git a/src/assets/resources/human-resources/Employment-Application.docx b/src/assets/resources/human-resources/Employment-Application.docx new file mode 100644 index 0000000..0264d6c Binary files /dev/null and b/src/assets/resources/human-resources/Employment-Application.docx differ diff --git a/src/assets/resources/human-resources/JDSfaulkner-Emp-Handbook-v8.0.pdf b/src/assets/resources/human-resources/JDSfaulkner-Emp-Handbook-v8.0.pdf new file mode 100644 index 0000000..55a15d6 Binary files /dev/null and b/src/assets/resources/human-resources/JDSfaulkner-Emp-Handbook-v8.0.pdf differ diff --git a/src/assets/resources/human-resources/JDSfaulknerDraftingQuiz_11-16-20a.docx b/src/assets/resources/human-resources/JDSfaulknerDraftingQuiz_11-16-20a.docx new file mode 100644 index 0000000..ef232fa Binary files /dev/null and b/src/assets/resources/human-resources/JDSfaulknerDraftingQuiz_11-16-20a.docx differ diff --git a/src/assets/resources/human-resources/Notice-and-Agreement.pdf b/src/assets/resources/human-resources/Notice-and-Agreement.pdf new file mode 100644 index 0000000..c348046 Binary files /dev/null and b/src/assets/resources/human-resources/Notice-and-Agreement.pdf differ diff --git a/src/assets/resources/marketing/JDS_faulkner_Logo.eps b/src/assets/resources/marketing/JDS_faulkner_Logo.eps new file mode 100644 index 0000000..a47e157 Binary files /dev/null and b/src/assets/resources/marketing/JDS_faulkner_Logo.eps differ diff --git a/src/assets/resources/marketing/JDS_faulkner_Logo.png b/src/assets/resources/marketing/JDS_faulkner_Logo.png new file mode 100644 index 0000000..7131bdf Binary files /dev/null and b/src/assets/resources/marketing/JDS_faulkner_Logo.png differ diff --git a/src/assets/views/card-category.mustache b/src/assets/views/card-category.mustache new file mode 100644 index 0000000..93cd15a --- /dev/null +++ b/src/assets/views/card-category.mustache @@ -0,0 +1,9 @@ + +
+
+
{{{category-id-clean}}}
button
+

{{{category-description}}}

+
+ +
+ \ No newline at end of file diff --git a/src/assets/views/web-card.mustache b/src/assets/views/web-card.mustache index 53d59b5..0bc51b0 100644 --- a/src/assets/views/web-card.mustache +++ b/src/assets/views/web-card.mustache @@ -1,8 +1,8 @@ -
+
- {{title}} +
{{title}}

{{description}}

-
\ No newline at end of file +
+ \ No newline at end of file diff --git a/src/ts_source/templates.ts b/src/ts_source/templates.ts index b1134a4..0681c68 100644 --- a/src/ts_source/templates.ts +++ b/src/ts_source/templates.ts @@ -20,22 +20,20 @@ export function cacheTemplates() { }); } -export function loadTemplate(filename: string, objs: object[], cb: TemplateCallbackType) { +export function loadTemplate(filename: string, obj: object, cb: TemplateCallbackType) { let contents = templateCache[filename]; if (!contents) throw new Error("No such template: " + filename); - let results: string[] = [] - for (let i = 0, l = objs.length; i < l; i++) { - let obj = objs[i] - let rendered = Mustache.render(contents, obj) - results.push(rendered) + let rendered = Mustache.render(contents, obj) + if (null !== cb) { + cb(rendered) } - cb(results) + return rendered; } export function loadTemplateSingle(filename: string, cardModel: CardModel, cb: (content: string, id: string) => void) { let contents = templateCache[filename]; if (!contents) throw new Error("No such template: " + filename); - cardModel['id'] = createId(cardModel.resourcePath); + cardModel['id'] = createId(cardModel.title + cardModel.resourcePath); let rendered = Mustache.render(contents, cardModel); cb(rendered, cardModel['id']); } diff --git a/src/ts_source/themes.ts b/src/ts_source/themes.ts index abd849d..a931774 100644 --- a/src/ts_source/themes.ts +++ b/src/ts_source/themes.ts @@ -13,15 +13,12 @@ export module Themes { applyTheme(initTheme); let initToggle = $('#theme-toggle'); let initThemeEnum = getThemeFromValue(initTheme); - initToggle.addClass(getButtonClassFromAppTheme(initThemeEnum)); + // initToggle.addClass(getButtonClassFromAppTheme(initThemeEnum)); initToggle.on("click", () => { let conf = Configurator.loadUserConfig(ConfigPaths.UserConfigName); - let toggle = $("#theme-toggle"); let themeValue = conf['theme']; let currTheme = getThemeFromValue(themeValue); let opposite = getOppositeTheme(currTheme); - toggle.removeClass(getButtonClassFromAppTheme(currTheme)); - toggle.addClass(getButtonClassFromAppTheme(opposite)); applyTheme(opposite); conf['theme'] = opposite; Configurator.saveUserConfig(ConfigPaths.UserConfigName, conf); diff --git a/src/ts_source/viewFactory.ts b/src/ts_source/viewFactory.ts index b897cf4..e0aa143 100644 --- a/src/ts_source/viewFactory.ts +++ b/src/ts_source/viewFactory.ts @@ -1,5 +1,5 @@ import {Configurator, FileUtils} from './fileutils' -import {loadTemplateSingle} from "./templates" +import {loadTemplate, loadTemplateSingle} from "./templates" const shell = require('electron').shell; @@ -40,17 +40,54 @@ export function buildFileCard(filePath: string, elem: Element, append: boolean = export function buildWebCardsFromConfig(configName: string) { let elementConfig = Configurator.loadAppConfig(configName); let $ = require('jquery') - let keys = Object.keys(elementConfig); - - - for (let i = 0, l = keys.length; i < l; i++) { - let key = keys[i]; - let contentList = elementConfig[key]; - let element = $(`#${key}`); - console.log(element); - for (let j = 0, m = contentList.length; j { + }); + let categoryWrapper = $(categoryWrapperRaw); + + containerElem.append(categoryWrapper); + + let view = $(`#${categoryKey}-container`); + let collapseButton = $(`#${categoryKey}-collapser`); + + collapseButton.on("click", () => { + let collapsable = $(`#${categoryKey}-container`); + let collapseButton = $(`#${categoryKey}-collapser`); + let collapseImg = $(`#${categoryKey}-img`); + if ("none" === collapsable.css('display')) { + collapsable.css("display", ""); + collapseButton.addClass("active"); + collapseImg.attr("src", "../images/chevron-down.svg"); + } else { + collapsable.css("display", "none"); + collapseButton.removeClass("active"); + collapseImg.attr("src", "../images/chevron-up.svg"); + } + }); + + for (let j = 0, m = contentList.length; j < m; j++) { + let content = contentList[j]; + buildWebCard(view, content, true, $); + } } } @@ -65,7 +102,6 @@ export function buildWebCard(elem: JQuery, obj, append: boolean = f ); loadTemplateSingle("web-card.mustache", model, (content: string, id: string) => { - console.log(elem); if (append) { elem.append(content); } else { @@ -100,11 +136,9 @@ function getImagePathFromDocumentName(name: string): string { function launchDocument(filename: string) { let fullPath = FileUtils.getPathToDocument(filename); - console.log(`Attempting to open file: ${fullPath}`); shell.openItem(fullPath); } function launchWebsite(url: string) { - console.log("Attempting to launch " + url) shell.openItem(url); } \ No newline at end of file