-
Notifications
You must be signed in to change notification settings - Fork 11
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #235 from ocftw/feature/add-homepage-cms
Feature/add homepage cms
- Loading branch information
Showing
17 changed files
with
530 additions
and
535 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,134 @@ | ||
| --- | ||
| unique_slug: index | ||
| name: home | ||
| name: homepage | ||
| layout_list: | ||
| - type: layout_banner | ||
| title: Open StarTer Village | ||
| subtitle: How can technology change the world? Play this board game and discover | ||
| the answer for yourself! | ||
| highlights: | ||
| - Worker placement game | ||
| - Simulate real-world open source project scenarios | ||
| hero_image: /images/uploads/heroimage.jpg | ||
| - type: layout_section | ||
| columns: | ||
| - title: The problem we desire to solve | ||
| text: >- | ||
| You're not the only one bothered by numerous public concerns. These | ||
| issues can range from small everyday inconveniences to critical work | ||
| needs or even larger societal problems. Think about frequently missing | ||
| buses, the slow disappearance of native languages, or the confusing | ||
| candidate information during elections and so on. These are the things | ||
| everyone wants to change, but often we're unsure where to start. \ | ||
| There's a way to put you on the shoulders of giants — Open Source.\ | ||
| Through open resources and technology, apply the achievements of predecessors, cooperate with partners, and make practical scientific and technological tools or services to fundamentally improve problems.\ | ||
| Unfortunately, when you hear "technology tools", everyone always has the impression that "you can write programs to participate | ||
| - title: Our solution | ||
| text: >- | ||
| This game popularize the great values of Open Source, Open Resources, | ||
| and Collaborative Sharing!\ | ||
| Breaking the stereotype of the technology era that "only those who can write code can change the world"!\ | ||
| We aspire for this project to open up a dialogue between technology and society, enhance the diversity of contributors in the open source community, and address a broader range of issues with greater inclusivity.\ | ||
| Through the fun board game "Open StarTer Village," we hope to not only allow players to experience the process and joy of open source projects from initiation to fruition, but also to learn about real open source projects.\ | ||
| Players could discover that different expertise in language, marketing, law, etc. are all indispensable in using technology to change the world! | ||
| title: Project Introduction | ||
| - type: layout_image_text | ||
| image: /images/uploads/boardgame.jpg | ||
| title: Game Introduction | ||
| text: >- | ||
| Players play as Open Source StarTer villager to learn what an open source | ||
| "starter" is.\ | ||
| Initiate projects, assign specific roles to participate in projects, execute spontaneous projects or assist others, And with environmental effects such as event cards and star source trees, cooperate with other players to advance the project.\ | ||
| The player who gets the most influence points in the process of cooperating with each other wins! At the same time, cooperation between players will accelerate the change of the world, progress and degradation are up to you!\ | ||
| Experience the process of participating in open source projects, and experience the open source environment of initiating, participating, completing and enhancing society together,\ | ||
| The player who gets the most influence points in the process of cooperating with each other wins! [Click me to read the full game rule book](https://openstartervillage.ocf.tw/s/manual) | ||
| highlights: | ||
| - item: Time | ||
| description: 60-90 mins | ||
| - item: Players | ||
| description: 2-4 players | ||
| - item: Type | ||
| description: Strategy, Worker Placement | ||
| - type: layout_section | ||
| title: Game Features | ||
| columns: | ||
| - title: The world faces new challenges | ||
| subtitle: 跟你的人生一樣真實！ | ||
| text: >- | ||
| **As real as your life!**\ | ||
| Whether it is a shark biting off a submarine cable and directly disconnecting the network, the inexplicable spread of pneumonia makes people change their homes; Or the newly appointed officials support the opening of science and technology, and the real world will encounter large and small events that affect the development of technology and the popularization of open concepts. Hyper-realistic event card design that hits/inspires you on your open source life path every turn! Each turn players will face the events that are happening in the Open Source StarTer Village, which may bring new problems, new challenges, and may also bring players help on the road to open source! | ||
| image: /images/uploads/as_real_as_life.png | ||
| - title: Create an open source project | ||
| image: /images/uploads/create_new_project.png | ||
| subtitle: 解決問題，不只嚷嚷而已！ | ||
| text: >- | ||
| **Solving problems is not just shouting!**\ | ||
| From daily personal life to environmental conservation policy formulation, in the face of small challenges and problems, one person can not think of a solution, a group of people can always solve it! Through the open source project card design, from the real open source projects and the results of cooperation with everyone, we can see the diversity of scientific and technological tools! | ||
| - title: Find like-minded partners | ||
| subtitle: 理念一致卻各有所長！ | ||
| text: >- | ||
| **The same philosophy, but each has its own strengths!**\ | ||
| If you want to do a good job, you must first find the right person! Opening any technological tool, software, or web page, it's not just about having code, right? When facing a problem, if there is something you don't understand, seek help from someone. The copy that engineers can't write, the bill that they don't understand, the pronunciation that they can't pronounce, the topic they don't understand, the art that they can't draw—all these issues can be solved through collaboration. Character cards with seven different skills, each playing to their strengths, perfectly meet the diverse needs of developing technology tools! | ||
| image: /images/uploads/find_mates.png | ||
| - type: layout_section | ||
| title: Game Uses and Purposes | ||
| columns: | ||
| - title: Teaching materials | ||
| text: Whether it is a university, high school course, or a related club course, | ||
| planning the Learning Scenario that includes a teaching briefing and | ||
| board games to easily convey the concept of open source! | ||
| - title: Organise community | ||
| text: You're already an open source veteran and active member of the community, | ||
| and you want to absorb new blood without much effort? Just gather a | ||
| group and invite new friends to join in the fun! | ||
| - title: Entertainment | ||
| text: Give me a dozen cute characters! | ||
| - type: layout_section | ||
| title: How do open source projects change the world? | ||
| columns: | ||
| - title: "First Aid Kit: Social Issues Drive Project Begins" | ||
| text: "**Project Card - Mask Map** is one of the projects of the gov-zero (G0V) | ||
| of Taiwan's open source community, in response to the Wuhan pneumonia | ||
| epidemic in 2020, the Taiwan government adopted mask real-name system | ||
| measures. In just a few days, community participants connected with | ||
| real-time inventory data of pharmacies opened by various governments, | ||
| mask distribution information and locations of medical institutions | ||
| and supermarkets, etc., to create an application to view the stock of | ||
| masks in various places in real time." | ||
| - title: "Social Issues Promoter: The project is carried out to promote the | ||
| discussion of the issue" | ||
| text: '**Project card - Scan and Buy** is an application derived from the | ||
| "Transparent Footprint" project, which promotes environmental data | ||
| disclosure, tracks real-time monitoring data of pollution indicators | ||
| such as corporate waste gas and wastewater, and records of illegal | ||
| penalties. It is hoped that black-hearted enterprises will be | ||
| identified, the government will be promoted to improve the legal | ||
| system of environmental protection and the enterprise control system, | ||
| and at the same time strengthen citizen participation and supervision, | ||
| and check the consumption choice every time!' | ||
| - title: "Urging progress leaders: Discussion of issues moves society forward" | ||
| text: "**Project Card - Citizen Judges** can not only open up to Congress and | ||
| the executive branch, but also the courts can become government | ||
| departments that allow citizens to participate! The Legislative Yuan | ||
| passed the National Judges Law in 2020 and is expected to be | ||
| officially launched in 2023. The collegial panel of the Act will be | ||
| composed of six national judges and three professional judges, and | ||
| eligible and randomly selected citizens may participate in the court | ||
| discussion and judgment process. It is hoped that judicial justice | ||
| will be implemented together in combination with the social | ||
| expectations of the people and the professionalism of judges." | ||
| --- |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import Image from 'next/image'; | ||
| import { ParseMarkdownAndHtml } from './parseMarkdownAndHtml'; | ||
|
|
||
| const Column = ({ title, image, text, markdown }) => ( | ||
| <div className="section-main"> | ||
| <h3>{title}</h3> | ||
| <div className="flex flex-col"> | ||
| {image && ( | ||
| <div className="image-container"> | ||
| <Image src={image} alt={`${title} image`} fill className="image" /> | ||
| </div> | ||
| )} | ||
| <ParseMarkdownAndHtml markdown={markdown}>{text}</ParseMarkdownAndHtml> | ||
| </div> | ||
| </div> | ||
| ); | ||
|
|
||
| export default Column; |
Oops, something went wrong.