Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

adding hexmap markup, based off of legacy tab markup. #98

Draft
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

cyberselkie
Copy link
Contributor

@cyberselkie cyberselkie commented Oct 2, 2023

Needs a lot of work and added configuration but currently the following code put on a page will make a 3-hex hexmap. You can click on the hexes and it will display the formatted text.

``````hexmap
---
id: hexmap
use_legacy: true
---
```hex
---
name: "first hex"
id: hex1
---
Option to turn tab pressing into a link to another page? Ideally...
```

```hex
---
name: "second hex"
id: hex2
---
_Preferably_ not too much text because it looks weird when it scrolls. 
```
```hex
---
name: "third hex"
id: hex3
---
_This is what happens when there is a lot of text._

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vulputate nunc metus, fringilla cursus nulla consequat at. Ut fringilla ex nec purus laoreet, id feugiat dui ultrices. Quisque risus nibh, dictum quis felis in, viverra rutrum augue. Phasellus in ex vel urna luctus lacinia. Phasellus cursus lectus eu finibus ultricies. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Duis nec feugiat mauris, sed ultricies metus. Aenean semper consectetur justo ac sagittis. Curabitur condimentum nisl vel eros commodo, egestas cursus enim varius. Phasellus accumsan accumsan nisi quis bibendum. Nunc venenatis velit eget massa viverra iaculis. Proin eu facilisis libero.

Ut lacinia condimentum arcu eu tincidunt. Integer facilisis purus dignissim est tristique, nec volutpat eros molestie. Morbi maximus sem et erat fermentum cursus. Suspendisse faucibus mauris justo, in suscipit nisi sagittis sit amet. Nullam sit amet lorem a libero faucibus luctus. Ut iaculis est iaculis ligula venenatis mollis. Pellentesque fringilla lacus at tincidunt congue. Nullam tristique enim mauris, at varius nulla vulputate eget. Ut sed augue enim.
```
``````

Limitations:

  • Formatting is limited to what is hard coded in right now.
  • Hexmaps are always 5 hexes wide.

To do:

  • - Make this shit configurable (can be done with classes)
  • - add hidden hexes for blank spots (can be done with classes)
  • - get shoelace icons to work

@netlify
Copy link

netlify bot commented Oct 2, 2023

Deploy Preview for platen ready!

Name Link
🔨 Latest commit 5d6209e
🔍 Latest deploy log https://app.netlify.com/sites/platen/deploys/655850774c67b30008bef714
😎 Deploy Preview https://deploy-preview-98--platen.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@cyberselkie cyberselkie marked this pull request as draft October 2, 2023 23:56
@cyberselkie
Copy link
Contributor Author

cyberselkie commented Oct 3, 2023

  • Added the right config to the params.yml.
  • Added scrolling when clicking on hexes, and headers over the hex text.
  • Cleaned up the canonicalize file some.

Charlotte and others added 3 commits October 3, 2023 18:52
This change builds on the prototype by @cyberselkie to
emit a hexmap on a page. It emits a list of buttons
above a shoelace tab group. The buttons should display
as hex map tiles. Clicking the buttons selects the
appropriate tab in the group. Eventually, selecting
a tab should also highlight/select the hex in the
map above.

None of the styling is in place. This PR is intended
for comparison only, the canonical PR should be the
original submission with updates and this PR and
commit should be thrown away at that time.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants