Comments (10)
Hi @Web3Community ! ππ
To achieve this issue, you need to fork this repo first, and then make a PR with your changes.
How to make a new page ?
First, you need to learn how layout is managed with 11ty ! Don't be fooled with .njk
extension, we automatically convert .html
into .njk
at build time.
π« So when you need to create a .njk file, just create a .html file !!
- Then you can follow this basic steps :
β‘ Create a layout file into src/_includes/
=> src/_includes/project.html
---
title: Project
layout: default
path: project
---
β‘ Create a new folder into src/
with the name of the page as name, and add an index.html
=> src/project/index.html
β‘ Add in top of file the layout you want to use (you will use the one created at the first step) :
---
layout: project
---
β‘ Update src/_data/navigation.yaml
to add the path to the navbar !
π You can analyze how the blog page is built :
- layout : Go to the layout
- page : Go to the page
Do you have a question ?
π¨ You can ask any questions on our Discord and the @Web3Community teams will help you!
Good luck, Have fun ! π
from webxdao.github.io.
Done
from webxdao.github.io.
https://www.figma.com/file/7YWtfTu6yFJeXln0baHfIv/About-and-Projects-Page?node-id=0%3A1
Sample page
from webxdao.github.io.
Hi, what will be the source of projects data here ?
from webxdao.github.io.
@himanshupal I think we shall use this as the source and sort based on stargazers: https://api.github.com/orgs/web3community/repos
from webxdao.github.io.
Okay, I haven't worked with eleventy before but would like to give this a try.
from webxdao.github.io.
I can do this please assign this issue to me
from webxdao.github.io.
I can do this please assign this issue to me
Feel free to work on this as long as nobody else is working on it. π
from webxdao.github.io.
It will be confirm if the issue is assigned that nobody is working on it except me
from webxdao.github.io.
@vinzvinci Could you assign @shreyaansjain06?
from webxdao.github.io.
Related Issues (20)
- [FEATURE]: Add title (Tooltip) and aria-label attribute (Web Accessibility) for Social Icons of Team Cards and Contributors Pages HOT 2
- [FEATURE] Add hover effect to projects card HOT 2
- [DOCS] Adding a "Table on content" in the readme to make it easier to navigate HOT 1
- To delete teams page which is redirecting from `/teams` to `/team` HOT 2
- [FEATURE]: Noticed documentation.yml and styles.yml Files need for ISSUE_TEMPLATES HOT 3
- [FEATURE]: Convert png, svg Images File Format into webp File Formatsππ HOT 4
- [FEATURE] add meta tags for SEO and social media optimization
- [FEATURE] add dependabot workflow with pre-commit message and label
- [FEATURE] workflow to add labels after analyzing title of PR
- [OTHER] update .gitignore file
- [FEATURE] add noImplicitAny in tsconfig
- [feat] use in-built Link component for better SEO, faster navigation & performance
- [OTHER] Expand the list of codeowners HOT 7
- [docs] workflow to close old issues
- [FEATURE] add workflow to assign PR to the author
- [FEATURE] Hover effect to socials in home page HOT 2
- [OTHER]: Want to chage Twitter logo HOT 6
- [OTHER] HOT 2
- [OTHER] Please send me an invitation HOT 2
- [FEATURE] Improve some issues (npm package, blog) HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webxdao.github.io.