GithubHelp home page GithubHelp logo

metafam / metagame-wiki Goto Github PK

View Code? Open in Web Editor NEW
19.0 19.0 49.0 48.57 MB

Your collaborative guide to your journey into The MetaGame

Home Page: https://wiki.metagame.wtf

JavaScript 43.13% HTML 0.37% SCSS 38.86% TypeScript 1.84% CSS 15.80%

metagame-wiki's People

Contributors

arentweall avatar atheartengineer avatar baconaetor avatar benoxmo avatar c0mput3rxz avatar calvbore avatar chair28980 avatar cmaxwe11 avatar dependabot[bot] avatar dmvt avatar fbgoat avatar gnomeski avatar jonathanprozzi avatar katerinabc avatar luxumbra avatar manolingam avatar meta-dreamer avatar metaverde avatar mprimi avatar musashi13 avatar peth-yursick avatar plasmacorral avatar slread avatar st4rgarden avatar techniciann9ne avatar theloneronin avatar vidvidvid avatar visionactor avatar yalormewn avatar yeqbfgxjiq avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

metagame-wiki's Issues

Outdated Content Links -Buy Seed, Check Balance

image

Found on https://wiki.metagame.wtf/docs/enter-metagame/how-to-become-a-player

The link for 'Buy some seeds here' goes to our mainnet seed at app.balancer.fi

And maybe should direct to our polygon pool or trade link

https://polygon.balancer.fi/#/pool/0x8a8fcd351ed553fc75aecbc566a32f94471f302e000100000000000000000081/invest

The link for 'Check your seed balance' brings you to xp.metagame.wtf and could maybe be misleading or confusing especially if you don't have xp or even know what it is yet. It definitely does not guarantee to show you a Seed balance.

Also the 'Buy $50 Worth of Seed' also goes to Mainnet
image

Removing the navigation bar & merging "search" into the sidebar

As a part of finishing the integration of the wiki into metaos,
its time to make the final steps:

If possible, it should look like this:
image
If not possible, then only move it above the sidebar like so:
image
If not possible, leave it where it is.

Error in CMS when adding a new page

Adding a new page in the CMS results in a new branch with the file and contents but returns the following error in the CMS.

Failed to persist entry: API_ERROR: Resource not accessible by integration.

The work is saved but it's pretty poor UX for non techy folk as it just looks like the content wont save.

I am looking into it.

Pull Request Bot

Feature Request (suggested by @peth-yursick ) : I created a discord bot, this bot creates a pull request in https://github.com/MetaFam/metagame-wiki master branch and adds an image in static/img folder. This bot will listen for messages on all the channels of a user and if any message has an image as an attachment and a comment of the kind "create pr", then it will create a branch "imageBranch" if it is not already created for https://github.com/MetaFam/metagame-wiki repo and then it'll commit the atttached image to the imageBranch repo and then create a pull request to the master branch of MetaGame's documentation and will reply to the user's message telling him that it has succeeded.

Number of Seeds required for Patrons needs to be changed from 5 to 6.

8 pSEEDs are required to become a Patron. Originally 5 planted seeds was enough and so the docs reference that number. It was recently found though that planting 5 seeds can result in less than 8 pSEEDs, so the number is being changed to 6. @peth-yursick changed the number in the notion document for the Patron Path, but it still reads as 5 elsewhere.

The discord conversation where this is discussed can be found here:
https://discord.com/channels/629411177947987986/713513935789097102/850057867927093328

GUI editor not working

I tried using the new editor but I couldn't submit.
This is what it gave:
Failed to persist entry: API_ERROR: Not Found

Old Liquidity Pool Link on Wiki

This link reading 'plant & water their seeds' on the wiki page https://wiki.metagame.wtf/docs/how-does-it-work/xp

Leads to https://beta.pools.balancer.exchange/#/pool/0xea05a15dbce2eb543ffda16950e95b2bd2e40d0e/swaps

And needs to be updated to

https://polygon.balancer.fi/#/pool/0x8a8fcd351ed553fc75aecbc566a32f94471f302e000100000000000000000081/invest

image

Also the link reading 'available for sale'

Goes to our mainnet Seed at app.balancer.fi

And maybe should lead to our Polygon seed or also to our Polygon seed at

https://polygon.balancer.fi

We may want to include the token address to import Seed as well?

image

Moar Design Tweaks

Ok, there's 1 more issue and 2 more improvements possible.

Issue:
For some reason, when opening the "for players", "for guilds" & "for patrons", the whole sidebar moves upwards and leaves this gap in the bottom
image
For some reason it only happens with those 3 pages.

Improvement 1:
Can we make the sidebar ~30% wider so that some of the page titles don't break into new lines?

Improvement 2:
Can we make the whole sidebar round-edged (like on the profiles) & floating about halfway between left edge of the screen and the text in the middle?

Here's what the end-result would look like:
image
(made the container width & rounded exactly the same as on MyMeta https://web-39me.onrender.com/player/peth-yursick)
Also added some drop-shadow for the effect as a mini-sidequest

Split calls to action

As it currently stands, we have 3 separate buttons on the main wiki page;
"for players", "for guilds" & "for patrons" - BUT! Their buttons all lead to a single page: introduction
https://wiki.metagame.wtf/

I wanted to change that, but looks like all 3 buttons are written as a single "call to action" (or "through here" if my pull request gets merged meantime), and I don't know how to split them into 3 buttons.

Each button should be leading to a different page on the wiki, they're all in there already:
https://wiki.metagame.wtf/docs/handbook/for-players
https://wiki.metagame.wtf/docs/handbook/for-guilds
https://wiki.metagame.wtf/docs/handbook/for-investors

The change is made through here:
https://github.com/MetaFam/metagame-wiki/edit/master/src/pages/index.js

Bad sidebars file

I was about to start working on #253 and got an error while running locally:
`Starting the development server...
Error: Bad sidebars file.
These sidebar document ids do not exist:

  • wtf-is-metagame/300-of-metagame`,

This is resolved locally by adding a .md extension to the the 300-of-metagame file. I think without the .md extension it won't be picked up in the sidebars config, even if the file exists in the directory (without an extension)

"Last updated"

Would be great to have a "last updated" info on every wiki page, so it makes it easier to see if a page might be out of date & needs to get updated.
The next step would be to have some kind of a system for keeping track of pages who haven't been update in longer than X but let's get that one step at a time :)
"last updated" pls

Details Foldout Formatting

The styling/formatting for the details foldout changed recently. Now it's blocked off in a teal box. I actually kinda like as a colored box, but at the minimum the box needs to be colored within the MG color scheme. It's actually kinda ironic as the color it is now is super close.

image

Overlapping Div

What happened?

Spotted on a tablet - overlapping column:
div class="col col --3" blocking <aside class="docSidebarContainer
image

What did you expect to happen?

Tried to select menu items but was covered by div containing table of contents

How can we reproduce the problem (as minimally as possible)?

Check site with inspection tool

Is there anything else we need to know?

Works fine at 80% zoom

Browser and operating system used (if applicable)

Chrome - windows & unknown table

Image not showing on wiki page House of DAOs

I mentioned this on Discord, so figured I'd put all of the info here. This looks like another certificate parsing issue...
My env: RedHat Linux 7.9 / Chrome Version 87.0.4280.88 (Official Build) (64-bit)

It appears fine from git in the preview of the page, but once on the wiki is looks like this:

image

The code says:

---
title: πŸ’« House of DAOs
---

![](https://imgur.com/1Kezv9Q.png)

<details>

So I tried https://imgur.com/1Kezv9Q.png in my browser (details above).

and that returns:

image

Feedback on Eth Coaching Playbook

@chair28980 in reference to playbook: https://wiki.metagame.wtf/docs/playbooks/how-to-coach-eth

Somewhere in here we should spell out for the coach and student/new user:

A Low/slow gas transaction/event can inhibit the ability to complete subsequent transactions. It can ultimately cost more gas in the end to have to cancel a slow transaction to facilitate a subsequent transaction that has more time sensitivity. When gauging how patient one can be with a specific transaction, they must think of what they want to do with the address in the near future as well as how patient they can be on the activity or transaction immediately at hand.

Also, This would be a great document to also introduce ethgasstation.info

I couldn't seem to find a way to comment/suggest/collaborate on this particular wiki article. If that requires a separate issue report just let me know.
Using the 'edit this page" link takes me here: https://wiki.metagame.wtf/admin#/?/docs/playbooks/how-to-coach-eth.md
That simply redirects to a login page.
After logging in, I land here: https://wiki.metagame.wtf/admin#/collections/enter-metagame and am unable to find anything on this particular playbook.
Searching by title returns nothing: https://wiki.metagame.wtf/admin#/collections/wtf-is-metagame/search/How%20to%20Coach%20Eth

Slight performance issue when scrolling

Having a background-attachment: fixed makes the whole background image re-paint every time the user scrolls. A better solution would be to make a pseudo element displaying the chosen image and set will-change: transform; to it in order to let the browser know to render the element independently of its surroundings.

You can check the scrolling on MacBook Pro 2020: https://easyupload.io/c8nddj

Design Tweaks

We'll soon be integrating the wiki under MyMeta and its navigation bar. Means we need to change a bunch of things about the wiki to make it match MyMeta' slickness.

Things that need to change:

  • The color scheme of the wiki should match that of MyMeta
    • 1b0d2a for background
    • 261942 for sidebar
    • 392373 for mouse hover highlight
    • a5b9f6 for text
    • b72886 for explore button
    • 5a32e6 for "next page" frame
    • use the MyMeta font
  • Once colors are different, we can get rid of the ugly white line separating the sidebar & text area.
  • I think we should completely get rid of the top navigation bar, because MyMeta' nav bar will come above it. And for the new people we want them to go through one of three paths or click explore, not click straight to "join raid" and get confused. We also don't need the "light mode/dark mode" switch, just keep it dark πŸ™
  • Up for discussion, but I think we should also get rid of the footer section. The goal of the landing page wiki is to get visitors to explore it as a story not click around and get distracted from the storyline. All the links available down there and more, are available in the "Signpost" at the right step of player's journey through the wiki.
  • Once we get rid of nav bar & footer, make it so that "metagame wiki", the headline & "players, guilds & patrons" appear mid-screen rather than top (leaving the bottom empty looking ugly).

Where to change them? I think here.

SEO: Metadata tags for neater embeds

Description

Currently, the metagame wiki makes a terrible embed on discord, with just a title(and most probably in other social platforms as well).
We could add some Meta tags for some form of SEO, and esp. for having neatly embedded links that can actually attract people more, and perhaps give more context.

The current embeds-
current link embed only has a title

As you can see above - the current metagame links don't look so cool on discord. (The link posted below is a site that contains some of the said opengraph tags)

MetaOS Wiki Page Revamp

MetaOS Wiki

The page needs a total overhaul!

Things to do:

  • #346
  • This image needs to go:

    Maybe replace it with this:
  • Draw from's peth's pitch deck for material.
  • "This is a problem we’re facing at the DAO level & it seems like a problem a lot of other DAOs are facing as well". Kind of. There have been various tooling libraries since when this was written that do just that (e.g. Zodiac). The thing is, what is special in the case of Metagame? What does MetaOS do differently?
  • What new info do these bullet points add?
  • Write the new text and get feedback.

Add SASS to the Wiki

Currently there's 3 files for styling the Wiki - one a global vanilla css file and the others, css module files for the homepage and theroom. To me, neither are great options for productivity, flexibility or maintainability. If the wiki is going to grow beyond what it currently is, it would be good to get stuff like this in order.

Docusaurus has a plugin for sass which I did install locally but haven't yet done anything with and @HammadJ pointed me in the direction of the Infima docs.

I am happy to work on this if folks think it adds value.

Discourse-Button disappearing

Wasn't sure whether to post the issue here or under MetaGame Website-please correct me
-When viewing the discourse forum, if you enter a thread and scroll down, the "wiki" button disappears.
-It seems to disappear only when you enter a thread and scroll down, regardless of location.
-Is this intended to work like that?
Discourse_screenshot

ToC hovers on top of Sidebar

What happened?

Table of Contents overlaps with the drop down menu on the right:

MetaWiki_UI_Issue

Where and when:

Spotted on a laptop before entering the server in the player path.
This means that various other people will have encountered the problem before entering the MetaGame Discord.

Imporant: This might throw some people off from joining, especially UX/UI Designers.

How can we reproduce the problem?

  • Reducing the width beyond a certain threshold makes the ToC go to the bottom left-hand corner.

  • @Pronoia42 has encountered a similar issue while opening the inspection tool. Here's their post on a similar issue #365

  • Note: This behavior doesn't happen in default docusaurus and is caused by some of our customization.

Possible cause and proposed solution.

  • Reduced screen width + non-pinned div for ToC -> ToC moves to occupy space on the left.

Problematic element: {div class="tableOfContents_35-E thin-scrollbar theme-doc-toc-desktop"}

Troubleshooting:

  • Inspecting shows that ToC is under element {div class="col col--3"} which is the the sidebar.
  • Issue occurs specifically at widths between 1003-1258px.
  • @polimyl found out that reducing height pushes the ToC up while the sidebar stays locked.
  • At width below 975px the sidebar collapses in drop-down menu on top left corner.
  • Important: Between width 975-1003px, sidebar is fixed on the left side with a scroll-bar. Below 975 it isn't fixed and the issue occurs. The problem is caused by the navbar/sidebar.

Possible solution: Fix sidebar in place on on left side below width of 975px.

Spex (when encountered):
Browser: Brave
OS: Windows 10
Screen res: 1366x768
Text size: 110%

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.