тестирование дизайна никто не отменял
пробуем
Сообщений 1 страница 10 из 10
Поделиться230-09-2022 15:03
все еще тестируем
Поделиться304-10-2022 12:13
для вида иконки нового сообщения на главной странице
Поделиться404-10-2022 12:17
меня бесил профиль, мне было лень делать его как на макете
Поделиться520-07-2023 16:28
[html]<head>
<meta charset="UTF-8">
<title>CodePen - Calendar Javascript Library</title>
<link rel="stylesheet" href="https://cdn.rawgit.com/nizarmah/calendar-javascript-lib/master/calendarorganizer.min.css"><link rel="stylesheet" href="./style.css">
</head>
<style>.cjslib-day-indicator { color: #C2185B; background-color: #C2185B; } .cjslib-indicator-type-numeric { color: #FFFFFF; } .cjslib-day.cjslib-day-today > .cjslib-day-num { border-color: #C2185B !important; }</style>
<body>
<!-- partial:index.partial.html -->
<div id="calendarContainer"><div class="cjslib-calendar cjslib-size-small"><div class="cjslib-year" style="background-color: rgb(194, 24, 91); color: rgb(248, 187, 208);"><div id="calendarContainer-year-back"><svg style="width: 24px; height: 24px;" viewBox="0 0 24 24"><path fill="#F8BBD0" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"></path></svg></div><span id="calendarContainer-year">2023</span><div id="calendarContainer-year-next"><svg style="width: 24px; height: 24px;" viewBox="0 0 24 24"><path fill="#F8BBD0" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"></path></svg></div></div><div class="cjslib-month" style="background-color: rgb(233, 30, 99); color: rgb(255, 255, 255);"><div id="calendarContainer-month-back"><svg style="width: 24px; height: 24px;" viewBox="0 0 24 24"><path fill="#F8BBD0" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"></path></svg></div><span id="calendarContainer-month">July</span><div id="calendarContainer-month-next"><svg style="width: 24px; height: 24px;" viewBox="0 0 24 24"><path fill="#F8BBD0" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"></path></svg></div></div><div class="cjslib-labels" style="background-color: rgb(194, 24, 91); color: rgb(248, 187, 208);"><span id="calendarContainer-label-1">Wed</span><span id="calendarContainer-label-2">Thu</span><span id="calendarContainer-label-3">Fri</span><span id="calendarContainer-label-4">Sat</span><span id="calendarContainer-label-5">Sun</span><span id="calendarContainer-label-6">Mon</span><span id="calendarContainer-label-7">Tue</span></div><div class="cjslib-days"><div class="cjslib-row"><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-1"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-1" id="calendarContainer-day-1"><span class="cjslib-day-num" id="calendarContainer-day-num-1">28</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-1"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-2"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-2" id="calendarContainer-day-2"><span class="cjslib-day-num" id="calendarContainer-day-num-2">29</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-2"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-3"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-3" id="calendarContainer-day-3"><span class="cjslib-day-num" id="calendarContainer-day-num-3">30</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-3"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-4"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-4" id="calendarContainer-day-4"><span class="cjslib-day-num" id="calendarContainer-day-num-4">1</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-4"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-5"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-5" id="calendarContainer-day-5"><span class="cjslib-day-num" id="calendarContainer-day-num-5">2</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-5"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-6"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-6" id="calendarContainer-day-6"><span class="cjslib-day-num" id="calendarContainer-day-num-6">3</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-6"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-7"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-7" id="calendarContainer-day-7"><span class="cjslib-day-num" id="calendarContainer-day-num-7">4</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-7"></span></label></div><div class="cjslib-row"><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-8"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-8" id="calendarContainer-day-8"><span class="cjslib-day-num" id="calendarContainer-day-num-8">5</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-8"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-9"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-9" id="calendarContainer-day-9"><span class="cjslib-day-num" id="calendarContainer-day-num-9">6</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-9"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-10"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-10" id="calendarContainer-day-10"><span class="cjslib-day-num" id="calendarContainer-day-num-10">7</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-10"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-11"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-11" id="calendarContainer-day-11"><span class="cjslib-day-num" id="calendarContainer-day-num-11">8</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-11"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-12"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-12" id="calendarContainer-day-12"><span class="cjslib-day-num" id="calendarContainer-day-num-12">9</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-12"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-13"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-13" id="calendarContainer-day-13"><span class="cjslib-day-num" id="calendarContainer-day-num-13">10</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-13"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-14"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-14" id="calendarContainer-day-14"><span class="cjslib-day-num" id="calendarContainer-day-num-14">11</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-14"></span></label></div><div class="cjslib-row"><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-15"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-15" id="calendarContainer-day-15"><span class="cjslib-day-num" id="calendarContainer-day-num-15">12</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-15"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-16"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-16" id="calendarContainer-day-16"><span class="cjslib-day-num" id="calendarContainer-day-num-16">13</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-16"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-17"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-17" id="calendarContainer-day-17"><span class="cjslib-day-num" id="calendarContainer-day-num-17">14</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-17"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-18"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-18" id="calendarContainer-day-18"><span class="cjslib-day-num" id="calendarContainer-day-num-18">15</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-18"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-19"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-19" id="calendarContainer-day-19"><span class="cjslib-day-num" id="calendarContainer-day-num-19">16</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-19"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-20"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-20" id="calendarContainer-day-20"><span class="cjslib-day-num" id="calendarContainer-day-num-20">17</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-20"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-21"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-21" id="calendarContainer-day-21"><span class="cjslib-day-num" id="calendarContainer-day-num-21">18</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-21"></span></label></div><div class="cjslib-row"><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-22"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-22" id="calendarContainer-day-22"><span class="cjslib-day-num" id="calendarContainer-day-num-22">19</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-22"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-23"><label class="calendarContainer cjslib-day cjslib-day-listed cjslib-day-today" for="calendarContainer-day-radio-23" id="calendarContainer-day-23"><span class="cjslib-day-num" id="calendarContainer-day-num-23">20</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-23"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-24"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-24" id="calendarContainer-day-24"><span class="cjslib-day-num" id="calendarContainer-day-num-24">21</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-24"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-25"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-25" id="calendarContainer-day-25"><span class="cjslib-day-num" id="calendarContainer-day-num-25">22</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-25"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-26"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-26" id="calendarContainer-day-26"><span class="cjslib-day-num" id="calendarContainer-day-num-26">23</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-26">1</span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-27"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-27" id="calendarContainer-day-27"><span class="cjslib-day-num" id="calendarContainer-day-num-27">24</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-27"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-28"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-28" id="calendarContainer-day-28"><span class="cjslib-day-num" id="calendarContainer-day-num-28">25</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-28"></span></label></div><div class="cjslib-row"><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-29"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-29" id="calendarContainer-day-29"><span class="cjslib-day-num" id="calendarContainer-day-num-29">26</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-29"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-30"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-30" id="calendarContainer-day-30"><span class="cjslib-day-num" id="calendarContainer-day-num-30">27</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-30"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-31"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-31" id="calendarContainer-day-31"><span class="cjslib-day-num" id="calendarContainer-day-num-31">28</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-31"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-32"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-32" id="calendarContainer-day-32"><span class="cjslib-day-num" id="calendarContainer-day-num-32">29</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-32"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-33"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-33" id="calendarContainer-day-33"><span class="cjslib-day-num" id="calendarContainer-day-num-33">30</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-33"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-34"><label class="calendarContainer cjslib-day cjslib-day-listed" for="calendarContainer-day-radio-34" id="calendarContainer-day-34"><span class="cjslib-day-num" id="calendarContainer-day-num-34">31</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-34"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-35"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-35" id="calendarContainer-day-35"><span class="cjslib-day-num" id="calendarContainer-day-num-35">1</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-35"></span></label></div><div class="cjslib-row"><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-36"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-36" id="calendarContainer-day-36"><span class="cjslib-day-num" id="calendarContainer-day-num-36">2</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-36"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-37"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-37" id="calendarContainer-day-37"><span class="cjslib-day-num" id="calendarContainer-day-num-37">3</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-37"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-38"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-38" id="calendarContainer-day-38"><span class="cjslib-day-num" id="calendarContainer-day-num-38">4</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-38"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-39"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-39" id="calendarContainer-day-39"><span class="cjslib-day-num" id="calendarContainer-day-num-39">5</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-39"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-40"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-40" id="calendarContainer-day-40"><span class="cjslib-day-num" id="calendarContainer-day-num-40">6</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-40"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-41"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-41" id="calendarContainer-day-41"><span class="cjslib-day-num" id="calendarContainer-day-num-41">7</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-41"></span></label><input class="cjslib-day-radios" type="radio" name="calendarContainer-day-radios" id="calendarContainer-day-radio-42"><label class="calendarContainer cjslib-day cjslib-day-diluted" for="calendarContainer-day-radio-42" id="calendarContainer-day-42"><span class="cjslib-day-num" id="calendarContainer-day-num-42">8</span><span class="cjslib-day-indicator cjslib-indicator-pos-bottom cjslib-indicator-type-numeric" id="calendarContainer-day-indicator-42"></span></label></div></div></div></div>
<div id="organizerContainer"><div class="cjslib-events cjslib-size-small"><div class="cjslib-date" style="background-color: rgb(194, 24, 91); color: rgb(248, 187, 208);"><div id="organizerContainer-day-back"><svg style="width: 24px; height: 24px;" viewBox="0 0 24 24"><path fill="#F8BBD0" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z"></path></svg></div><span id="organizerContainer-date">July 20, 2023</span><div id="organizerContainer-day-next"><svg style="width: 24px; height: 24px;" viewBox="0 0 24 24"><path fill="#F8BBD0" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z"></path></svg></div></div><div class="cjslib-rows" id="organizerContainer-list-container"><ol class="cjslib-list" id="organizerContainer-list"><div class="cjslib-list-placeholder"><li class="cjslib-list-placeholder" style="text-align: center; padding: 20px 0px;">No events on this day</li></div></ol><ol class="cjslib-list" id="organizerContainer-history"></ol></div></div></div>
<!-- partial -->
</body><script src="https://cdn.rawgit.com/nizarmah/calendar-javascript-lib/master/calendarorganizer.min.js"></script><script src="https://forumstatic.ru/files/001b/2e/b0/93973.js"></script>[/html]
Поделиться621-07-2023 14:04
ghjdthrf1
Поделиться823-07-2023 22:47
[html]<html>
<head>
<base href="/">
<meta charset="UTF-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="description" content="Официальное приложение-компаньон к настольной игре 'Бункер'">
<!-- iOS meta tags & icons -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="app">
<link rel="apple-touch-icon" href="icons/Icon-192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<title>Бункер. Настольная игра</title>
<link rel="manifest" href="manifest.json">
<script src="https://cdn.jsdelivr.net/npm/jsqr@1.4.0/dist/jsQR.min.js"></script>
<style type="text/css">
@-webkit-keyframes loader-1-1 {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-1-1 {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#loading span {
display: block;
position: absolute;
top: 0; left: 0;
bottom: 0; right: 0;
margin: auto;
height: 32px;
width: 32px;
clip: rect(0, 32px, 32px, 16px);
-webkit-animation: loader-1-2 1.2s linear infinite;
animation: loader-1-2 1.2s linear infinite;
}
#loading {
display: block;
margin: auto;
-webkit-animation: loader-1-1 4.8s linear infinite;
animation: loader-1-1 4.8s linear infinite;
position: absolute;
left: calc(50vw - 16px);
top: 50vh;
width: 32px;
height: 32px;
}
@-webkit-keyframes loader-1-2 {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(220deg); }
}
@keyframes loader-1-2 {
0% { transform: rotate(0deg); }
100% { transform: rotate(220deg); }
}
#loading span::after {
content: "";
position: absolute;
top: 0; left: 0;
bottom: 0; right: 0;
margin: auto;
height: 32px;
width: 32px;
clip: rect(0, 32px, 32px, 16px);
border: 3px solid #ae8300;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-1-3 {
0% { -webkit-transform: rotate(-140deg); }
50% { -webkit-transform: rotate(-160deg); }
100% { -webkit-transform: rotate(140deg); }
}
@keyframes loader-1-3 {
0% { transform: rotate(-140deg); }
50% { transform: rotate(-160deg); }
100% { transform: rotate(140deg); }
}
#loading-title {
font-family: monospace;
color: #ae8300;
position: absolute;
left: calc(50vw - 38px);
top: 50vh;
margin-top: 40px;
}
</style>
</head>
<body>
<div id="loading"><span></span></div>
<div id="loading-title">Загрузка...</div>
<script>
var serviceWorkerVersion = '170288800';
var scriptLoaded = false;
function loadMainDartJs() {
if (scriptLoaded) {
return;
}
scriptLoaded = true;
var scriptTag = document.createElement('script');
scriptTag.src = 'main.dart.js';
scriptTag.type = 'application/javascript';
document.body.append(scriptTag);
}
if ('serviceWorker' in navigator) {
// service workers are supported. Use them.
window.addEventListener('load', function () {
// wait for registration to finish before dropping the <script> tag
// otherwise, the browser will load the script multiple times
var serviceWorkerUrl = 'flutter_service_worker.js?v=' + serviceWorkerVersion;
navigator.serviceWorker.register(serviceWorkerUrl)
.then((reg) => {
function waitForActivation(serviceWorker) {
serviceWorker.addEventListener('statechange', () => {
if (serviceWorker.state == 'activated') {
console.log('bunker: installed new service worker.');
loadMainDartJs();
}
});
}
if (!reg.active && (reg.installing || reg.waiting)) {
// no active web worker and we have installed
waitForActivation(reg.installing ?? reg.waiting);
} else if (!reg.active.scriptURL.endsWith(serviceWorkerVersion)) {
// when the app updates the serviceWorkerVersion changes
console.log('bunker: new service worker available');
reg.update();
waitForActivation(reg.installing);
} else {
// existing service worker is still good
console.log('bunker: loading app from service worker');
loadMainDartJs();
}
});
// if service worker doesn't succeed in a reasonable amount of time,
// fallback to plaint <script> tag.
setTimeout(() => {
if (!scriptLoaded) {
console.warn(
'bunker: failed to load app from service worker. Falling back to plain <script> tag.',
);
loadMainDartJs();
}
}, 4000);
});
} else {
// service workers not supported. Just drop the <script> tag.
loadMainDartJs();
}
</script>
<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(89455907, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true, trackHash:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/89455907" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
</body>
</html>[/html]