Skip to content

Commit

Permalink
Link to the very top of page on a GitHub page
Browse files Browse the repository at this point in the history
  • Loading branch information
verityj committed Jun 28, 2023
1 parent 26cd9d6 commit 61bfeef
Showing 1 changed file with 1 addition and 68 deletions.
69 changes: 1 addition & 68 deletions _posts/2023-06-27-links.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,75 +43,8 @@ For example, `<body id="top-of-page">` or whatever you choose.

Now, I can type `[Back to top](#top-of-page)` and that link will always jump to the very start of the page. Which is sometimes preferable than having a link to some top section like the Table of contents, if there is some introductory text above it and you want an option to let readers just go to top and see everything on your page again.

## Resource
## Resources

- [front matter] documentation

[front matter]: https://jekyllrb.com/docs/front-matter/





There are multiple repositories available, and websites that are set up to help us code the emoji symbols into GitHub pages. But are they needed?

{: .text-center }

## Official instructions

Let's start with the proper way. First of all, [Jekyll markdown support] is clear that emoji codes are not automatically supported.

To enable support, there is [jemoji] plugin. All you have to do is add it to your `_config.yml` plugin list:
```
plugins:
- jemoji
```

It is also officially listed as a [jemoji ruby gem].

And then you can type out any emoji code and it will become the symbol in the rendered page. Beautiful.

## Some sites with nice emoji code lists:

1. [RXaviers gist] list with images next to each code
1. [Emoojees]
1. [getemoji]

... you get the idea.

## But why not use the default Emoji menu and do the same?

But what if we skipped all the above and just typed up our markdown files in Xcode or GitHub website or other rich text editor (admittedly, I did not check the different software extensively).

If I want an emoji added, I hit an emoji shortcut (Mac default: `command (⌘)` - `control` - `spacebar`. Or you can assign the `globe / fn` key to open the emoji menu. That's how I just inserted the command symbol above and it works. If it is not among my recent symbols, I can start typing a search.

So, do we really need to go through all the work in coding each emoji manually?

## Screenshots, to clarify

Emoji menu in action:

<img class="centered" width="60%;" src="/assets/images/2023-06-24a.png" />

Accessing from the Input menu (if enabled):

<img class="centered" width="20%;" src="/assets/images/2023-06-24b.png" />


Setting up to access with the Globe / fn key:
<img class="centered" width="60%;" src="/assets/images/2023-06-24c.png" />

## Resources

- Check out the [Apple help page on emojis and symbols].
- [Jekyll markdown support]
- [Apple help page on emojis and symbols]

[Jekyll markdown support]: https://www.markdownguide.org/tools/jekyll/
[jemoji]: https://github.com/jekyll/jemoji
[RXaviers gist]: https://gist.github.com/rxaviers/7360908
[jemoji ruby gem]: https://rubygems.org/gems/jemoji
[getemoji]: https://getemoji.com
[Emoojees]: https://emoojees.com
[Apple help page on emojis and symbols]: https://support.apple.com/guide/mac-help/use-emoji-and-symbols-on-mac-mchlp1560/mac

0 comments on commit 61bfeef

Please sign in to comment.