radex
/
jspaint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix ugly scaling of images in news updates (not in Modern theme)

main
Isaiah Odhner 2020-12-21 19:21:43 -05:00
parent 70d50f4ef3
commit 1b76e807c4
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@ -88,7 +88,7 @@
<article class="news-entry" id="news-2020-accessibility-update">
<h1>The Accessibility Update</h1>
<time datetime="2020-12-20">2020-12-20</time>
<img width="965" height="399" style="max-width: 100%; height: auto;" src="https://i.postimg.cc/j29yrZbm/untitled-23.png"/>
<img width="965" height="399" style="max-width: 100%; height: auto; image-rendering: auto;" src="https://i.postimg.cc/j29yrZbm/untitled-23.png"/>
<h2>Multi-Lingual Support</h2>
<p>JS Paint is now largely localized into 26 languages.</p>
<p>
@ -105,10 +105,10 @@
To change the language, go to <b>Extras > Language</b>.
Your prefered language may already be detected, if specified in system or browser settings.
</p>
<img width="1280" height="720" style="max-width: 100%; height: auto;" src="https://i.postimg.cc/G2bH92fp/language-menu.png"/>
<img width="1280" height="720" style="max-width: 100%; height: auto; image-rendering: auto;" src="https://i.postimg.cc/G2bH92fp/language-menu.png"/>
<p>For Arabic and Hebrew, right-to-left layout is supported!</p>
<p>I tried my hand at some Arabic calligraphy...</p>
<img width="1141" height="800" style="max-width: 100%; height: auto;" src="https://i.postimg.cc/NFX2TTp1/untitled-45.png"/>
<img width="1141" height="800" style="max-width: 100%; height: auto; image-rendering: auto;" src="https://i.postimg.cc/NFX2TTp1/untitled-45.png"/>
<p>
If you want to contribute translations, <a target="_blank" href="https://github.com/1j01/jspaint/issues/80">get in touch!</a>
I need to do some technical work to set up for community translations on a public platform,
@ -169,7 +169,7 @@
<p>I also implemented the Edit Colors dialog. Previously this used the native system color picker, and didn't work for some people.</p>
<p>Access with <b>Colors > Edit Colors</b> or double click a color in the palette to edit.</p>
<figure>
<img width="496" height="350" style="max-width: 100%; height: auto;" src="https://i.postimg.cc/cLNgWH0r/Peek-2020-12-04-00-31.gif"/>
<img width="496" height="350" style="max-width: 100%; height: auto; image-rendering: auto;" src="https://i.postimg.cc/cLNgWH0r/Peek-2020-12-04-00-31.gif"/>
<figcaption>An animation morphing between JS Paint and MS Paint's color picking dialog. It's pretty close, other than the font.</figcaption>
</figure>
<p>Keyboard shortcuts are supported in this dialog, and for mobile devices with small screens, I made it treat adding custom colors as a separate screen.</p>
@ -193,7 +193,7 @@
<article class="news-entry" id="news-2019-winter-update">
<h1>Winter Update</h1>
<time datetime="2019-12-20">2019-12-20</time>
<img width="563" height="334" style="max-width: 100%; height: auto;" src="https://i.postimg.cc/63Wc6vpG/2019-winter-update-candy-cane.gif"/>
<img width="563" height="334" style="max-width: 100%; height: auto; image-rendering: auto;" src="https://i.postimg.cc/63Wc6vpG/2019-winter-update-candy-cane.gif"/>
<h2>Winter Theme</h2>
<p>
A new UI skin is available, under <b>Extras &gt; Themes &gt; Winter</b>, featuring winter and holiday icons, festive fonts, and a palette with seasonal colors and peppermint patterns.