Skip to content

Commit

Permalink
fix: text size and fade animation
Browse files Browse the repository at this point in the history
  • Loading branch information
@Tuoris
Tuoris committed Jun 4, 2020
1 parent 68dbcbe commit 36de2a6
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 7 deletions.
12 changes: 6 additions & 6 deletions knowledge-circuit/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -282,30 +282,30 @@ svg .svg4 {
@-webkit-keyframes birth {
0%,
60% {
opacity: 0;
fill: rgba(255, 255, 255, 0);
}
100% {
opacity: 1;
fill: rgba(255, 255, 255, 1);
}
}

@-moz-keyframes birth {
0%,
60% {
opacity: 0;
fill: rgba(255, 255, 255, 0);
}
100% {
opacity: 1;
fill: rgba(255, 255, 255, 1);
}
}

@keyframes birth {
0%,
60% {
opacity: 0;
fill: rgba(255, 255, 255, 0);
}
100% {
opacity: 1;
fill: rgba(255, 255, 255, 1);
}
}

Expand Down
2 changes: 1 addition & 1 deletion knowledge-circuit/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
<body>
<section class="splash" id="splash">
<div class="logo">
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 640"><text xml:space="preserve" x="114.4" y="377" transform="scale(1.0044492,0.99557048)" class="svg0"><tspan x="114.4" y="377"><tspan x="106" y="377" style="-inkscape-font-specification:'Varela Round';font-family:'Varela Round';font-size:38">Yuriy Tupychak</tspan></tspan></text><rect y="306" x="87" height="119.9" width="325.9" ry="14" rx="14.7" class="svg1"/><g transform="translate(-122.04724,-159.48141)"><path d="m297.5 465 0-33.8-45-45 0-62.1 28.4-16.4 0-33.6" class="svg2"/><circle r="4.6" cy="271" cx="280.9" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m248 465.2 0-33.8-28-28 0-58.3" class="svg2"/><circle r="4.6" cy="342" cx="219.8" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m497.1 464.1 0-32.9-18.4-18.4-101 0-24.7-24.7 0-52" class="svg2"/><circle cx="353" cy="333.2" r="4.6" class="svg1"/><path d="m428.8 412.4-21.7-21.7 0-96-27.8-27.8 0-45" class="svg2"/><circle cx="379.2" cy="218.9" r="4.6" class="svg1"/><path d="m407.1 361.4 15.2-15.2 31.8 0 16.2-16.2 0-53.5" class="svg2"/><circle cx="470.2" cy="273.5" r="4.6" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m296 587.2 0 34.3-45.5 45.5 0 37.4" class="svg2"/><circle r="4.6" cy="707.3" cx="250.4" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m330 688.4 0-31 16.1-16.1 0-55.4" class="svg2"/><circle r="4.6" cy="692.1" cx="330.1" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m397 587.7 0 33.8 22.7 22.7 0 77.7" class="svg2"/><circle cx="419.9" cy="724.6" r="4.6" class="svg1"/><path d="m419.7 644.3 27.3 0 18.2 18.2 0 28.8" class="svg2"/><circle cx="465.2" cy="694.5" r="4.6" class="svg1"/></g><g transform="translate(-72.549765,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><g transform="translate(-22.547214,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="matrix(1,0,0,-1,-222.29467,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><g transform="matrix(1,0,0,-1,-21.58038,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="matrix(1,0,0,-1,27.97669,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><text y="166.7" x="76.9" xml:space="preserve" class="svg0"><tspan y="166.7" x="76.9" class="svg4" >C++</tspan></text><text xml:space="preserve" x="150.1" y="95.9" class="svg0"><tspan x="150.1" y="95.9" class="svg4" >C</tspan></text><text xml:space="preserve" x="218.6" y="42.4" class="svg0"><tspan x="218.6" y="42.4" class="svg4" >Python</tspan></text><text y="157.4" x="201.8" xml:space="preserve" class="svg0"><tspan y="157.4" x="201.8" class="svg4" >Flask</tspan></text><text xml:space="preserve" x="307.4" y="96.8" class="svg0"><tspan x="307.4" y="96.8" class="svg4" >Django</tspan></text><text xml:space="preserve" x="93.4" y="581.7" class="svg0"><tspan x="93.4" y="581.7" class="svg4" >HTML</tspan></text><text y="565.4" x="194.7" xml:space="preserve" class="svg0"><tspan y="565.4" x="194.7" class="svg4" >JS</tspan></text><text xml:space="preserve" x="273.1" y="596" class="svg0"><tspan x="273.1" y="596" class="svg4" >CSS</tspan></text><text y="544.9" x="358.1" xml:space="preserve" class="svg0"><tspan y="544.9" x="358.1" class="svg4" >SASS</tspan></text></svg>
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 500 640"><text xml:space="preserve" x="114.4" y="377" transform="scale(1.0044492,0.99557048)" class="svg0"><tspan x="114.4" y="377"><tspan x="196" y="377" style="-inkscape-font-specification:'Varela Round';font-family:'Varela Round';font-size:1.2em">TUORIS</tspan></tspan></text><rect y="306" x="87" height="119.9" width="325.9" ry="14" rx="14.7" class="svg1"/><g transform="translate(-122.04724,-159.48141)"><path d="m297.5 465 0-33.8-45-45 0-62.1 28.4-16.4 0-33.6" class="svg2"/><circle r="4.6" cy="271" cx="280.9" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m248 465.2 0-33.8-28-28 0-58.3" class="svg2"/><circle r="4.6" cy="342" cx="219.8" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m497.1 464.1 0-32.9-18.4-18.4-101 0-24.7-24.7 0-52" class="svg2"/><circle cx="353" cy="333.2" r="4.6" class="svg1"/><path d="m428.8 412.4-21.7-21.7 0-96-27.8-27.8 0-45" class="svg2"/><circle cx="379.2" cy="218.9" r="4.6" class="svg1"/><path d="m407.1 361.4 15.2-15.2 31.8 0 16.2-16.2 0-53.5" class="svg2"/><circle cx="470.2" cy="273.5" r="4.6" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m296 587.2 0 34.3-45.5 45.5 0 37.4" class="svg2"/><circle r="4.6" cy="707.3" cx="250.4" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m330 688.4 0-31 16.1-16.1 0-55.4" class="svg2"/><circle r="4.6" cy="692.1" cx="330.1" class="svg1"/></g><g transform="translate(-122.04724,-160.18111)"><path d="m397 587.7 0 33.8 22.7 22.7 0 77.7" class="svg2"/><circle cx="419.9" cy="724.6" r="4.6" class="svg1"/><path d="m419.7 644.3 27.3 0 18.2 18.2 0 28.8" class="svg2"/><circle cx="465.2" cy="694.5" r="4.6" class="svg1"/></g><g transform="translate(-72.549765,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><g transform="translate(-22.547214,-160.18111)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="matrix(1,0,0,-1,-222.29467,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><g transform="matrix(1,0,0,-1,-21.58038,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle r="5" cy="432.4" cx="347" class="svg6"/></g><g transform="matrix(1,0,0,-1,27.97669,891.52319)"><path d="m347 465.4 0-30.2" class="svg2"/><circle cx="347" cy="432.4" r="5" class="svg6"/></g><text y="166.7" x="76.9" xml:space="preserve" class="svg0"><tspan y="166.7" x="76.9" class="svg4" >C++</tspan></text><text xml:space="preserve" x="150.1" y="95.9" class="svg0"><tspan x="150.1" y="95.9" class="svg4" >C</tspan></text><text xml:space="preserve" x="218.6" y="42.4" class="svg0"><tspan x="218.6" y="42.4" class="svg4" >Python</tspan></text><text y="157.4" x="201.8" xml:space="preserve" class="svg0"><tspan y="157.4" x="201.8" class="svg4" >Flask</tspan></text><text xml:space="preserve" x="307.4" y="96.8" class="svg0"><tspan x="307.4" y="96.8" class="svg4" >Django</tspan></text><text xml:space="preserve" x="93.4" y="581.7" class="svg0"><tspan x="93.4" y="581.7" class="svg4" >HTML</tspan></text><text y="565.4" x="194.7" xml:space="preserve" class="svg0"><tspan y="565.4" x="194.7" class="svg4" >JS</tspan></text><text xml:space="preserve" x="273.1" y="596" class="svg0"><tspan x="273.1" y="596" class="svg4" >CSS</tspan></text><text y="544.9" x="358.1" xml:space="preserve" class="svg0"><tspan y="544.9" x="358.1" class="svg4" >SASS</tspan></text></svg>
</div>
</section>
<footer>
Expand Down

0 comments on commit 36de2a6

Please sign in to comment.