Difference between revisions of "Template:Hong Kong HKU/Header"

m (Fix display effect)
(Fix arrangement)
Line 44: Line 44:
 
             <g id="symbolsContainer">
 
             <g id="symbolsContainer">
 
                 <symbol class="icon icon-" id="icon-1" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Project</text></symbol>
 
                 <symbol class="icon icon-" id="icon-1" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Project</text></symbol>
                <symbol class="icon icon-" id="icon-7" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">HomePage</text></symbol>
 
                <symbol class="icon icon-" id="icon-6" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Achievements</text></symbol>
 
                <symbol class="icon icon-" id="icon-5" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Practices</text></symbol>
 
                <symbol class="icon icon-" id="icon-4" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">About</text></symbol>
 
                <symbol class="icon icon-" id="icon-3" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Links</text></symbol>
 
 
                 <symbol class="icon icon-" id="icon-2" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Notebook</text></symbol>
 
                 <symbol class="icon icon-" id="icon-2" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Notebook</text></symbol>
 +
<symbol class="icon icon-" id="icon-3" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Links</text></symbol>
 +
<symbol class="icon icon-" id="icon-4" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">About</text></symbol>
 +
                <symbol class="icon icon-" id="icon-5" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Practices</text></symbol>
 +
<symbol class="icon icon-" id="icon-6" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">Achievements</text></symbol>
 +
<symbol class="icon icon-" id="icon-7" viewBox="0 0 35 35"><text fill="#FFFFFF" x="50%" y="50%" dy="-1em" text-anchor="middle" font-size="1em" font-family="sans-serif">HomePage</text></symbol>
 
             </g>
 
             </g>
 
             <g id="itemsContainer">
 
             <g id="itemsContainer">
 
                     <a class="item" id="item-1" role="link" tabindex="2" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Description" xlink:title=" " transform="matrix(1,0,0,1,0,0)" data-svg-origin="250 250" style="">
 
                     <a class="item" id="item-1" role="link" tabindex="2" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Description" xlink:title=" " transform="matrix(1,0,0,1,0,0)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-1" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-1" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
                     <a class="item" id="item-7" role="link" tabindex="1" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU" xlink:title=" " transform="matrix(0.62348,-0.78183,0.78183,0.62348,-101.33032108169084,289.58542015232405)" data-svg-origin="250 250" style="">
+
                     <a class="item" id="item-2" role="link" tabindex="1" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Notebook" xlink:title=" " transform="matrix(0.62348,-0.78183,0.78183,0.62348,-101.33032108169084,289.58542015232405)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72"  class="sector"></path><use xlink:href="#icon-2" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72"  class="sector"></path><use xlink:href="#icon-2" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
                     <a class="item" id="item-6" role="link" tabindex="3" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts" xlink:title=" " transform="matrix(-0.22252,-0.97492,0.97492,-0.22252,61.89825544362267,549.3622115345345)" data-svg-origin="250 250" style="">
+
                     <a class="item" id="item-3" role="link" tabindex="3" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Links" xlink:title=" " transform="matrix(-0.22252,-0.97492,0.97492,-0.22252,61.89825544362267,549.3622115345345)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-3" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-3" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
                     <a class="item" id="item-5" role="link" tabindex="4" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices" xlink:title=" " transform="matrix(-0.90096,-0.43388,0.43388,-0.90096,366.7712821962152,583.7131517549943)" data-svg-origin="250 250" style="">
+
                     <a class="item" id="item-4" role="link" tabindex="4" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Attribution" xlink:title=" " transform="matrix(-0.90096,-0.43388,0.43388,-0.90096,366.7712821962152,583.7131517549943)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-4" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-4" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
                     <a class="item" id="item-4" role="link" tabindex="6" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Attributions" xlink:title=" " transform="matrix(-0.90096,0.43388,-0.43388,-0.90096,583.7131517549942,366.7712821962153)" data-svg-origin="250 250" style="">
+
                     <a class="item" id="item-5" role="link" tabindex="6" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Human_Practices" xlink:title=" " transform="matrix(-0.90096,0.43388,-0.43388,-0.90096,583.7131517549942,366.7712821962153)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-5" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-5" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
                     <a class="item" id="item-3" role="link" tabindex="7" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Links" xlink:title=" " transform="matrix(-0.22252,0.97492,-0.97492,-0.22252,549.3622115345344,61.898255443622475)" data-svg-origin="250 250" style="">
+
                     <a class="item" id="item-6" role="link" tabindex="7" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Parts" xlink:title=" " transform="matrix(-0.22252,0.97492,-0.97492,-0.22252,549.3622115345344,61.898255443622475)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-6" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-6" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
                     <a class="item" id="item-2" role="link" tabindex="5" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU/Notebook" xlink:title=" " transform="matrix(0.62348,0.78183,-0.78183,0.62348,289.5854201523241,-101.33032108169084)" data-svg-origin="250 250" style="">
+
                     <a class="item" id="item-7" role="link" tabindex="5" xlink:href="https://2016.igem.org/Team:Hong_Kong_HKU" xlink:title=" " transform="matrix(0.62348,0.78183,-0.78183,0.62348,289.5854201523241,-101.33032108169084)" data-svg-origin="250 250" style="">
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-7" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
                       <path fill="none" stroke="#111" d="M499.85,258.72 A250,250 0 0,0 428.5,74.99 l-12.14,11.90 A235,235 0 0,0 388.82,62.87 l-7.75,10.44 A220,220 0 0,1 468.36,223.19 l16.87,-2.07 A235,235 0 0,1 486.86,258.27 L499.85,258.72" class="sector"></path><use xlink:href="#icon-7" width="35" height="35" x="424.4550476074219" y="142.5151824951172" transform="rotate(64.88372093023256 441.9550476074219 160.0151824951172)"></use></a>
 
             </g>
 
             </g>

Revision as of 13:38, 10 October 2016