bartblast

bartblast

Creator of Hologram

Does syntax highlighting on the Hologram website look ok?

Hey everyone! Just added syntax highlighting to the Hologram website.

What seemed like a simple task turned into quite the adventure. Custom parsers, formatters, and an endless cycle of “hmm, maybe this shade of blue would look better…” made me realize this would be a significant time investment. Even though I started working on it before the playable release, I decided to postpone it to focus on getting the playable version out faster.

So… on a scale from “my eyes are bleeding” to “ooh, pretty!”, how’s the color scheme working for you? :grinning_face_with_smiling_eyes: Would you like me to adjust anything?

P.S. Thanks @D4no0 and @christhekeele for the feedback re syntax highlighting (in the Documentation Updates thread), and @tmbb for the awesome Makeup library that made it possible!

Most Liked

garrison

garrison

Colors look good to me except the yellow braces - they’re a bit distracting. On Hexdocs the braces are text color (light gray), and I think that looks better.

For the docs overall, the font size is way too big and the column width is too wide. Both look about perfect to me on Hexdocs, so I would just grab what they use and that would help a lot with readability.

Also, there is a typo in the code for “Expression Longhand Syntax” (closing brace). I was going to link the line but I can’t actually find the repo for the site (is it closed?) so hopefully you find it! :slight_smile:

garrison

garrison

Oh and this is definitely not highlighting-related (sorry), but you should probably add anchors to the sections on each page. A simple “#” next to each section title (preferably hide unless hovered) should suffice.

bartblast

bartblast

Creator of Hologram

Thanks for the feedback and bug report @garrison!

The missing curly brace is now fixed. About the yellow braces - currently I’m using yellow for all curly braces, though they’re part of a planned nesting-based color system where different nesting levels will have distinct colors (similar to IDE themes), with yellow appearing at level 3 of nesting. I’ll probably prepare a few different variants and make a poll, as I know sometimes people hesitate to share critical feedback directly.

I appreciate the font size feedback from Hexdocs - that’s a good reference point for readability. And yes, section anchors are coming soon! Actually planning to add a nice fixed sidebar on the right showing the current page’s contents.

Where Next?

Popular in News & Updates Top

bartblast
Hologram v0.8.0 is out! This release brings JavaScript interoperability - the most requested feature since the project’s inception. You c...
New
zachdaniel
:police_car_light: New AshAuthentication Installers :police_car_light: The AshAuthentication igniter installers are released! Today on s...
New
fhunleth
We’ve released new versions of all of the officially maintained Nerves Systems. The official systems, nerves_system_rpi0, nerves_system_b...
New
fhunleth
It looks like it’s finally safe to announce that Nerves supports Erlang/OTP 26 and Elixir 1.15! We’ve updated dozens of Nerves and close...
New
bartblast
Hologram UI is in the works - the official component library for Hologram - and the waiting list is now open. A common reaction when I m...
New
sorenone
The title doesn’t relay the depth of this announcement, but it is short, balanced, and looked good to us. From open sourcing multiple pac...
New
bartblast
Great news for Hologram: the Erlang Ecosystem Foundation has awarded a stipend to support key development milestones! I’m deeply gratefu...
New
mat-hek
Hi everyone, I’d like to share with you a new library from the Membrane team - Boombox. It’s a simple streaming tool built on top of Mem...
New
fhunleth
Nerves systems provide the operating system, libraries and other tools for building firmware for specific hardware. The Nerves Core Team ...
New
hugobarauna
This post introduces the new data features in Livebook 0.9: fast data exploration through integration with Explorer, interactive data tab...
New

Other popular topics Top

msaraiva
Surface is an experimental library built on top of Phoenix LiveView and its new LiveComponent API that aims to provide a more declarative...
564 43622 214
New
Lily
In templates/appointment/index.html.eex: <%= for appointment <- @appointments do %> <tr> <td><%= appoi...
New
hariharasudhan94
lets say i have a sample like a = 20; b = 10; if (a > b) do {:ok, "a"} end if (a < b) do {:ok, b} end if (a == b) do {:ok, "equa...
New
jaysoifer
Is there a way to rollback a specific migration and only that one (“skipping” all the other ones)? Would mix ecto.rollback -v 200809061...
New
bsollish-terakeet
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
komlanvi
Hi everyone, I was playing with phoenix liveView but I run into an issue. I have a form and want to validate each input text when the te...
New
AstonJ
We’ve put together this wiki for Phoenix LiveView - please feel free to add any info you feel is worth including. What is Phoenix LiveV...
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
sergio
Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...
New

Latest on Elixir Forum

We're in Beta

About us Mission Statement