search

thetrevorharmon / thetrevorharmon.com

The blog & portfolio of Trevor Harmon.
http://thetrevorharmon.com
GNU General Public License v3.0
9 stars 0 forks source link

Replace ascii characters with atlas icon #227

Open thetrevorharmon opened 4 days ago

thetrevorharmon commented 4 days ago

The icon for the footnote back link looks fine on desktop, but on mobile it’s an emoji. It should instead be the same on both platforms.

Here is the curve arrow up icon from atlas icons 


<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" width="24" height="24" color="#000000"><defs><style>.cls-63ce7424ea57ea6c838005a2-1{fill:none;stroke:currentColor;stroke-miterlimit:10;}</style></defs><path class="cls-63ce7424ea57ea6c838005a2-1" d="M7,2V12A10,10,0,0,0,17,22h6"></path><polyline class="cls-63ce7424ea57ea6c838005a2-1" points="1 8 7 2 13 8"></polyline></svg>```
thetrevorharmon commented 4 days ago

The much for the “view more” button is an ascii arrow, it would be replace with the arrow right icon


<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5" width="24" height="24" color="#000000"><defs><style>.cls-63ce7424ea57ea6c8380058e-1{fill:none;stroke:currentColor;stroke-miterlimit:10;}</style></defs><line class="cls-63ce7424ea57ea6c8380058e-1" x1="21.5" y1="12" x2="0.5" y2="12"></line><polyline class="cls-63ce7424ea57ea6c8380058e-1" points="13.86 4.36 21.5 12 13.86 19.64"></polyline></svg>