Icon library for HTML?

21 views
Skip to first unread message

Andrew Scholer

unread,
Aug 20, 2023, 6:08:29 PM8/20/23
to prete...@googlegroups.com
Would it make sense to adopt an open icon library for use in pretext/runestone HTML? 

It would seem advantageous to steer towards icons that use a single design language. Adopting a library as the "standard" would encourage the use of a cohesive set of icons designed by professionals instead of a mixed bag of various svg's and unicode characters.

I see that the older mathbook-3.css uses the ionicon icon library. My understanding is that is legacy code. Was there a reason it was not carried over into the updated html/css?

I know Runestone makes use of the glyphicons that are a part of older versions of bootstrap.

I'm personally partial to the modern Bootstrap icons library:
https://icons.getbootstrap.com/
But I could get on board any large, open, and popular library.

Andrew Scholer (he/him/his)
Computer Science Instructor/Program Chair
Chemeketa Community College

Rob Beezer

unread,
Aug 20, 2023, 6:21:29 PM8/20/23
to prete...@googlegroups.com
Yes, yes, I forget, and yes, I think.

Seriously, I think it would be a very good idea to choose one, and "I could get
on board with any large, open, and popular library" (since we seem to be quoting
each other). Perhaps Alex has a suggestion?

We could

1. Point to them online (inefficient and unreliable?).

2. Distribute them and copy into "generated" assets as part of builds. We are
doing that with the red play button for videos.

3. The play button was once embedded into the actual XSL file and then pointed
to somehow in a clever way. Maybe I'd need to point to an old commit where it
got removed (we needed it for static, so this drill was no good anymore).
Holler if I should go digging.

Just distribution ideas. What we do not want to do is to tell authors, "go get
this zip file, unzip it locally, copy such-and-such to this directory here,
etc." Authors and publishers should be oblivious, setup and use should be
automatic/automated.

Thanks,
Rob



On 8/20/23 15:07, Andrew Scholer wrote:
> Would it make sense to adopt an open icon library for use in pretext/runestone
> HTML?
>
> It would seem advantageous to steer towards icons that use a single design
> language. Adopting a library as the "standard" would encourage the use of a
> cohesive set of icons designed by professionals instead of a mixed bag of
> various svg's and unicode characters.
>
> I see that the older mathbook-3.css uses the ionicon icon library. My
> understanding is that is legacy code. Was there a reason it was not carried over
> into the updated html/css?
>
> I know Runestone makes use of the glyphicons that are a part of older versions
> of bootstrap.
>
> I'm personally partial to the modern Bootstrap icons library:
> https://icons.getbootstrap.com/ <https://icons.getbootstrap.com/>
> But I could get on board any large, open, and popular library.
>
> Andrew Scholer (he/him/his)
> Computer Science Instructor/Program Chair
> Chemeketa Community College
> 503.589.7649
> computerscience.chemeketa.edu/people/andrew-scholer/
> <http://computerscience.chemeketa.edu/people/andrew-scholer/>
>
> --
> You received this message because you are subscribed to the Google Groups
> "PreTeXt development" group.
> To unsubscribe from this group and stop receiving emails from it, send an email
> to pretext-dev...@googlegroups.com
> <mailto:pretext-dev...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer>.

David W. Farmer

unread,
Aug 20, 2023, 7:13:56 PM8/20/23
to prete...@googlegroups.com

There were problems with lack of support of ionicon, in some
browsers, at the time we stopped using it.
> email to pretext-dev...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect.
>
>

Andrew Scholer

unread,
Aug 21, 2023, 12:02:59 PM8/21/23
to prete...@googlegroups.com
I did some research on options Material and Bootstrap seem to be the largest and best-supported libraries. Here is a little demo of the two:

Material Symbols (google)
3000+ icons
Apache License
2.9MB initial download
https://fonts.google.com/icons
Specify symbols with text ligatures or character entities (shown in the two different calc buttons in demo)

Bootstrap Icons
1800+ icons
MIT License
121KB initial download
https://icons.getbootstrap.com/
Specify symbols with CSS classes or character entities (shown in the two different calc buttons in demo)


Both use a similar structure. You can either grab icons as one-off svgs or you can import a CSS file that imports a font file - icons are rendered in that font. Both use woff/woff2 fonts - those have basically universal support from modern or even semi-modern browsers and epub (https://caniuse.com/?search=woff).

So one version of "deployment" is just using individual svgs and knowing that if you need an icon, you should try to use the "official" icon library so things look consistent.

But I'd recommend actually using the full fonts. The advantage of that method is that it does a better job of separating the semantics (calculator icon goes here) from the actual presentation (a particular icon). It is possible to use CSS to change which version of an icon is getting used (say a filled vs outline) or completely change the glyph being used. See the "overrides" section of my jsfiddle. That seems super useful for doing things like supporting dark-color themes that might need "weightier" icons. It also gives a designer the ability to add an icon from the font strictly using CSS (a .warning container could be styled to always display an exclamation glyph).

As for deployment, I'd lean towards just importing CSS from the standard CDN. That is one less set of files to maintain and is more efficient for end users (their browser can use cached version of css/font files it already has from other sites).

Eventually, it would be nice to have a "totally self-contained HTML" build option, but there are a LOT of things that already require internet access. If that ever gets tackled it would not be too hard to package the 2 to 3 required files.


Andrew Scholer (he/him/his)
Computer Science Instructor/Program Chair
Chemeketa Community College

Rob Beezer

unread,
Aug 21, 2023, 1:01:50 PM8/21/23
to prete...@googlegroups.com
Dear Andrew,

Thanks for the careful analysis, and I like your recommendations.

In particular a more semantic approach may also make a future swap simpler.

And you are right, we rely on many things from CDNs so one more will not matter.

Rob

On 8/21/23 09:02, Andrew Scholer wrote:
> I did some research on options Material and Bootstrap seem to be the largest and
> best-supported libraries. Here is a little demo of the two:
> https://jsfiddle.net/ascholerChemeketa/duybx4ah/
> <https://jsfiddle.net/ascholerChemeketa/duybx4ah/>
>
> Material Symbols (google)
> 3000+ icons
> Apache License
> 2.9MB initial download
> https://fonts.google.com/icons <https://fonts.google.com/icons>
> Specify symbols with text ligatures or character entities (shown in the two
> different calc buttons in demo)
>
> Bootstrap Icons
> 1800+ icons
> MIT License
> 121KB initial download
> https://icons.getbootstrap.com/ <https://icons.getbootstrap.com/>
> Specify symbols with CSS classes or character entities (shown in the two
> different calc buttons in demo)
>
>
> Both use a similar structure. You can either grab icons as one-off svgs or you
> can import a CSS file that imports a font file - icons are rendered in that
> font. Both use woff/woff2 fonts - those have basically universal support from
> modern or even semi-modern browsers and epub (https://caniuse.com/?search=woff
> <https://caniuse.com/?search=woff>).
> <http://computerscience.chemeketa.edu/people/andrew-scholer/>
> >>  <http://computerscience.chemeketa.edu/people/andrew-scholer/
> <http://computerscience.chemeketa.edu/people/andrew-scholer/>>
> >>
> >>  --
> >>  You received this message because you are subscribed to the Google Groups
> >>  "PreTeXt development" group.
> >>  To unsubscribe from this group and stop receiving emails from it, send an
> >>  email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >>  <mailto:pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>>.
> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer>>.
> >
> > --
> > You received this message because you are subscribed to the Google Groups
> > "PreTeXt development" group.
> > To unsubscribe from this group and stop receiving emails from it, send an
> > email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>.
> > To view this discussion on the web visit
> >
> https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect>.
> >
> >
>
> --
> You received this message because you are subscribed to the Google Groups
> "PreTeXt development" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org>.
>
> --
> You received this message because you are subscribed to the Google Groups
> "PreTeXt development" group.
> To unsubscribe from this group and stop receiving emails from it, send an email
> to pretext-dev...@googlegroups.com
> <mailto:pretext-dev...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com?utm_medium=email&utm_source=footer>.

Andrew Scholer

unread,
Aug 23, 2023, 10:23:11 AM8/23/23
to prete...@googlegroups.com
I just discovered the <icon> tag - there is a nice abstraction layer that provides access for authors to use font-awesome to create a selected set of glyphs. However, it is not used in any of the HTML scaffolding produced be PreTeXt. I'll submit a PR that makes the icon template callable from xsl.

I still think it makes sense to switch off of font-awesome. We really should have visual consistency between PreTeXt and Runestone and consolidating around font-awesome seems unwise when it has an increasingly aggressive freemium model. In the drop-in yesterday (before I discovered the font-awesome hooks) Material seemed to be the preferred option. Runestone is already using it for various non-pretext admin/instructor pages.

The good news is the <icon> template provides a simple mechanism for swapping out the icon library.

Andrew Scholer (he/him/his)
Computer Science Instructor/Program Chair
Chemeketa Community College

To unsubscribe from this group and stop receiving emails from it, send an email to pretext-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzNC5iZWV6ZXI.1692637307%40quikprotect.

Rob Beezer

unread,
Aug 23, 2023, 12:33:59 PM8/23/23
to prete...@googlegroups.com
First, no great attachment to FontAwesome, so open to replacements.

BUT, the "icon" element is designed for use in content when you are *writing
about* things like a user-interface, say in documentation from some program. To
have it provide *parts of the actual user-interface* (for reading a book) would
be a new role. Not saying it is not a good idea, we'll just need to understand
the implications. And perhaps the lookup table and supporting templates will
easily accomplish this.

AND, Runestone history is HTML-only. We gotta get these icons into LaTeX.
Can't do one without the other. We use a LaTeX package that bundles the icons
into a font:

https://github.com/xdanaux/fontawesome-latex

I'll save you looking. No commits for over 7 years. I think it was a bit stale
when we first used it. So no big commitment here either, and we can still use
this package to support the LaTeX side. But eventually, I think we'll need to
move away from it also.

Rob


On 8/23/23 07:22, Andrew Scholer wrote:
> I just discovered the <icon> tag - there is a nice abstraction layer that
> provides access for authors to use font-awesome to create a selected set of
> glyphs. However, it is not used in any of the HTML scaffolding produced
> be PreTeXt. I'll submit a PR that makes the icon template callable from xsl.
>
> I still think it makes sense to switch off of font-awesome. We really should
> have visual consistency between PreTeXt and Runestone and consolidating around
> font-awesome seems unwise when it has an increasingly aggressive freemium model.
> In the drop-in yesterday (before I discovered the font-awesome hooks) Material
> seemed to be the preferred option. Runestone is already using it for various
> non-pretext admin/instructor pages.
>
> The good news is the <icon> template provides a simple mechanism for swapping
> out the icon library.
>
> Andrew Scholer (he/him/his)
> Computer Science Instructor/Program Chair
> Chemeketa Community College
> 503.589.7649
> computerscience.chemeketa.edu/people/andrew-scholer/
> <http://computerscience.chemeketa.edu/people/andrew-scholer/>
> > <http://computerscience.chemeketa.edu/people/andrew-scholer/
> <http://computerscience.chemeketa.edu/people/andrew-scholer/>>
> >
> >
> > On Sun, Aug 20, 2023 at 4:13 PM David W. Farmer <far...@aimath.org
> <mailto:far...@aimath.org>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>
> >      >>  <mailto:pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>>.
> >      >>  To view this discussion on the web visit
> >      >>
> >
> https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com>>
> >      >>
> >
>  <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer>>>.
> >      >
> >      > --
> >      > You received this message because you are subscribed to the Google
> Groups
> >      > "PreTeXt development" group.
> >      > To unsubscribe from this group and stop receiving emails from it,
> send an
> >      > email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>.
> >      > To view this discussion on the web visit
> >      >
> >
> https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect> <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect>>.
> >      >
> >      >
> >
> >     --
> >     You received this message because you are subscribed to the Google Groups
> >     "PreTeXt development" group.
> >     To unsubscribe from this group and stop receiving emails from it, send an
> >     email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>.
> >     To view this discussion on the web visit
> >
> https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org> <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org>>.
> >
> > --
> > You received this message because you are subscribed to the Google Groups
> > "PreTeXt development" group.
> > To unsubscribe from this group and stop receiving emails from it, send an
> email
> > to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> > <mailto:pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>>.
> > To view this discussion on the web visit
> >
> https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com> <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com?utm_medium=email&utm_source=footer>>.
>
> --
> You received this message because you are subscribed to the Google Groups
> "PreTeXt development" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzNC5iZWV6ZXI.1692637307%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzNC5iZWV6ZXI.1692637307%40quikprotect>.
>
> --
> You received this message because you are subscribed to the Google Groups
> "PreTeXt development" group.
> To unsubscribe from this group and stop receiving emails from it, send an email
> to pretext-dev...@googlegroups.com
> <mailto:pretext-dev...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/CACm44N9e4ze2cBRS6cm6kDQXa%3DM8OVt8yY6PRORCfRhuT9ShCA%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N9e4ze2cBRS6cm6kDQXa%3DM8OVt8yY6PRORCfRhuT9ShCA%40mail.gmail.com?utm_medium=email&utm_source=footer>.

Andrew Scholer

unread,
Aug 24, 2023, 2:13:32 PM8/24/23
to prete...@googlegroups.com
It seems like there are two logical paths to getting standardized icons into the page "shell" (as opposed to author content):

1) Use the existing icon template with something like:
                             <xsl:call-template name="icon">
                                <xsl:with-param name="name" select="'caret-up'"/>
                            </xsl:call-template>   

Pros:
We aren't including both font-awesome and material-symbols
Uses the nice icon abstraction layer to make switching relatively painless
Cons:
Doesn't unify us with the Runestone icons (material)

2) Use material for "shell" icons
Pros:
We are unified with Runestone icons
Cons:
2 icon fonts included
Author icons are different than shell icons (maybe not a big deal?)

Shifting the existing author icon library to material is an unknown amount of work. I am 100% sure it is doable, but can't speak to how much work there is to get the necessary bits in place for latex.

I was initially leaning towards #1 as the idea of including two icon libraries is kind of gross. 

But if we are willing to suffer through two icon library includes (possibly remedied if author icons get switched), #2 gets us to a consistent appearance with Runestone faster and doesn't go further down the font-awesome road. I'm leaning towards #2 now.

Andrew Scholer (he/him/his)
Computer Science Instructor/Program Chair
Chemeketa Community College

To unsubscribe from this group and stop receiving emails from it, send an email to pretext-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pretext-dev/MTAwMDAyNi5iZWV6ZXI.1692808437%40quikprotect.

Rob Beezer

unread,
Aug 24, 2023, 3:01:13 PM8/24/23
to prete...@googlegroups.com
I think #2 sounds fine.

Icons in the shell and icons in the content are serving two different purposes
(until we write a PreTeXt document about how to read a PreTeXt book, which may
actually be needed). So I don't find consistency here a big deal. And we are
encouraging alternative shells so in theory somebody could make a shell that
*needs* a different icon library? OK, let's not go there.

Maybe this is part of your plan - however the Material collection names fonts
will require new entries in the name-lookup table? And with that done, a simple
change in the templates would switch collections? Or do we need/want a new
template with name "icon-shell"? I'm not looking too carefully at the code, so
quickly dismiss anything that sounds nuts.

Rob
> <http://computerscience.chemeketa.edu/people/andrew-scholer/>
> > <http://computerscience.chemeketa.edu/people/andrew-scholer/
> <http://computerscience.chemeketa.edu/people/andrew-scholer/>>
> >
> >
> > On Mon, Aug 21, 2023 at 10:01 AM Rob Beezer <bee...@privacyport.com
> <mailto:bee...@privacyport.com>
> >      >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>
> >     <mailto:pretext-dev%252Buns...@googlegroups.com
> <mailto:pretext-dev%25252Bun...@googlegroups.com>>>
> >     <mailto:pretext-dev%252Buns...@googlegroups.com
> <mailto:pretext-dev%25252Bun...@googlegroups.com>>>>.
> >      >      >>  To view this discussion on the web visit
> >      >      >>
> >      >
> >
> https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com>> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com>>>
> >      >      >>
> >      >
> >
>  <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer>> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer> <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N_tqyyAnCMRn62JU3yWdPz1hBjtbNdmYfGmRZkHm81gRg%40mail.gmail.com?utm_medium=email&utm_source=footer>>>>.
> >      >      >
> >      >      > --
> >      >      > You received this message because you are subscribed to the
> Google
> >     Groups
> >      >      > "PreTeXt development" group.
> >      >      > To unsubscribe from this group and stop receiving emails
> from it,
> >     send an
> >      >      > email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>
> >      >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>
> >     <mailto:pretext-dev%252Buns...@googlegroups.com
> <mailto:pretext-dev%25252Bun...@googlegroups.com>>>.
> >      >      > To view this discussion on the web visit
> >      >      >
> >      >
> >
> https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect> <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect>> <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect> <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzMi5iZWV6ZXI.1692570086%40quikprotect>>>.
> >      >      >
> >      >      >
> >      >
> >      >     --
> >      >     You received this message because you are subscribed to the
> Google Groups
> >      >     "PreTeXt development" group.
> >      >     To unsubscribe from this group and stop receiving emails from
> it, send an
> >      >     email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>
> >      >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>
> >     <mailto:pretext-dev%252Buns...@googlegroups.com
> <mailto:pretext-dev%25252Bun...@googlegroups.com>>>.
> >      >     To view this discussion on the web visit
> >      >
> >
> https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org> <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org>> <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org> <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org <https://groups.google.com/d/msgid/pretext-dev/35b4be9-16c5-71c2-b6a1-1fb7dce0bb5d%40aimath.org>>>.
> >      >
> >      > --
> >      > You received this message because you are subscribed to the Google
> Groups
> >      > "PreTeXt development" group.
> >      > To unsubscribe from this group and stop receiving emails from it,
> send an
> >     email
> >      > to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>
> >      > <mailto:pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>>.
> >      > To view this discussion on the web visit
> >      >
> >
> https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com> <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com>> <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com?utm_medium=email&utm_source=footer> <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N8Ex1udtvmuo%2BY81%3DVC1jY%2BpaWEU9f7oF1kM90a0xP%2B%3Dg%40mail.gmail.com?utm_medium=email&utm_source=footer>>>.
> >
> >     --
> >     You received this message because you are subscribed to the Google Groups
> >     "PreTeXt development" group.
> >     To unsubscribe from this group and stop receiving emails from it, send an
> >     email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> >     <mailto:pretext-dev%2Bunsu...@googlegroups.com
> <mailto:pretext-dev%252Buns...@googlegroups.com>>.
> >     To view this discussion on the web visit
> >
> https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzNC5iZWV6ZXI.1692637307%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzNC5iZWV6ZXI.1692637307%40quikprotect> <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzNC5iZWV6ZXI.1692637307%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAzNC5iZWV6ZXI.1692637307%40quikprotect>>.
> >
> > --
> > You received this message because you are subscribed to the Google Groups
> > "PreTeXt development" group.
> > To unsubscribe from this group and stop receiving emails from it, send an
> email
> > to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>
> > <mailto:pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>>.
> > To view this discussion on the web visit
> >
> https://groups.google.com/d/msgid/pretext-dev/CACm44N9e4ze2cBRS6cm6kDQXa%3DM8OVt8yY6PRORCfRhuT9ShCA%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N9e4ze2cBRS6cm6kDQXa%3DM8OVt8yY6PRORCfRhuT9ShCA%40mail.gmail.com> <https://groups.google.com/d/msgid/pretext-dev/CACm44N9e4ze2cBRS6cm6kDQXa%3DM8OVt8yY6PRORCfRhuT9ShCA%40mail.gmail.com?utm_medium=email&utm_source=footer <https://groups.google.com/d/msgid/pretext-dev/CACm44N9e4ze2cBRS6cm6kDQXa%3DM8OVt8yY6PRORCfRhuT9ShCA%40mail.gmail.com?utm_medium=email&utm_source=footer>>.
>
> --
> You received this message because you are subscribed to the Google Groups
> "PreTeXt development" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to pretext-dev...@googlegroups.com
> <mailto:pretext-dev%2Bunsu...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/MTAwMDAyNi5iZWV6ZXI.1692808437%40quikprotect <https://groups.google.com/d/msgid/pretext-dev/MTAwMDAyNi5iZWV6ZXI.1692808437%40quikprotect>.
>
> --
> You received this message because you are subscribed to the Google Groups
> "PreTeXt development" group.
> To unsubscribe from this group and stop receiving emails from it, send an email
> to pretext-dev...@googlegroups.com
> <mailto:pretext-dev...@googlegroups.com>.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/pretext-dev/CACm44N-S%3DuohgYe%3DGFBqfqSg0SWo-i8zV0PG-W96ysyYtvhk0Q%40mail.gmail.com <https://groups.google.com/d/msgid/pretext-dev/CACm44N-S%3DuohgYe%3DGFBqfqSg0SWo-i8zV0PG-W96ysyYtvhk0Q%40mail.gmail.com?utm_medium=email&utm_source=footer>.

Andrew Scholer

unread,
Aug 25, 2023, 8:39:07 PM8/25/23
to prete...@googlegroups.com
I have an implementation of the Material Symbols library to provide icons: 

I updated default and CRC to use the icons. Visible changes to full-width views are minimal other than using the Material Symbols icons. In the default style with smaller widths, the calc and index buttons are retained by using their icons.


The default includes the Runestone controls, which are non-functional since this isn't hosted on Ruenstone. You can see what it looks like without them by opening the dev console in your browser (https://balsamiq.com/support/faqs/browserconsole/) and typing:
document.querySelector('.nav-runestone-controls').remove();


Andrew Scholer (he/him/his)
Computer Science Instructor/Program Chair
Chemeketa Community College

To unsubscribe from this group and stop receiving emails from it, send an email to pretext-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/pretext-dev/MTAwMDAxNi5iZWV6ZXI.1692903671%40quikprotect.
Reply all
Reply to author
Forward
0 new messages