Log In

Email:

Password:

Don't know your password?

Security Code:

Trust this computer

Log In with Facebook
Join - It's Free

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

Related Projects

About

edit
history

The Wikitext tricks for

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===

Level 4 title

====Level 4 title====

Level 5 title

=====Level 5 title=====

Level 6 title

======Level 6 title======
=Use the nowiki tag to display a literal = at the beginning of a line without interpreting it as a title (<nowiki>=</nowiki>)

Indented title

==&emsp;&emsp;&&emsp; Indented title==

Centering a title

==Centering a title==

You can also use images and hyperlinks in a title. To ensure a right justified or centered title independent of browser window size you can simply use an image containing the title and use the center ot right option to the image. See the image options below.

Making indents and whitespace within text

Using > to make indents does not work any more and since in general multiple space characters in the text is reduced to one you can use nonebreak-space, em-space, en-space or thin-space characters in front of or within the text to make indents and gaps, either by copying them from here: NBSP (non-breaking space),   ' ', Em space, &emsp ' ', En space, &ensp; ' ' and Thin Space,   ' ' or simply use &the numeric Unicode codes like this:   (em-space).

Another more precise method is using a transparent image with a size option to create a blank space where, in this example an image present on the Geni server so we does need the full web address: {{transparent.gif|45x1px}} - the 45x1px tells that the image size should be 45 x 1 pixel. Replace the 1 to make vertical spacing as well to make an indented block like here with both a left and right indentation. This text is starting with: {{transparent.gif|20x80px|left}}{{transparent.gif|20x80px|right}} to get that effect.

Display in Bold, Italic, BoldItalic, or Teletype

Italic text - entered by adding two '-s before and after the text. You can also use the tag
''Italic text''
Bold text - entered by adding three '-s before and after the text. You can also use the tag.
'''Bold text'''
Bold Italic text - you can't just use five '-s before and after the text; the italic marking (two 's) has to be "outside" the bold marking (three 's), with at least a space between them:
'' '''Bold Italic text''' ''
(note that this "space" requirement is one difference between Geni Wikitext and Wikipedia Wikitext)

Entering Teletype text - done by adding a grave accent before and after the text or the <tt>Teletype Text<tt> tag. You can also use the <pre>Preformatted Text</pre> tags, but it does not preserve linebreaks as it should and does not work inline either.
`Teletype text`
<pre>Preformatted Text</pre>

Preformatted Text<br/>over two lines does not work.

Teletype Text tag <tt>Teletype Text<tt> over two lines does however work, but multiple

     spaces to make indents or inline spaces         does not work.</tt>

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

Geni now partly supports the tag, where you can use the style parameter with the following semicolon separated arguments: color, background, font-size and line-height. Example: red text is made by red text. You can also use the tag to make linkable ids in the text, for example  at the Making indents and whitespace within text title, the link [https://www.geni.com/project-8404#Indents Making indents and whitespace within text] will jump to that part.

Bullet lists

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.

* Use the nowiki tag to display a literal * at the beginning of a line without interpreting it as a bullet list (<nowiki>*</nowiki>)

• Combining the transparent image trick mentioned above with a manually entered bullet as {{transparent.gif|45x1px}}&bullet;
but you have to manually wrap and indent the text to align with the bullet if the text will wrap over to a new line. ({{transparent.gif|45x1px}}  

Numbered lists

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

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.

# Use the nowiki tag to display a literal # at the beginning of a line without interpreting it as a numbered list (<nowiki>#</nowiki>)

You can also use a mixture of different types of list

One
Two
- Two point one (#* Two point one)
- Two point two
Three

Box Drawing

Unfortunately there is no table options yet in the Geni,- you can cheat using box drawing characters, but it is almost impossible to get it correct.
The below example is made using Javascript Box Drawing Demo where spaces is replaced by  , and to get the vertical lines aligned we can only display it using the tele-text option.

╔════╤═══════════════════════════════════╗ ║ ▲▼ ┃ This is what? ║ ╟━━━━╋━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╢ ║ ┃ ╭─────────╮ ║ ║ ┠───────╦══════╦────┤ ├─────╢ ║ ┃ ┈┈┈┈┈ ║╳╳╳╳╳╳║ │ ░░░░░ │ ║ ║ ┠───┬───╢╳╳╳╳╳╺╟────┤ ░░░░░ ├─────╢ ║ ┃ ╱┊╲ ║╳╳╳╳╳╳║ │ ░░░░░ │ ║ ║ ┃ ╱ ┊ ╲ ║╳╳╳╳╳╳║ ╰─────────╯ ║ ╚════╧═══╧═══╩══════╩════════════════════╝

Links with Parentheses

When adding a link that contains parentheses, the result may look like this:
Canada (Nouvelle-France)
To correct this, replace the parentesis characters in the link with their code as follows:

( with %28
) with %29 The link will look this way in the Geni text editor...

[https://fr.wikipedia.org/wiki/Canada_%28Nouvelle-France%29 Canada (Nouvelle-France)]
...and will work correctly after you save the page:
Canada (Nouvelle-France)

Images

Geni profile About Me's, project descriptions, messages,and discussions 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. 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. This method does also work for pointing to images on external servers, demonstrated on the Unicode logo above.

You can also simply paste an image into text fields on Geni where formatting options is available. For other options like frame, size, alignment etc of images see the help section for other format options.

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:

_large will display the large version of the image.
_medium will display the medium version of the image.
_small will display the small version of the image.
_t2 will display the thumb2 version of the image (the square mugshot used in tree view and lists).
_t will display the thumb version of the image.
_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.

NOTE: Since many images now only can be accessed using a #hash code as part of the link it is easier to just set the image size yourself with the image options mentioned below:

Image syntax:

   {{image_url|options|caption}}

Where options is

border results in a very small gray border (not when inline). Best when using caption as well.
frame Resulte in a framed image with a gray background (not when inline). Best when using caption as well.
Size: 150px (pixels) sets width, height scales, 150x100px sets width and height, x100px sets height, width scales
Horizontal alignment: left, right, center, none

Vertical alignment (only as an inline element): baseline, sub, super, top, text-top, middle, bottom, text-bottom

Example, baseline:, sub:, super:, top:, text-top:,
middle:, bottom:, text-bottom:- with some text after.

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, - the image at the end of the title on this page is entered as {{baby_badge.gif|text-bottom}}

Useful Unicode® symbols

Chess and cards: ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟ ♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧
Arrows: ← ↑ → ↓ ↔ ↕ ⇄ ↖ ↗ ↘ ↙ ⇅ ↲ ↳ ↴ ↵ ↶ ↷ ↺ ↻ ↜ ↭ ↝ ➔ ➘ ➙ ➚ ➜ ➟ ➠ ➤ ➥ ➨ ➫ ➬ ➭ ➮ ➯ ➲ ➳ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ◀ ▲ ▶ ◁ ▽ ▷ ◊ « » ˂ ^ ˅ > ↞ ↟ ↠ ↡ ↢ ↣ ↤
Fancy: вєωαяє, ι αм ƒαη¢у! Yᵒᵘ Oᶰˡʸ Lᶤᵛᵉ Oᶰᶜᵉ
Flowers: ✿ڿڰۣ—
Hands and smileys: ☚ ☛ ☜ ☝ ✌️ ☞☟☹ ☺☻
Signs: ☠ 🏴‍☠️ ☡ ☢ ☣ ☤ ☥ ☦ ☧ † ☨ ☩ ☪ ☫ ☬ ☭ ☮ ☮️ ☯ ♀ ♂ ♨
Trigram: ☰ ☱ ☲ ☳ ☴ ☵ ☶ ☷
Music: ♩ ♪ ♫ ♬ ♭ ♮ ♯
Astrology etc: ♁ ♃ ♄ ♅ ♆ ♇ ♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
Weather etc: ☀ ☁ ☂ ☃ ☄ ★ ☆ ✫ ✧ * ☇ ☈ ☉ ☊ ☋ ☌ ☍ ☔
Office: ☎ ☏ ☐ ☑ ☒ ☓ ✁ ✂ ✃ ✄ ✅ ✆ ✇ ✈ ✉ ✎ ✏ ✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘
⓿ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾ ❿ ⓪ ➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ⓵ ⓶ ⓷ ⓸ ⓹ ⓺ ⓻ ⓼ ⓽ ⓾
½ , ⅓ , ⅔ , ⅛ , ⅜ , ⅝ , ⅞ , ¹ , ² , ³ , ª , º , ° ø Ø × ¦ Σ §
Roman Numerals For Name Suffixes & Dates: Ⅰ , Ⅱ , Ⅲ , Ⅳ , Ⅴ , Ⅵ , Ⅶ , Ⅷ , Ⅸ , Ⅹ , Ⅺ , Ⅻ , Ⅼ , Ⅽ , Ⅾ , Ⅿ
Currency: ₠ £ ₤ ¢ ¤ $ ¥ ₡ ₢ ₣ ₥
Sample zero⁽⁰⁾ one⁽¹⁾ two⁽²⁾ three⁽³⁾ four⁽⁴⁾ five⁽⁵⁾ six⁽⁶⁾ seven⁽⁷⁾ eight⁽⁸⁾ nine⁽⁹⁾
x⁰ x¹ x² x³ x⁴ x⁵ x⁶ x⁷ x⁸ x⁹
⚭ ∞ Infinity ∞
❝We are all related❞ (pǝʇɐlǝɹ llɐ ǝɹɐ ǝʍ) ǝןqɐʇ ɐ ǝʞıן ǝɯ dıןɟ
Wow!
Languages: á é í ó ú ñ É Ñ ¿ ¡ ! ä ë ï ö ü Ä Ö Ü ç Ç â à å î ì Å æ Æ ò û ù ÿ ô ß Ô Ò Õ Ú Û Ù ý Ý þ ά έ ώ за́мок замо́к Ώ Ð ə ɼ ʒ ʰ ʱ ʲ ʳ ʶ ʷ ʸ

Jingles using Unicode

I you! (Entered as: I {{icn_heart.gif|sub}} You!)
( ͡° ͜ʖ ͡°)
( ͡° ʖ̯ ͡°)
٩(•̮̮̃•̃)۶
٩(-̮̮̃•̃)۶
ƪ(ړײ)‎ƪ
٩(͡๏̯͡๏)۶
٩(๏̯๏)۶
*̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡̡̡ ̡
̿̿̿ ̿' ̿'\̵͇̿̿\з=(•̪●)=ε/̵͇̿̿/'̿'̿ ̿
✫✫✫...¸.•°*”˜˜”*°•.ƸӜƷ
♥♪♫•*¨*•.¸¸❤¸¸.•*¨*•♫♪
•*¨*•♫♪ ♪♫•*¨*•.¸¸ ¸.•*¨*•♫♪ ¸.•*¨*•♫♪
♥❤♥❤♥❤♥❤
ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡ღ♥ღ♡
~*♥ Love & Peace ♥*~
♡ ♥ -ღ´-
ƸӜƷ
☃
(*•.¸(*•.¸ ¸.•*´)¸.•*´)
◕‿◕
ஜ۩۞۩ஜ
(¯’•.¸*♫♪♥(✿◠‿◠)♥♫♪*¸.•’´¯)
♥♥♥♥♥.¸•★.¸•★.¸
...(¯•´¯)___(¯•´¯)__
˜*•. ˜”*°•.˜”*°••°*”˜.•°*”˜
Party ٩(-̮̮̃-̃)۶ at my __̴ı̴̴̡̡̡ ̡͌l̡̡̡ ̡͌l̡*̡̡ ̴̡ı̴̴̡ ̡̡͡|̲̲̲͡͡͡ ̲▫̲͡ ̲̲̲͡͡π̲̲͡͡ ̲̲͡▫̲̲͡͡ ̲|̡
▁▂▃▄▅▆▇█▇▆▅▄▃▂▁
٩(-̮̮̃•̃)۶ ♪♫•*¨*•.¸¸☺ ☻¸¸.•*¨*•♫♪ ٩(•̮̮̃•̃)۶
•*´¨*•.¸¸.•*´¨*•.¸.•*´¨*•.¸¸.•*´¨*•
︵‿︵‿︵‿︵‿︵ smiley.cool ‿︵‿︵‿︵‿︵‿︵‿︵
»»——☠——« smiley.cool »——☠——««
●▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬♥▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬●
░ ░░░░░░░░░░ , ▒ ▒▒▒▒▒▒▒▒▒▒ , ▓ ▓▓▓▓▓▓▓▓▓▓ , █ ██████████ , ▌ ▌▌▌▌▌, ▀ ▀▀▀▀ ,■ ■■■■■ ,