xfiles.reactor.cc

blizzard.reactor.cc

PR.reactor.cc

vp.reactor.cc

gf.reactor.cc

vn.reactor.cc

<h3>new word.htm</h3>  под вдохновлением от: <a href="http://joyreactor.cc/post/4755700">http://joyreactor.cc/post/4755700</a>   Многие шутят html не язык программирования это всё не серьёзно и не круто а по мне всё что не в <a href="https://ru.wikipedia.org/wiki/WYSIWYG">WYSIWYG</a> написано можно назвать программой.Сегодня я попробую(что может пойти не так) дать каждому инструмент почти полностью состоявший из html с помощью которого можно написать *простую программу *новою версию этого инструмента *или заметку какую нибудь  Чтобы создать исходную версию выполните действияВставьте в адресную следующее: data:text/html, У вас перед глазами должна появится пусутая страница &attribute_insert_1& если так допишите после data:text/html, следуйший код: &lt;input placeholder="file name" style=width:80%;height:10% oninput=a1.download=this.value value="new word.htm"&gt;&lt;a id=a1 href download="new word.htm"&gt;&lt;button style=width:20%;height:10%&gt;save&lt;/button&gt;&lt;/a&gt;&lt;textarea placeholder=source style=width:100%;height:90% oninput=a1.href='data:text/html;base64,'+btoa(this.value)&gt;&lt;/textarea&gt;&lt;style&gt;*{margin:0;font-size:20}&lt;/style&gt;&lt;title&gt;new word  Если всё пошло по плану вы увидите окно редактора &attribute_insert_2& ведите код представленный выше(тот что по длиннее) в поле "source" и нажмите "save". &attribute_insert_3&  Далее вы можете открывать полученный файл в FireFox или Chrome и уже в нём писать новые файлы правда только латиницей это можно устранить но для сегодняшнего примера я думаю это было бы лишним  Что бы не много добавить "универсальной" информативности :  Программы это набор определённых команд для выполнения задачи для того кто будет выполнять  В html в роли команд в основном выступают "теги" которые пишутся в &lt;&gt; и бывают самозакрывающийся и те что нужно закрывать пример: &lt;самозакрывающийся тег&gt;&lt;тег параметр=значение&gt;то что вы увидите вы после сохранения и открытия файла в формате .htm&lt;/тег&gt;br&gt;  Дальше сами пока что разбирайтесь находите непонятные слова в google пытайтесь понять принцип логики логики Удачи!  Пара примеров что можно создать с помощью "new word.htm" (вы можете придумать свою версию и назвать по другому )  Что бы добавить тёмную тему ведите между ;font-size:20 сюда }&lt;/style&gt; ;filter:invert(.95) вот так должно получится ;font-size:20;filter:invert(.95)}&lt;/style&gt; и пере сохраните с новым именем к примеру "new word dark theme.htm".  В случае html для корректной обработки файла браузером имя файла в конце должно содержать ".htm" &attribute_insert_4& (ну такое)Демо програмы которую можно написать с помошью "new word.htm" &lt;svg id=svg1 viewBox="0 0 100 100" width=100% height=80% stroke-width=5 fill=rgba(0,0,0,0) &gt; &lt;g id=g1 transform=""&gt; &lt;circle id=color1 cx=50 cy=50 r=50 /&gt; &lt;g stroke=rgba(0,0,0,0.5)&gt; &lt;circle cx=50 cy=50 r=47.5 /&gt; &lt;circle id=eye1 cx=30 cy=35 r=10 /&gt; &lt;circle id=eye2 cx=70 cy=35 r=1 /&gt; &lt;path id=mouth1 d="M25,80 A1,1,0,1,1,75,80" stroke-linecap=round /&gt; &lt;/g&gt; &lt;/g&gt; &lt;/svg&gt;&lt;br&gt; &lt;button onclick=i.value-=1;f()&gt;UmU&lt;/button&gt;&lt;input id=i oninput=f() value=0 type=range min=-50 max=50 style=width:60%;height:10%&gt;&lt;button onclick=i.value-=-1;f()&gt;^o^&lt;/button&gt; &lt;style&gt;*{margin:0;font-size:24}button{width:20%;height:10%}&lt;/style&gt; &lt;script&gt; f=()=&gt;{ svg1.setAttribute('viewBox','0 0 '+(i.value&lt;=0?50+(-i.value):50-(-i.value))+' 100'); g1.setAttribute('transform','scale('+(i.value&lt;=0?0.5+(-i.value*0.01):0.5+i.value*0.01)+',1)'); color1.setAttribute('fill', i.value&lt;=0?('hsl(0,100%,'+(100-(-i.value))+'%)'):('hsl(120,100%,'+(100-i.value)+'%)')); eye1.setAttribute('r',i.value&lt;=0?1+(-i.value*0.18):1+(i.value*0.18)); eye2.setAttribute('r',i.value&lt;=0?1+(-i.value*0.18):1+(i.value*0.18)); eye2.setAttribute('r',i.value&lt;=0?1+(-i.value*0.18):1+(i.value*0.18)); mouth1.setAttribute('d',i.value&lt;=0? ('M25,'+(80+i.value*0.25)+'A1,'+i.value*0.02+',0,0,1,75,'+(80-(-i.value*0.25))): ('M25,'+(67.5-i.value*0.25)+'A1,'+i.value*0.02+',0,0,0,75,'+(67.5-i.value*0.25))); mouth1.setAttribute('transform',i.value&lt;=0?'translate(0,'+(-(12.5+i.value*0.5))+')':'')//something wrong maybe }; //i.value=Math.random()*100-50; f() &lt;/script&gt;&lt;title&gt;Drama &attribute_insert_5&