# Headers or Bigger Call Outs

**URL:** <https://forum.kinopio.club/t/headers-or-bigger-call-outs/269>\
**Category:** Fixed or Completed\
**Created:** [March 26, 2021, 12:21am UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269 "2021-03-26T00:21:30Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![kordumb](https://forum.kinopio.club/user_avatar/forum.kinopio.club/kordumb/32/1832_2.png) [@kordumb](https://forum.kinopio.club/u/kordumb)\
**Post date:** [March 26, 2021, 12:21am UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/1 "2021-03-26T00:21:30Z")

</div>

I’d love to be able to create cards with bigger text (maybe markdown headers to go with the other markdown syntax that was added).

I’ve been using Frames for this purpose (and am excited to see what other frames you come up with), but a lot of the time I build my maps around a central card or have a few cards that call out specific notes that I want to be a little more noticeable and currently it feels like they can sometimes get lost.

---

<div class="post-metadata">

**Author:** ![pirijan](https://forum.kinopio.club/user_avatar/forum.kinopio.club/pirijan/32/7_2.png) [@pirijan](https://forum.kinopio.club/u/pirijan)\
**Post date:** [March 26, 2021, 3:11am UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/2 "2021-03-26T03:11:42Z")

</div>

that makes sense, I’d want to address this need but also don’t want to add a bunch of extra text button options to twiddle. In the meantime, in combination with frames, you can emphasize text in cards by wrapping it in markdown `**`'s

 ![Screen Shot 2021-03-25 at 11.10.59 PM](https://forum.kinopio.club/uploads/default/original/1X/a3a3c0d0eb4d4a8f3837d034dde5c1f395a523de.png)

Another technique is to use a contrasty or animated image in the center card, not sure if that’ll work for your use case tho

---

<div class="post-metadata">

**Author:** ![bentsai](https://forum.kinopio.club/user_avatar/forum.kinopio.club/bentsai/32/8_2.png) [@bentsai](https://forum.kinopio.club/u/bentsai)\
**Post date:** [March 26, 2021, 3:32am UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/3 "2021-03-26T03:32:54Z")

</div>

I hear you, @kordumb (btw, welcome to the forums :)). a few other examples I’ve seen/used:

 ![image](https://forum.kinopio.club/uploads/default/original/1X/79b04450a4a014ca48969a318410f7efa06c9410.jpeg)  
⌃ Frame + caps + space between letters

 ![image](https://forum.kinopio.club/uploads/default/original/1X/9d3bc86cf3bddc00552a84c3a21dc6b71098b686.png)  
⇧ combo of emoji and wrapping with backticks or making a tag. this is from [Kinopio – Thinking Canvas](https://kinopio.club/xea-s-mindmap--NcsvzMf9PhGLlyPimWkbg)

I also brainstormed a while back when thinking about this problem, you could write a web service that you give it some text, and it returns an image file. you could then paste that URL and have it get rendered (e.g. `https://texttoimage.com/convert?text=hello&format=.jpg` and maybe that would be enough to “fool” kinopio to render it?

– ben

---

<div class="post-metadata">

**Author:** ![kordumb](https://forum.kinopio.club/user_avatar/forum.kinopio.club/kordumb/32/1832_2.png) [@kordumb](https://forum.kinopio.club/u/kordumb)\
**Post date:** [March 26, 2021, 4:06am UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/4 "2021-03-26T04:06:08Z")

</div>

Thank you both! I think emojis and the \*\* emphasis will work perfect for me.

---

<div class="post-metadata">

**Author:** ![jordanne](https://forum.kinopio.club/user_avatar/forum.kinopio.club/jordanne/32/1106_2.png) [@jordanne](https://forum.kinopio.club/u/jordanne)\
**Post date:** [April 2, 2021, 11:27am UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/5 "2021-04-02T11:27:17Z")

</div>

+1 on markdown headers  
Came here to suggest this too.

# I think Kinopio would GREATLY benefit from just having `#h1` available. In a map, some text needs to be REALLY emphasized more with size.

##### see what I did there

Just establishing visual hierarchy using colours (tagging or ` **bold** `) and images get messy. It’s getting real messy with all the Magical Helpers around lol… At a glance, I see all these colours… but being the same size, they ultimately hold the same level of importance to me. That’s why I’m finding some of my boards getting kind of overwhelming

Those workarounds are great, but they’re just workarounds to me, not solutions ☹

---

<div class="post-metadata">

**Author:** ![pirijan](https://forum.kinopio.club/user_avatar/forum.kinopio.club/pirijan/32/7_2.png) [@pirijan](https://forum.kinopio.club/u/pirijan)\
**Post date:** [April 8, 2021, 9:21pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/6 "2021-04-08T21:21:18Z")

</div>

Def something I’m considering (there are a couple issues w increasing font size/width w a monospace font in a card)

---

<div class="post-metadata">

**Author:** ![stegriff](https://forum.kinopio.club/user_avatar/forum.kinopio.club/stegriff/32/54_2.png) [@stegriff](https://forum.kinopio.club/u/stegriff)\
**Post date:** [April 16, 2021, 12:49pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/7 "2021-04-16T12:49:15Z")

</div>

I have made a thing… you could call it a workaround…

[SVG Text for Kinopio [Space]](https://kinopio.club/svg-text-for-kinopio-TtG2HK6fgtDN4fREuZbqp)

 ![Screenshot of the space](https://forum.kinopio.club/uploads/default/original/1X/5032f2d420b8bde0422758ff061a6c8898680e44.png)

The space above explains it in full, but this is a Glitch project that serves up PNG or SVGs at a URL like [https://svg-text.glitch.me/Hello%20World.png](https://svg-text.glitch.me/Hello%20World.png)

You can use it to make bigger text. There are obvious limitations based on width/height ratios enforced in Kinopio but you could do something like one word-per-image.

I think it’s fun. And if you want to expand it, change the font/formatting, you can remix it on Glitch.

![Example text](https://forum.kinopio.club/uploads/default/original/1X/8613f1764315a8e1f5f2a397e1f6c6fa4419802e.png)

P.s. Pirijan, could you make Kino support SVG images?? 😃

---

<div class="post-metadata">

**Author:** ![bentsai](https://forum.kinopio.club/user_avatar/forum.kinopio.club/bentsai/32/8_2.png) [@bentsai](https://forum.kinopio.club/u/bentsai)\
**Post date:** [April 16, 2021, 1:45pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/8 "2021-04-16T13:45:01Z")

</div>

@stegriff this is great! [I had this very kind of service in mind](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/3) too, but you went ahead and implemented it. I love it.

---

<div class="post-metadata">

**Author:** ![pirijan](https://forum.kinopio.club/user_avatar/forum.kinopio.club/pirijan/32/7_2.png) [@pirijan](https://forum.kinopio.club/u/pirijan)\
**Post date:** [April 16, 2021, 1:45pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/9 "2021-04-16T13:45:21Z")

</div>

> P.s. Pirijan, could you make Kino support SVG images

certainly sounds like it should be possible - added it to my todo list - thx!

---

<div class="post-metadata">

**Author:** ![stegriff](https://forum.kinopio.club/user_avatar/forum.kinopio.club/stegriff/32/54_2.png) [@stegriff](https://forum.kinopio.club/u/stegriff)\
**Post date:** [April 16, 2021, 1:48pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/10 "2021-04-16T13:48:36Z")

</div>

> [@bentsai](#):
>
> I also brainstormed a while back when thinking about this problem, you could write a web service that you give it some text, and it returns an image file. you could then paste that URL and have it get rendered (e.g. `https://texttoimage.com/convert?text=hello&format=.jpg` and maybe that would be enough to “fool” kinopio to render it?

Oh yeah! Great minds!

It was suprisingly quick to build in Glitch (\<1hr) because the node packages already existed (see [Svg Text](https://glitch.com/~svg-text)) and it’s not far from the basic node/express project template.

---

<div class="post-metadata">

**Author:** ![bentsai](https://forum.kinopio.club/user_avatar/forum.kinopio.club/bentsai/32/8_2.png) [@bentsai](https://forum.kinopio.club/u/bentsai)\
**Post date:** [April 16, 2021, 2:02pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/11 "2021-04-16T14:02:26Z")

</div>

Yeah, I browsed the code. I might remix it so you can pass parameters for changing the style properties 🙂

---

<div class="post-metadata">

**Author:** ![pirijan](https://forum.kinopio.club/user_avatar/forum.kinopio.club/pirijan/32/7_2.png) [@pirijan](https://forum.kinopio.club/u/pirijan)\
**Post date:** [April 20, 2021, 3:17pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/12 "2021-04-20T15:17:16Z")

</div>

just added svg image support

---

<div class="post-metadata">

**Author:** ![bentsai](https://forum.kinopio.club/user_avatar/forum.kinopio.club/bentsai/32/8_2.png) [@bentsai](https://forum.kinopio.club/u/bentsai)\
**Post date:** [April 20, 2021, 3:44pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/13 "2021-04-20T15:44:21Z")

</div>

Confirmed – shout out to @stegriff for building this 🙂

![image](https://forum.kinopio.club/uploads/default/original/1X/4f969bc935cd45677f81c368f6c6f82662dc33c8.png)  
 ![image](https://forum.kinopio.club/uploads/default/original/1X/b1584c7d2bc28c32a757c00be8c4ff50d8fd7e15.png)

---

<div class="post-metadata">

**Author:** ![stegriff](https://forum.kinopio.club/user_avatar/forum.kinopio.club/stegriff/32/54_2.png) [@stegriff](https://forum.kinopio.club/u/stegriff)\
**Post date:** [April 20, 2021, 5:09pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/14 "2021-04-20T17:09:12Z")

</div>

> [@pirijan](#):
>
> just added svg image support

High five, you rock! 👏

> [@bentsai](#):
>
> Confirmed – shout out to @stegriff for building this

My pleasure! The downside is that when the Glitch app is “Waking up”, the images are all blank!! 😅

---

<div class="post-metadata">

**Author:** ![pirijan](https://forum.kinopio.club/user_avatar/forum.kinopio.club/pirijan/32/7_2.png) [@pirijan](https://forum.kinopio.club/u/pirijan)\
**Post date:** [September 13, 2021, 10:00pm UTC](https://forum.kinopio.club/t/headers-or-bigger-call-outs/269/15 "2021-09-13T22:00:52Z")

</div>

relatedly, added h1,h2,h3 md support to cards: [Md card headings h1,h2,h3](https://forum.kinopio.club/t/md-card-headings-h1-h2-h3/546)
