netcentric / cn-website Goto Github PK
View Code? Open in Web Editor NEWLicense: Apache License 2.0
License: Apache License 2.0
Use on multiple career pages in different variants.
Sample 1: https://www.netcentric.biz/how-we-work/studios.html / https://main--netcentric--hlxsites.hlx.page/how-we-work/studios
Sample 2: https://www.netcentric.biz/careers/netcentric-switzerland.html / https://main--netcentric--hlxsites.hlx.page/careers/netcentric-switzerland
Sample 3: https://www.netcentric.biz/careers/netcentric-germany.html / https://main--netcentric--hlxsites.hlx.page/careers/netcentric-germany
Currently the links of the language navigation are hardcoded to the english and german homepages but they should consider the current page as context. For example when serving on https://www.netcentric.biz/what-we-do the "DE" link in the header should point to https://www.netcentric.biz/de/what-we-do.html and vice versa.
We want to manage the blog authors via some Google Sheet. Blog posts will only store a reference to the author. Author details (images, job title, description) should be loaded dynamically.
nav
document and preview it/nav.plain.html
)For /insights/blog.html we need a blog article block.
Original: https://www.netcentric.biz/our-industries.html or https://www.netcentric.biz/how-we-work.html
Franklin: https://main--netcentric--hlxsites.hlx.page/our-industries or https://main--netcentric--hlxsites.hlx.page/how-we-work
Implement the blog post footer
Implement & style the teaser version of the cards block.
Examples:
There are two options for the cards block:
teaser
defines the teaser layoutbackground
enables the 3 different background colorsImplement the job list block using external service.
?offset=0&limit=100
parameters)Hint: see original behaviour on loading and filtering.
Franklin page: https://main--netcentric--hlxsites.hlx.page/jobs
Original page: https://www.netcentric.biz/jobs.html
As discussed in Slack Franklin supports all evergreen Browsers, we should document this somewhere (wiki or repo) and more importantly align this with current Analytics and communicate it with Business Stakeholders.
Current sitemap.xml contains year/month URLs on the /insights/ section, like:
/insights/2018/06.html
/insights/2017/04.html
They all redirect to https://www.netcentric.biz/insights.html.
For Franklin setup redirects sheet for these URLs.https://www.hlx.live/docs/redirects
Implement auto-blocking for hero. Pages have different hero versions.
on blog posts
other all pages
Reference: https://www.netcentric.biz/ & https://www.netcentric.biz/careers.html
/insights
As a web performance consultant using LiveUX, I need to know when something changed on the website, so that I can easily find a cause of an improvement or regression, and I can know that once ther is a GitHub Action sending an annotation to LiveUX.
So the ask is to create a GitHub Action that calls the LiveUX annotations API to insert a new annotation on deployments to production environments.
Please reach out to me (Andrea Verlicchi) if you need more information.
Usually we add scripts that are not critical to delayed.js to keep the scripts.js a small as possible.
That means that any code that is only executed / needed in delayed.js should be included there and not in scripts.js.
Introduced in a7a6073
Sample pages
https://docs.google.com/document/d/1Keaa7phnBrZh1qRoAphTU2yxAnGv-NMx0LnmSyS3cfc/edit
https://docs.google.com/document/d/1ceaXivZOPSSCQSoRotFpK6pRJ26VBuZkr3fkSSJ82BU/edit
Users choice on the cookie banner is not respected. I get the cookie banner on every page load.
Implement partner block used on several pages.
Block behavior:
Today the component is usually hidden on mobile since the slider does not work/fit here. We can have a simple first mobile version first and iterate later.
Example:
https://www.netcentric.biz/ & https://main--netcentric--hlxsites.hlx.page/
https://www.netcentric.biz/what-we-do.html / https://main--netcentric--hlxsites.hlx.page/what-we-do
Fix styling for buttons, like call to action buttons.
Sample page: https://main--netcentric--hlxsites.hlx.page/our-industries
Reference: https://www.hlx.live/developer/forms
Sample forms:
Many pages have sections with different background colours we need to support. Documents are already imported with Section Metadata block for these cases. Examples:
https://docs.google.com/document/d/1ceaXivZOPSSCQSoRotFpK6pRJ26VBuZkr3fkSSJ82BU/edit
https://docs.google.com/document/d/1Keaa7phnBrZh1qRoAphTU2yxAnGv-NMx0LnmSyS3cfc/edit
Currently know used styles:
Implement URL to widget / embed mapping for
Hello,
as a web performance consultant, I’d like to add our LiveUX (a RUM tool) collector script to the website, so that I will be able monitor performance in the field.
The script to add is already present in the current version of the website, and it is:
<script
src="https://liveux.cnwebperformance.biz/collector/collector.min.js?id=webperf-netcentric"
defer
crossorigin="anonymous"></script>
More information on LiveUX can be found here.
As per Markus message on Slack, this would need to be put in the scripts/delayed.js
file.
Thank you
Like with the current website we want to integrate Adobe Analytics. Especially we should make sure that the data collection is not interrupted and the type of events and structure of the datalayer stays the same.
Sample 1: https://www.netcentric.biz/careers.html in "Learn more from our team" section / https://main--netcentric--hlxsites.hlx.page/careers
Sample 2: https://www.netcentric.biz/careers/netcentric-germany.html / https://main--netcentric--hlxsites.hlx.page/careers/netcentric-germany
LHS is at 55
styles.css
Columns (2):
Styling
Heading Colors
On https://www.netcentric.biz/what-we-do.html
As Cognizant’s Adobe center of excellence, our...
Columns
Our Offerings
Columns (layout 25-75)
Our latest Podcast or
Columns (layout 33-66, border top-left)
Success cases & Whitepapers
Columns (layout 66-33, border in-between)
We need a hidden element in the DOM with some data-attributes so we can access some data. In the future, we will require variables in the global JS workspace, but for the first golive this is the solution we need.
The data attributes can be in any tag of the page, like a hidden div
.
<div class="hidden" data-...></div>
Here are the data attributes we need.
attribute name | opt/mand | type | level | e.g. | notes |
---|---|---|---|---|---|
data-wp-version-name |
mandatory | string | website | "franklin" |
we should have "aem" on the current website (we don’t, at the moment) |
data-wp-page-type |
mandatory | string | page | "home" , "article" , "case-study" … (names are invented) |
can be the name of the template defined in Franklin, if any |
data-wp-http-status |
mandatory | string | page | "200" , "404" |
it’s fine if it’s "static", we need just to distinguish the 404 (and other errors?) pages |
data-wp-page-cookie |
optional | string | page | "accepted" , "C001,C002" , "not-accepted" |
this should be changed using JS after the Cookie layer is dismissed |
This was extensively discussed in this conversation.
Implement & style the social button version of the cards block.
Sample: https://main--netcentric--hlxsites.hlx.live/ / https://www.netcentric.biz/
Implement sidebar for blogpost page displaying the author(s) and social share links.
Common Blocks
This relates to see #2
Implement iFrame embed block for the pages which have iFrame embeds:
Sample:
For the CDN setup we should follow https://www.hlx.live/docs/byo-cdn-fastly-setup, assuming we continue on Fastly.
As we decided to not migrate the german part of the page we need to implement a filter on CDN level to forward certain paths to AEM:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.