articles/ruby/styling: Fix up links for publication

articles/ruby/styling.en.html

@@ -122,7 +122,7 @@ <h2>Basic configurations</h2>
 <section id="ja_basics">
 <h3>Japanese</h3>
 
-<p><a href="http://w3c.github.io/i18n-drafts/articles/ruby/markup.en.html#mono_group_etc" class="termref">Mono ruby</a> is typically used to represent pronunciation of Japanese kanji characters. Each ideographic base character is mapped in markup to an annotation that indicates how to pronounce it (usually using hiragana).</p>
+<p><a href="markup#mono_group_etc" class="termref">Mono ruby</a> is typically used to represent pronunciation of Japanese kanji characters. Each ideographic base character is mapped in markup to an annotation that indicates how to pronounce it (usually using hiragana).</p>
 
 <p>As you can see in the following example, the annotations don't overlap adjacent kanji characters, and they are normally centred relative to the base character (in Japanese this is called <span lang="ja" class="foreign">nakatsuke</span>). Lines can break between the base characters.</p>
 
@@ -167,7 +167,7 @@ <h3>Simplified Chinese</h3>
 
 <p>Character based annotations are  common in text used for Chinese children, whereas word based annotations are often found in texts for those learning the Chinese language.</p>
 
-<p>For character-based phonetic annotations, you will need to use  markup to map each ideographic base character to an annotation which indicates the pronunciation. This is <a href="http://w3c.github.io/i18n-drafts/articles/ruby/markup.en.html#mono_group_etc" class="termref">mono ruby</a>. The annotations usually appear above the base text.</p>
+<p>For character-based phonetic annotations, you will need to use  markup to map each ideographic base character to an annotation which indicates the pronunciation. This is <a href="markup#mono_group_etc" class="termref">mono ruby</a>. The annotations usually appear above the base text.</p>
 
 <div class="figWrap">
 <figure>
@@ -176,7 +176,7 @@ <h3>Simplified Chinese</h3>
 </figure>
 </div>
 
-<p>Word based phonetic annotations use <a href="http://w3c.github.io/i18n-drafts/articles/ruby/markup.en.html#mono_group_etc">group ruby</a>, associating one annotation with more than one base character, and forbidding line breaks inside the annotation. Note how the top line in <a class="figref">fig_chinese_group_ruby</a> no longer breaks between the two parts of the word <span lang="zh-hans-latn" class="foreign" translate="no">lizhi</span>.</p>
+<p>Word based phonetic annotations use <a href="markup#mono_group_etc">group ruby</a>, associating one annotation with more than one base character, and forbidding line breaks inside the annotation. Note how the top line in <a class="figref">fig_chinese_group_ruby</a> no longer breaks between the two parts of the word <span lang="zh-hans-latn" class="foreign" translate="no">lizhi</span>.</p>
 
 <div class="figWrap">
 <figure id="fig_chinese_group_ruby">