Start My Family Tree Welcome to Geni, home of the world's largest family tree.
Join Geni to explore your genealogy and family history in the World's Largest Family Tree.

Geni Wikitext, Unicode and images

« Back to Projects Dashboard

Project Tags

The Wikitext tricks for baby_badge.gif

privacy/stick_figures_blue.jpg This project is entirely made to show how you can use current Wiki markup support in Geni, using Unicode® symbols and an overview of images you can use in the About Me part of profiles, surname and project descriptions.

●▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬♥▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬●

Basic formatting

Using Titles

Level 1 title

   =Level 1 title=

Level 2 title

   ==Level 2 title==

Level 3 title

  ===Level 3 title===

Titles can be combined with indents by adding a number of >'s at the start of the line, for example making a visually centered title:

Centered title

>>>>>==Centered title==

You can also use images and hyperlinks in a title.

Display in Bold, Italic or BoldItalic

  • Italic text - entered by adding two '-s before and after the text.

''Italic text''

  • Bold text - entered by adding three '-s before and after the text

'''Bold text'''

  • Bold Italic - entered by adding five'-s before and after the text

'''''Bold Italic'''''

The easiest way to set a font-face is by selecting the text and clicking on the [B] or [I] button above the text edit window.

Bullet list

Bullet levels are made by inserting a number of *'s at the start of the line and when inserting long lines the text wraps to the same level.

  • Bullet level 1 entered as * Bullet level 1
    • Bullet level 2 entered as ** Bullet level 2. If the text is very very very very very very very very very very very very very very very very very very long it wraps to the same indentation level.
      • Bullet level 3 entered as *** Bullet level 3
        • Bullet level 4 entered as **** Bullet level 4
    • Continued on bullet level 2 with ** at the start of the line.

You cannot enter a bullet level more than one lever higher than the current directly, but need to be within the previous level to display it. You can however get the same visual effect by preceding a level 1 bullet with an indentation.

  • Indented bullet level
>> * Indented bullet level

Numbered list

Automatically numbered lists are made by inserting a number of #'s at the start of the line. Other usages as on bullets.

  1. Level 1. Start line with #
    1. Level 2, Start line with ##
      1. Level 3. Start line with ###
        1. Level 4. Start line with ####
    2. Continued on number level 2 with ## at the start of the line.

Indents

Indentations is applied to a line or section by inserting a number of >'s at the start of the line.

Indent level 1

>Indent level 1

Indent level 2

>>Indent level 2

Indent level 3

>>>  Indent level 3

Indent level 4

>>>> Indent level 4

//cldr.unicode.org/_/rsrc/1307818630371/config/customLogo.gif?revision=1 Useful Unicode® symbols

  • Chess and cards: ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧
  • Arrows: ← ↑ → ↓ ↔ ↕ ⇄ ⇅ ↲ ↳ ↴ ↵ ↶ ↷ ↺ ↻ ➔ ➘ ➙ ➚ ➜ ➟ ➠ ➤ ➥ ➨ ➫ ➬ ➭ ➮ ➯ ➲ ➳ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ◀ ▶ ◁ ▷ ◊
  • Hands and smileys: ☚ ☛ ☜ ☝ ☞☟☹ ☺☻
  • Signs: ☠ ☡ ☢ ☣ ☤ ☥ ☦ ☧ ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☯ ♀ ♂ ♨
  • Trigram: ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷
  • Music: ♩ ♪ ♫ ♬ ♭ ♮ ♯
  • Astrology etc: ♁ ♃ ♄ ♅ ♆ ♇ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
  • Weather etc: ☀ ☁ ☂ ☃ ☄ ★ ☆ ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☔
  • Office: ☎ ☏ ☐ ☑ ☒ ☓ ✁ ✂ ✃ ✄ ✅ ✆ ✇ ✈ ✉ ✎ ✏ ✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘
  • ⓐ ⓑ © ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ
  • ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉
  • Sample zero⁽⁰⁾ one⁽¹⁾ two⁽²⁾ three⁽³⁾ four⁽⁴⁾ five⁽⁵⁾ six⁽⁶⁾ seven⁽⁷⁾ eight⁽⁸⁾ nine⁽⁹⁾
  • x⁰ x¹ x² x³ x⁴ x⁵ x⁶ x⁷ x⁸ x⁹
  • ❝We are all related❞
  • quote_start.gifWow!

Jingles using Unicode

  • I icn_heart.gif you! (Entered as: I {{icn_heart.gif}} You!)
  • ٩(•̮̮̃•̃)۶
  • ٩(-̮̮̃•̃)۶
  • *̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡
  • ̿̿̿ ̿' ̿'\̵͇̿̿\з=(•̪●)=ε/̵͇̿̿/'̿'̿ ̿
  • ✫✫✫...¸.•°*”˜˜”*°•.ƸӜƷ
  • ♥♪♫•*¨*•.¸¸❤¸¸.•*¨*•♫♪
  • •*¨*•♫♪ ♪♫•*¨*•.¸¸ ¸.•*¨*•♫♪ ¸.•*¨*•♫♪
  • ♥❤♥❤♥❤♥❤

ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡

  • ~*♥ Love & Peace ♥*~
  • ƸӜƷ
  • (*•.¸(*•.¸ ¸.•*´)¸.•*´)
  • ◕‿◕
  • ஜ۩۞۩ஜ
  • ’•.¸*♫♪♥(✿◠‿◠)♥♫♪*¸.•’´¯)
  • ♥♥♥♥♥.¸•★.¸•★
  • ...(¯•´¯)___(¯•´¯)__
  • ˜*•. ˜”*°•.˜”*°••°*”˜.•°*”˜
  • Party ٩(-̮̮̃-̃)۶ at my __̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡
  • ▁▂▃▄▅▆▇█▇▆▅▄▃▂▁
  • ٩(-̮̮̃•̃)۶ ♪♫•*¨*•.¸¸☺ icn_heart.gif ☻¸¸.•*¨*•♫♪ ٩(•̮̮̃•̃)۶
  • •*´¨*•.¸¸.•*´¨*•.¸.•*´¨*•.¸¸.•*´¨*•
  • ●▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬♥▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬●

sticker_new_right.gif Images

//photos.geni.com/p13/70/8c/a7/c5/534448389eaa1478/bb_c_t2.jpg Geni profile About Me's and project descriptions support images, but there is currently no option to upload them or link to pictures in your albums or from other sites in the WikiText editor, so you have to enter them manually into your text. There are are currently no formatting options available.

To add a picture to your text you simply use the syntax: {{Image URL without http:}}, - simply using the URL for your photo without the http: prefix, for example {{//photos.geni.com/p13/70/8c/a7/c5/534448389eaa1478/bb_c_t2.jpg}} used to show my mugshot above. This method does also work for pointing to images on external servers, demonstrated on the Unicode logo above.

If using an image uploaded to Geni you can get variants of the image by replacing the last part of the filename. As a starter you can right-click an image in your browser to copy the image URL and replace the last part (as in the example above is _t2), where:

  1. _large will display the large version of the image.
  2. _medium will display the medium version of the image.
  3. _small will display the small version of the image.
  4. _t2 will display the thumb2 version of the image (the square mugshot used in tree view and lists).
  5. _t will display the thumb version of the image.
  6. _original will display the original version of the image.

Please note that because of an error that caused Geni to rebuild their image cache the original images very often is NOT the original image, just a blown up version.

You can also use images that already exist in the image folder on the Geni server as the examples in the Blog_Badges page, and you find a collection and syntax examples of them below. You don't need the full URL for those, only the relative path to the image folder on the Geni server.

Geni Logo

  1. itty_badge.gif {{itty_badge.gif}}
  2. baby_badge.gif {{baby_badge.gif}}
  3. mommy_badge.gif {{mommy_badge.gif}}
  4. daddy_badge.gif {{daddy_badge.gif}}
  5. Geni.gif {{Geni.gif}}
  6. Geni.jpg {{Geni.jpg}}
  7. GeniBeta.jpg {{GeniBeta.jpg}}
  8. geni_translator.png {{igeni_translator.png}}
  9. geni_developer.png {{geni_developer.png}}

I icn_heart.gif Geni

  1. daddy_heart.gif {{daddy_heart.gif}}
  2. mommy_heart.gif {{mommy_heart.gif}}
  3. baby_heart.gif {{baby_heart.gif}}
  4. itty_heart.gif {{itty_heart.gif}}

Profile and newsfeed icons

  1. myheritage/icon_smart_match.png {{myheritage/icon_smart_match.png}}
  2. icn_collaborator_both_14.gif {{icn_collaborator_both_14.gif}}
  3. icn_down.gif {{icn_down.gif}}
  4. icn_check.gif {{icn_check.gif}}
  5. icn_geni_pro.gif {{icn_geni_pro.gif}}
  6. badge_geni_pro.gif {{badge_geni_pro.gif}}
  7. sticker_new_left.gif {{sticker_new_left.gif}}
  8. sticker_new_right.gif {{sticker_new_right.gif}}
  9. icn_family_tree.gif {{icn_family_tree.gif}}
  10. icn_message.gif {{icn_message.gif}}
  11. icn_message_send.gif {{icn_message_send.gif}}
  12. icn_message_link.gif {{icn_message_link.gif}}
  13. icn_request.gif {{icn_request.gif}}
  14. icn_request_send.gif {{icn_request_send.gif}}
  15. icn_help.gif {{icn_help.gif}}
  16. icn_padlock.gif {{icn_padlock.gif}}
  17. icn_profile_edit.gif {{icn_profile_edit.gif}}
  18. icn_pushpin_out.gif {{icn_pushpin_out.gif}}
  19. icn_pushpin_in.gif {{icn_pushpin_in.gif}}
  20. icn_world.gif {{icn_world.gif}}
  21. icn_add.gif {{icn_add.gif}}
  22. icn_organizer.gif {{icn_organizer.gif}}
  23. x_close_small.gif {{x_close_small.gif}}
  24. icn_cake.gif {{icn_cake.gif}}
  25. icn_heart.gif {{icn_heart.gif}}
  26. icn_person.gif {{icn_person.gif}}
  27. icn_photos.gif {{icn_photos.gif}}
  28. x_close.gif {{x_close.gif}}
  29. close.gif {{close.gif}}
  30. icn_calendar.gif {{icn_calendar.gif}}
  31. icn_album.gif {{icn_album.gif}}
  32. icn_album_add.gif {{icn_album_add.gif}}
  33. icn_collaborator_both.gif {{icn_collaborator_both.gif}}
  34. icn_hourglass.gif {{icn_hourglass.gif}}
  35. icn_magnifying_glass.gif {{icn_magnifying_glass.gif}}
  36. icn_photos_video.gif {{icn_photos_video.gif}}
  37. quote_start.gif {{quote_start.gif}}
  38. quote_end.gif {{quote_end.gif}}
  39. icn_favorite.gif {{icn_favorite.gif}}
  40. icn_favorite_remove_small.gif {{icn_favorite_remove_small.gif}}
  41. icn_ext_link.gif {{icn_ext_link.gif}}
  42. icn_citation.gif {{icn_citation.gif}}

Large or animated

  1. spinner.gif {{spinner.gif}}
  2. icn_refresh.gif {{icn_refresh.gif}}
  3. spinner_blue.gif {{spinner_blue.gif}}
  4. rotating_world.gif {{rotating_world.gif}}
  5. x_close_large.png {{x_close_large.png}}
  6. icon_check.png {{icon_check.png}}
  7. icn_event_title.gif {{icn_event_title.gif}}
  8. premium_badge_simple.gif {{premium_badge_simple.gif}}
  9. plus_badge_simple.gif {{plus_badge_simple.gif}}
  10. documents/doc.png {{documents/doc.png}}
  11. tr8n_promo.gif {{tr8n_promo.gif}}
  12. start_page/3steps-collaborate.png {{start_page/3steps-collaborate.png}}
  13. start_page/3steps-matches.png {{start_page/3steps-matches.png}}
  14. start_page/3steps-people.png {{start_page/3steps-people.png}}
  15. premium_tree_matches_framed.gif {{premium_tree_matches_framed.gif}}
  16. privacy/stick_figures_blue.jpg {{privacy/stick_figures_blue.jpg}}
  17. privacy/stick_figures_green.jpg {{privacy/stick_figures_green.jpg}}
  18. popup_callout.gif {{popup_callout.gif}}
  19. popup_callout_right.gif {{popup_callout_right.gif}}
  20. webmail/gmail.png {{webmail/gmail.png}}
  21. webmail/yahoo.png {{webmail/yahoo.png}}
  22. webmail/hotmail.png {{webmail/hotmail.png}}
  23. webmail/aol.png {{webmail/aol.png}}
  24. webmail/facebook.png {{webmail/facebook.png}}
  25. webmail/other.png {{webmail/other.png}}
  26. loading_bar.gif {{loading_bar.gif}}
  27. progress_bar_1.gif {{progress_bar_1.gif}}

Contact icons

  1. facebook_white_small_short.gif {{facebook_white_small_short.gif}}
  2. external/twitter_bird_small.gif {{external/twitter_bird_small.gif}}
  3. contact_icons/aim.gif {{contact_icons/aim.gif}}
  4. contact_icons/youtube.gif {{contact_icons/youtube.gif}}
  5. contact_icons/googletalk.gif {{contact_icons/googletalk.gif}}
  6. contact_icons/msnmessenger.gif {{contact_icons/msnmessenger.gif}}
  7. contact_icons/yahoomessenger.gif {{contact_icons/yahoomessenger..gif}}
  8. contact_icons/myspace.gif {{contact_icons/myspace.gif}}
  9. contact_icons/friendster.gif {{contact_icons/friendster.gif}}
  10. contact_icons/slide.gif {{contact_icons/slide.gif}}
  11. contact_icons/plaxo.gif {{contact_icons/plaxo.gif}}
  12. contact_icons/flickr.gif {{contact_icons/flickr.gif}}
  13. contact_icons/bebo.gif {{contact_icons/bebo.gif}}
  14. contact_icons/linkedin.gif {{contact_icons/linkedin.gif}}
  15. contact_icons/blog.gif {{contact_icons/blog.gif}}
  16. contact_icons/facebook.gif {{contact_icons/facebook.gif}}
  17. contact_icons/twitter.png {{contact_icons/twitter.png}}
  18. contact_icons/icq.gif {{contact_icons/icq.gif}}
  19. contact_icons/other.gif {{contact_icons/other.gif}}
  20. contact_icons/personalwebsite.gif {{contact_icons/personalwebsite.gif}}
  21. contact_icons/workwebsite.gif {{contact_icons/workwebsite.gif}}
  22. external/paypal_button_small.gif {{external/paypal_button_small.gif}}
  23. facebook/connect_white_large_long.gif {{facebook/connect_white_large_long.gif}}
  24. plumber.jpg {{plumber.jpg}}

Silhouettes

  1. photo_silhouette_f_thumb2.gif {{photo_silhouette_f_thumb2.gif}}
  2. photo_silhouette_m_thumb2.gif {{photo_silhouette_m_thumb2.gif}}
  3. photo_silhouette_u_thumb2.gif {{photo_silhouette_u_thumb2.gif}}
  4. no_photo_m.gif {{no_photo_m.gif}}
  5. no_photo_f.gif {{no_photo_f.gif}}
  6. no_photo_u.gif {{no_photo_u.gif}}

Other icons

  1. merge_similar_arrow.png {{merge_similar_arrow.png}}
  2. start_page/3steps-step1.png {{start_page/3steps-step1.png}}
  3. start_page/3steps-step2.png {{start_page/3steps-step2.png}}
  4. start_page/computer-video.png {{start_page/computer-video.png}}