Replace the map bullet list item icon with a text marker.

The list icon doesn’t work very well on mobile (looks too small).
6 files changed, 44 insertions(+), 40 deletions(-)

M articles/index.php
M contributing/documents.php
M css/map.css
M index.php
M resources/index.php
M sources/index.php
M articles/index.php +12 -12
@@ 17,13 17,13 @@ 
 <ul>
   <li id="z80assembly">Z80 assembly programming
     <ul>
-    <li class="map"><a href="/articles/fast_loops.php">Fast loops</a></li>
-    <li class="map"><a href="/articles/mult_div_shifts.php">Multiplications, divisions and shifts</a></li>
+    <li><a href="/articles/fast_loops.php">Fast loops</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/mult_div_shifts.php">Multiplications, divisions and shifts</a> <span class="map">MAP</span></li>
     </ul>
   </li>
   <li id="basic">Basic programming
     <ul>
-    <li class="map"><a href="/articles/basic_tips_tricks.php">MSX Basic tips &amp; tricks</a></li>
+    <li><a href="/articles/basic_tips_tricks.php">MSX Basic tips &amp; tricks</a> <span class="map">MAP</span></li>
     </ul>
   </li>
   <li id="vhdl"><abbr title="VHSIC Hardware Description Language">VHDL</abbr> programming

          
@@ 33,21 33,21 @@ 
   </li>
   <li id="vdp"><abbr title="Video Display Processor">VDP</abbr> programming
     <ul>
-    <li class="map"><a href="/articles/vdp_tut.php">VDP programming tutorial</a></li>
-    <li class="map"><a href="/articles/vdp_guide.php">VDP programming guide</a></li>
-    <li class="map"><a href="/articles/split_guide.php">Screensplit programming guide</a></li>
-    <li class="map"><a href="/articles/vdp_commands_speed.php">VDP commands ~ speed measurements</a></li>
-    <li class="map"><a href="/articles/scrolling.php">A guide to scrolling game engines on MSX</a></li>
+    <li><a href="/articles/vdp_tut.php">VDP programming tutorial</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/vdp_guide.php">VDP programming guide</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/split_guide.php">Screensplit programming guide</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/vdp_commands_speed.php">VDP commands ~ speed measurements</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/scrolling.php">A guide to scrolling game engines on MSX</a> <span class="map">MAP</span></li>
     <li><a href="/articles/vdp-vram-timing/vdp-timing.html">V9938 VRAM timings</a> · by the <a href="http://openmsx.org/">openMSX</a> team</li>
     <li><a href="/articles/vdp-vram-timing/vdp-timing-2.html">V9938 VRAM timings, part II</a> · by the <a href="http://openmsx.org/">openMSX</a> team</li>
     </ul>
   </li>
   <li id="other">Other topics
     <ul>
-    <li class="map"><a href="/articles/keymatrix.php">Keyboard matrices</a></li>
-    <li class="map"><a href="/articles/psg_sample.php">Playing samples on the PSG</a></li>
-    <li class="map"><a href="/articles/interrupts.php">Interrupts</a> · MSX Computer Magazine 51 (<a href="http://www.msxcomputermagazine.nl/archief/bladen/msx_computer_magazine_51.pdf" hreflang="nl">read</a>)</li>
-    <li class="map"><a href="/articles/dos-error-handling.php">MSX-DOS 1 disk error handling</a></li>
+    <li><a href="/articles/keymatrix.php">Keyboard matrices</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/psg_sample.php">Playing samples on the PSG</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/interrupts.php">Interrupts</a> · MSX Computer Magazine 51 (<a href="http://www.msxcomputermagazine.nl/archief/bladen/msx_computer_magazine_51.pdf" hreflang="nl">read</a>) <span class="map">MAP</span></li>
+    <li><a href="/articles/dos-error-handling.php">MSX-DOS 1 disk error handling</a> <span class="map">MAP</span></li>
     </ul>
   </li>
 <li id="books">Books

          
M contributing/documents.php +1 -1
@@ 18,7 18,7 @@ 
 
 <p>If you have push rights to the server, keep in mind that everything you push will be live immediately. Generally speaking, it’s also always useful if someone reviews your changes before they are pushed to the server. Of course, this review can also happen after things are pushed, but because we use Mercurial, if you are unsure about whether something is correct or using the right tags or correctly spelled or whatever, you can easily draft some changes and send them to someone else for review.</p>
 
-<p>Once an article is more or less done, and fit for publishing, think of an appropriate section and category within the site structure, and if one isn’t there yet, add it. Try to keep the organization as logical as possible. Then upload your file into the directory of the section you’ve chosen, and add a link to it in the section overview file (the <i>index.php</i> file in each section directory). If you’ve written the article yourself, or put a large effort in it like translating or transscribing, don’t forget to put your name at the bottom and add a ‘MAP bullet’ by changing the <code>&lt;li&gt;</code> tag into <code>&lt;li class="map"&gt;</code>, so that people can see that it is authored by us and can exclusively be found on the MAP.</p>
+<p>Once an article is more or less done, and fit for publishing, think of an appropriate section and category within the site structure, and if one isn’t there yet, add it. Try to keep the organization as logical as possible. Then upload your file into the directory of the section you’ve chosen, and add a link to it in the section overview file (the <i>index.php</i> file in each section directory). If you’ve written the article yourself, or put a large effort in it like translating or transscribing, don’t forget to put your name at the bottom and add a ‘MAP marker’ by adding a <code>&lt;span class="map"&gt;MAP&lt;/span&gt;</code> to the link, so that people can see that it is authored by us and can exclusively be found on the MAP.</p>
 
 <p>Furthermore, if you publish or update a text (unless it’s a really minor update), please add it to the Last Updates section in <i>main/index.php</i> so that people can easily see what’s been done recently, and also to keep ourselves informed about what the rest has been doing. The updates block is present right after the document title, and if you take a short look at the code, the method of adding an entry should be self-explanatory. Don’t forget to change the date, by the way. If the list becomes too long, you can move a couple of the oldest updates to <i>main/updates-old.php</i> to make it a little shorter. You can also put update blocks in your texts, which can be quite useful aswell. A block inside your text can hold details about the more minor updates not mentioned of the mainpage, and gives a quick overview of the recent changes of that article only. The method of adding such a block is explained in the example updates block below.</p>
 

          
M css/map.css +5 -1
@@ 206,7 206,11 @@ q:lang(ja)::after {
 }
 
 .map {					/* Indicator for MAP-authored files */
-	list-style-image: url("mapbullet.gif");
+	color: #FFF;
+	background: #DDF;
+	padding: 0 0.3em;
+	border-radius: 0.3em;
+	font-size: x-small;
 }
 
 .func {					/* To render function descriptions */

          
M index.php +4 -4
@@ 39,10 39,10 @@ improve the MAP.</p>
 <p><em>Please note that this site’s content may not be redistributed without the
 permission of the MSX Assembly Page or the original author.</em> We have put a
 lot of effort in collecting all this information and also wrote a large number
-of the articles ourselves (the ones marked with a <img src="/css/mapbullet.gif"
-alt="MAP" /> bullet), and we ask everyone to respect our efforts and author’s
-rights. Of course linking to us is always allowed. For more legal information
-read the <a href="/disclaimer.php">Disclaimer</a>.</p>
+of the articles ourselves (the ones marked with <span class="map">MAP</span>),
+and we ask everyone to respect our efforts and author’s rights. Of course
+linking to us is always allowed. For more legal information read the
+<a href="/disclaimer.php">Disclaimer</a>.</p>
 
 <p>The following documents be found in this section:</p>
 

          
M resources/index.php +14 -14
@@ 21,9 21,9 @@ information, feel free to send us an ema
 <ul>
   <li id="msxbios">MSX BIOS documentation
     <ul>
-    <li class="map"><a href="/resources/msxbios.php">MSX BIOS calls</a></li>
-    <li class="map"><a href="/resources/subrom.php">MSX SUBROM BIOS calls</a></li>
-    <li class="map"><a href="/resources/msxsystemvars.php">System variables</a> <em>(work in progress)</em></li>
+    <li><a href="/resources/msxbios.php">MSX BIOS calls</a> <span class="map">MAP</span></li>
+    <li><a href="/resources/subrom.php">MSX SUBROM BIOS calls</a> <span class="map">MAP</span></li>
+    <li><a href="/resources/msxsystemvars.php">System variables</a> <em>(work in progress)</em> <span class="map">MAP</span></li>
     <li><a href="http://www.konamiman.com/msx/msx2th/th-ap.txt">MSX2 Technical Handbook appendices</a> · by Nestor Soriano (Konamiman)</li>
     <li><a href="/resources/datapack/Vol3-7MSXExtendedBIOSSpecification.pdf">MSX Extended BIOS Specification</a> · MSX Datapack Vol. 3-7, by FRS, Takamichi &amp; sandervn (<a href="/resources/datapack/MSXDatapackTranslationREADME.pdf">credits</a>)</li>
     </ul>

          
@@ 41,7 41,7 @@ information, feel free to send us an ema
   </li>
   <li id="system">System documentation
     <ul>
-    <li class="map"><a href="/resources/msx_io_ports.php">MSX I/O ports overview</a></li>
+    <li><a href="/resources/msx_io_ports.php">MSX I/O ports overview</a> <span class="map">MAP</span></li>
     <li><a href="/resources/system/msxtech.pdf">MSX Technical Data Book</a></li>
     <li><a href="http://www.konamiman.com/msx/msx-e.html#msx2th">MSX2 Technical Handbook</a> · by Nestor Soriano (Konamiman) (<a href="http://ngs.no.coocan.jp/doc/wiki.cgi/TechHan" hreflang="ja">Japanese version</a>, <a href="https://translate.google.nl/translate?sl=ja&amp;tl=en&amp;u=http%3A%2F%2Fngs.no.coocan.jp%2Fdoc%2Fwiki.cgi%2FTechHan">via Google Translate</a>)</li>
     <li><a href="https://translate.google.nl/translate?sl=ja&amp;tl=en&amp;u=http%3A%2F%2Fdai3car.sakura.ne.jp%2Fmsxpage%2Fmsxtr_handbook%2Flates.html">MSX turboR Technical Handbook via Google Translate</a> (<a href="http://dai3car.sakura.ne.jp/msxpage/msxtr_handbook/lates.html" hreflang="ja">Japanese</a>, <a href="https://archive.org/download/MsxTurboR/MsxTurboRTechnicalHandBook.pdf" hreflang="ja">scans</a>)</li>

          
@@ 53,7 53,7 @@ information, feel free to send us an ema
     <ul>
     <li id="z80">Z80
       <ul>
-	  <li class="map"><a href="/resources/z80instr.php">Z80 / R800 instruction set overview</a></li>
+	  <li><a href="/resources/z80instr.php">Z80 / R800 instruction set overview</a> <span class="map">MAP</span></li>
       <li><a href="/resources/cpu/z80.pdf">Zilog Z80 user’s manual</a></li>
       <li><a href="http://www.myquest.nl/z80undocumented/z80-documented-v0.91.pdf">The Undocumented Z80 Documented</a> · by Sean Young, Jan Wilmans (<a href="http://www.myquest.nl/z80undocumented/">site</a>)</li>
       <li><a href="http://www.z80.info/zaks.html">Programming the Z80</a> · by Rodnay Zaks</li>

          
@@ 81,7 81,7 @@ information, feel free to send us an ema
       <ul>
       <li><a href="http://www.ccas.ru/brychkov/MSX/V9938_programmers_guide.pdf">Yamaha V9938 MSX-VIDEO Application Manual</a> · transscribed and edited by Eugeny Brychkov</li>
       <li><a href="/resources/video/yamaha_v9938.pdf">Yamaha V9938 MSX-VIDEO Application Manual</a> · scans (<a href="http://www.msxarchive.nl/pub/msx/docs/datasheets/v9938.pdf">alt version</a>)</li>
-      <li class="map"><a href="/resources/video/v9938/v9938.xhtml">Yamaha V9938 MSX-VIDEO Application Manual</a> · transscribed <em>(incomplete)</em></li>
+      <li><a href="/resources/video/v9938/v9938.xhtml">Yamaha V9938 MSX-VIDEO Application Manual</a> · transscribed <em>(incomplete)</em> <span class="map">MAP</span></li>
       </ul>
     </li>
     <li id="v9958">MSX2+ / turboR VDP

          
@@ 134,7 134,7 @@ information, feel free to send us an ema
       <li><a href="/resources/datapack/Vol2-4.2MSX-AUDIOBASICExpansion.pdf">MSX-AUDIO BASIC Expansion</a> · MSX Datapack Vol. 2-4.2, by FRS, Takamichi &amp; sandervn (<a href="/resources/datapack/MSXDatapackTranslationREADME.pdf">credits</a>)</li>
       <li><a href="/resources/datapack/Vol2-4.3MSX-AUDIOExtendedBIOS.pdf">MSX-AUDIO Extended BIOS</a> · MSX Datapack Vol. 2-4.3, by FRS, Takamichi &amp; sandervn (<a href="/resources/datapack/MSXDatapackTranslationREADME.pdf">credits</a>)</li>
       <li><a href="/resources/datapack/Vol2-4.4MSX-AUDIOMBIOS.pdf">MSX-AUDIO MBIOS</a> · MSX Datapack Vol. 2-4.4, by FRS, Takamichi &amp; sandervn (<a href="/resources/datapack/MSXDatapackTranslationREADME.pdf">credits</a>)</li>
-      <li class="map"><a href="/resources/sound/msxaudio_keyboard.php">MSX-AUDIO music keyboard</a></li>
+      <li><a href="/resources/sound/msxaudio_keyboard.php">MSX-AUDIO music keyboard</a> <span class="map">MAP</span></li>
       </ul>
     </li>
     <li id="opl2">OPL2

          
@@ 160,7 160,7 @@ information, feel free to send us an ema
       <li><a href="/resources/sound/yamaha_ym2151_synthesis.pdf">Yamaha YM2151 OPM application manual</a></li>
       <li><a href="/resources/sound/yamaha_ym2151_datasheet.pdf">Yamaha YM2151 OPM datasheet</a></li>
       <li><a href="/resources/sound/yamaha_ym2151_test.txt">Yamaha YM2151 OPM test register info</a> · by Jarek Burczynski</li>
-      <li class="map"><a href="/resources/sound/yamaha_ym2164.php">Yamaha YM2164 OPP info</a></li>
+      <li><a href="/resources/sound/yamaha_ym2164.php">Yamaha YM2164 OPP info</a> <span class="map">MAP</span></li>
       <li><a href="/resources/sound/yamaha_sfg05_mbios.pdf">Yamaha SFG-05 Music BIOS reference manual</a></li>
       <li><a href="http://www.cx5m.net/hardware/">More info at CX5M.net</a></li>
       </ul>

          
@@ 187,7 187,7 @@ information, feel free to send us an ema
     <li><a href="/resources/engine/yamaha_s1985.pdf">Yamaha S1985 MSX-System II application manual</a></li>
     <li>T9769B · engine of several MSX2+ computers</li>
 	  <ul>
-	  <li class="map"><a href="/resources/engine/t9769b/">T9769B general notes</a></li>
+	  <li><a href="/resources/engine/t9769b/">T9769B general notes</a> <span class="map">MAP</span></li>
 	  </ul>
     <li>T9769C · turboR engine</li>
     <li>S1990 · turboR bus controller</li>

          
@@ 224,11 224,11 @@ information, feel free to send us an ema
     </li>
     <li id="midi">MIDI
       <ul>
-      <li class="map"><a href="/resources/midi/msx-midi.php">MSX-MIDI</a> · MSX Datapack Vol. 3 Section 5, English</li>
+      <li><a href="/resources/midi/msx-midi.php">MSX-MIDI</a> · MSX Datapack Vol. 3 Section 5, English <span class="map">MAP</span></li>
       <li><a href="/resources/midi/intel_8251.pdf">Intel 8251 UART</a> · used by MSX-MIDI</li>
       <li><a href="/resources/midi/intel_8253.pdf">Intel 8253 Timer</a> · used by MSX-MIDI</li>
       <li><a href="/resources/midi/motorola_mc68b50.pdf">Motorola MC68B50</a> · used by Philips Music Module</li>
-      <li class="map"><a href="/resources/midi/ym2148.php">Yamaha YM2148</a> · FM Sound Synthesizer Unit MIDI interface</li>
+      <li><a href="/resources/midi/ym2148.php">Yamaha YM2148</a> · FM Sound Synthesizer Unit MIDI interface <span class="map">MAP</span></li>
       </ul>
     </li>
     </ul>

          
@@ 248,8 248,8 @@ information, feel free to send us an ema
     </li>
     <li id="mapper">ROM / RAM memory
       <ul>
-      <li class="map"><a href="/resources/hbi55.php">Sony HBI-55 Data Cartridge / Yamaha UDC-01 Data Memory</a> (4kB SRAM)</li>
-      <li class="map"><a href="/resources/msx_io_ports.php#zemina-memory">Zemina GoldenBox technical info</a></li>
+      <li><a href="/resources/hbi55.php">Sony HBI-55 Data Cartridge / Yamaha UDC-01 Data Memory</a> (4kB SRAM) <span class="map">MAP</span></li>
+      <li><a href="/resources/msx_io_ports.php#zemina-memory">Zemina GoldenBox technical info</a> <span class="map">MAP</span></li>
       <li><a href="http://www.hqunix.com/wordpress/?page_id=554">Zemina GoldenBox manual</a> · by <a href="http://hqunix.com/wordpress/">Chronos</a></li>
       </ul>
     </li>

          
@@ 259,7 259,7 @@ information, feel free to send us an ema
     <ul>
     <li id="memman">MemMan (by MST)
       <ul>
-      <li class="map"><a href="/resources/tsrdev_en.php">MemMan v2.32 TSR Development Kit</a></li>
+      <li><a href="/resources/tsrdev_en.php">MemMan v2.32 TSR Development Kit</a> <span class="map">MAP</span></li>
       </ul>
     </li>
     </ul>

          
M sources/index.php +8 -8
@@ 19,26 19,26 @@ 
   <ul>
   <li id="code_vdp">VDP routines
     <ul>
-    <li class="map"><a href="/sources/docopy.php">Execute a VDP command</a></li>
-    <li class="map"><a href="/sources/vdp_detection.php">Detect VDP version</a></li>
-    <li class="map"><a href="/sources/vdp_rout.php">A shitload of VDP routines</a></li>
+    <li><a href="/sources/docopy.php">Execute a VDP command</a> <span class="map">MAP</span></li>
+    <li><a href="/sources/vdp_detection.php">Detect VDP version</a> <span class="map">MAP</span></li>
+    <li><a href="/sources/vdp_rout.php">A shitload of VDP routines</a> <span class="map">MAP</span></li>
     </ul>
   </li>
   <li id="code_disk">Disk routines
     <ul>
-    <li class="map"><a href="/sources/load_screen.php">Load a file into the VRAM</a></li>
+    <li><a href="/sources/load_screen.php">Load a file into the VRAM</a> <span class="map">MAP</span></li>
     </ul>
   </li>
   <li id="code_math">Math routines
     <ul>
-    <li class="map"><a href="/articles/mult_div_shifts.php#mult">Multiplications</a></li>
-    <li class="map"><a href="/articles/mult_div_shifts.php#div">Divisions</a></li>
+    <li><a href="/articles/mult_div_shifts.php#mult">Multiplications</a> <span class="map">MAP</span></li>
+    <li><a href="/articles/mult_div_shifts.php#div">Divisions</a> <span class="map">MAP</span></li>
     </ul>
   </li>
   <li id="code_slot">Slot/mapper routines
     <ul>
-    <li class="map"><a href="/sources/raminpage1.php">Switch RAM/ROM in page 1</a></li>
-    <li class="map"><a href="/sources/callbios.php">Calling the BIOS from MSX-DOS</a></li>
+    <li><a href="/sources/raminpage1.php">Switch RAM/ROM in page 1</a> <span class="map">MAP</span></li>
+    <li><a href="/sources/callbios.php">Calling the BIOS from MSX-DOS</a> <span class="map">MAP</span></li>
     </ul>
   </li>
   </ul>