![](https://i.imgur.com/N5qM2vM.png" "победитель конкурса: лекси кортез")
Благодарим за выбор нашего сервиса!
- Подпись автора
♥️
поле чудес х rich bitch x капсула х капсула'23
«good morning, reasons why I drink.»
Тестовое сообщение
Страница: 1
Тема закрыта
Сообщений 1 страница 5 из 5
Поделиться12022-10-15 15:53:03
Поделиться22022-11-23 11:52:48
тест
- Подпись автора
♥️
поле чудес х rich bitch x капсула х капсула'23
«good morning, reasons why I drink.»
Поделиться32022-11-23 20:22:00
- Я так не думаю,- ничего он не был должен Джею. Он мог его убить - без шуток, без лишней драмы и дополнительных вопросов. Сделать из него решето, не гнушаясь огнестрелом, вспороть горло, воспользовавшись кухонным ножом, сломать его любым доступным способом, даже забить монтировкой, если бы ничего лучше под рукой не оказалось, защищая себя и свою кровь от крови, возвращая своего друга назад в прошлое, где он был беспомощен, предан и брошен. Правда мог. Рой Харпер давным-давно отошёл от парадигм, мешающих убивать, окунаясь в чужую кровь по самый локоть. Отошёл и от тех, что запрещали ему быть мудаком, способным сломать другого ради себя - хорошие мальчики долго не живут, хорошие мальчики задыхаются в смраде Готэма и топятся в мазутных лужах. Но мог не равно должен. Его друг, его брат по-прежнему искал в нём спасения - просил о нём, смотрел с надеждой, всё твердил, что он ему что-то должен, но правда была не такой. Правда звучало нелицеприятно - они оба эгоисты. Они оба безумцы. И оба выбирают себя, заставляя второго страдать - так это заведено, так это работало. Друг о друга лечились, друг о друга ломались, друг за друга цеплялись, друг друга же топили в зелёных водах безумия, давно ставшим общим, позволяя вынырнуть в последний момент, когда таймер почти доходил до нуля. Рой сейчас понимал это как никогда ясно - не было больше причин закрывать глаза на очевидное, не было больше никаких спасательных кругов и тихих гавань. Были только он и Джей в бушующих зелёных водах, норовящих утянуть их на дно. И там где Рой смирился, принимая правила игры, Джей всё искал спасения.
И это было так странно. Так дико. Так горько на вкус.
- Потому что, чёрт возьми, нет. Это неправильно, моя дочь не поле для экспериментов,- Харпер категоричен. Харпер думает, что если бы у Джея был отец хотя бы такой жалкий и слабый, как Рой, но по крайней мере любящий ребёнка искренне и больше чем собственное эго, то ничего этого не было бы. Не было бы обезумевшего, запутавшегося, тонущего, даже будучи вытащенным из ямы Лазаря, Колпака. Не было бы их команды, не было бы и Лиан, и Роя, который остался в живых и по-прежнему топтал землю, всё ещё не разрешая себе сдаться. Любовь - это не про возрождение из мёртвых и попытки вернуть всё как было, теша себя, что смог и обыграл саму смерть. Любовь это про другое. И Харпер знает, что всё должно было быть не так. Не должен он направлять ствол на Джея, не должен стоять так далеко, задыхаясь от боли, с трудом находя в себе силы, чтобы выругаться, чтобы снова и снова повторять, что так нельзя. Он должен быть подле птенчика. Он должен быть плечом к плечу к нему.
Он должен остановить его во чтобы то ни стало. Ради него, ради Лиан, ради себя.
Они ведь правда проиграли.
- Её погубит наше безумие, от него нет спасения. Ничего уже не вернуть, смерть нельзя обыграть - она заберёт своё,- Рой в это искренне верит. Как и верит, что не сможет уберечь свою малышку от заразного безумия. Ведь от него нет спасения. Любовь не может переиграть смерть и боль. Любовь спасает только тех, кто ещё жив - мёртвых едва ли. А ведь раньше он верил, что сможет залечить раны Джея, вернуть ему себя, заштопать и перекрасить его зелёный мир в цвета более естественные. Правда верил. Жил этой мыслью и каждый день делал маленькие шаги в сторону счастливого завтра, пока однажды не вернулся домой и не увидел лужу крови.
Безумия нельзя вылечить. Не зря бешеных собак отстреливают без сожаления, вот только они не бродячие псы - хуже. И их час не настал.
- Да, Джей, она не должна была умирать и это единственное в чём ты прав,- Рой улыбается криво так как никогда раньше не улыбался, смотрит с болью, стараясь не видеть сломанное тело своего ребёнка, сдерживая в себе всю свою боль, немой крик и отчаяние. Ему бы очень хотелось, чтобы Джей был прав. Чтобы для Лиан этот мир мог бы стать ярким, чтобы она прожила свою жизнь будучи любимой и не сломанной. Чтобы в ней проросло лучшее, что было в них, а худшее не отразилось, не оставило свой след в душе, не изменила выражение лица, не причинило боли. Ему бы очень хотелось, чтобы всё было так.
Но Джей ошибался.
- Её мир начнётся с боли. Её новая жизнь начнётся с нашей ненависти и страха. Её мир окрасится в зелёный, потому что я никогда себя не прощу. Ни себя, ни тебя. Мы не вернём Лиан, не вернём её так, чтобы это была её жизнь. Мы вернём себе иллюзию правильности наших решений, но это неправильно, Джей, слышишь? Не надо. Это неправильно.
Рой говорит и делает шаг, прижимая руку к кровавому пятну на своём животе. Рой не кричит - говорит, мягко, уверенно, с сожалением. Рой улыбается - криво, болезненно. Всё ещё сжимает в рук пистолет, не отводя его в сторону от Джея, готовый подстрелить, если он дернётся в сторону. Дистанция между ними сокращается, вязкая тишина заполняется дыханием и едва слышным детским плачем - это что-то в голове Харпера, он знает, что не взаправду и всё равно вслушивается, пытаясь разобрать слова. Ему кажется, что если бы голос Лиан просил о помощи - он бы сдался, но в этой какофонии, в шуме крови в его ушах, в его же сердцебиении, перемешанного с плачем почти воем не было слов. А значит он прав.
Они хуже своих несостоявшихся родителей. И в этом их сила - нельзя разочаровать отпрыска, если ты уже худший из худших, пусть в детских глазах и не было никогда осуждения. Они хуже и поэтому могли себе позволить тащить очередное надгробие, тяжело ступая по земле.
Их двое и эта ноша была им по силам. Тишина рано или поздно заполнится звуками - плотину неприятия прорвёт, в неё уже появлялись отверстия. Они говорили, спорили. Между ними как и прежде была Лиан - всегда, теперь.
Рой сокращал дистанцию, чувствуя, что переоценил себя, заглушив все чувства обезболивающими, но какая разница? Джей не даст ему умереть - это то во что ему оставалось верить.
- Остановись, Джей, сосредоточься на мне. Разве я когда-нибудь тебя обманывал? - расстояние между ними сократилось до незначительных величин, и больше Красный не был мишенью. Идти на сближение, а не стрелять издалека - это всегда риск, но Рой всегда верил Джею. Верил в него. И уже заплатил сполна за свою слепоту, за свою преданность, за все свои решения. Он был нищ и болен. Его мир тонул, а он всё равно тянул руку, пахнущую железом и порохом к чужому лицу, вставая преградой между драгоценной ношей Джея и ямой Лазаря, касался чужой щеки мягко, смотрел прямо, не скрывая боли, не пряча разочарования, которого не было. Никто невиноват, что они созданы были для того, чтобы разрушать. Никто невиноват, что Рой поверил, что он может лучше, что может созидать. Никто, чёрт возьми, невиноват, что он ошибся.
Но больше ошибаться не собирался.
- Пойдём домой, Джей. Лиан ушла от нас. Нашу Лиан вернуть нельзя.
Их Лиан не вернут зелёные воды. Их Лиан уже не вернёт ничего - она будет жива, пока они будут дышать и помнить о ней. Она будет свободна в их воспоминаниях, счастлива, не заклеймлена чужим безумием. И нет никаких других вариантов, нет способа повернуть время вспять. В конце концов ни один из них не был создан для созидания, а значит у них не было и шанса даровать кому-то жизнь не как у них.
Другую.
[nick]Roy Harper[/nick][status]почему всегда рой[/status][icon]https://i.imgur.com/PXVIMYf.png[/icon][lz1]РОЙ ХАРПЕР, 25 <sup>y.o.</sup><br><b>profession:</b> наёмник<br>[/lz1]
- Подпись автора
♥️
поле чудес х rich bitch x капсула х капсула'23
«good morning, reasons why I drink.»
Поделиться42022-11-23 20:24:26
- Я так не думаю,- ничего он не был должен Джею. Он мог его убить - без шуток, без лишней драмы и дополнительных вопросов. Сделать из него решето, не гнушаясь огнестрелом, вспороть горло, воспользовавшись кухонным ножом, сломать его любым доступным способом, даже забить монтировкой, если бы ничего лучше под рукой не оказалось, защищая себя и свою кровь от крови, возвращая своего друга назад в прошлое, где он был беспомощен, предан и брошен. Правда мог. Рой Харпер давным-давно отошёл от парадигм, мешающих убивать, окунаясь в чужую кровь по самый локоть. Отошёл и от тех, что запрещали ему быть мудаком, способным сломать другого ради себя - хорошие мальчики долго не живут, хорошие мальчики задыхаются в смраде Готэма и топятся в мазутных лужах. Но мог не равно должен. Его друг, его брат по-прежнему искал в нём спасения - просил о нём, смотрел с надеждой, всё твердил, что он ему что-то должен, но правда была не такой. Правда звучало нелицеприятно - они оба эгоисты. Они оба безумцы. И оба выбирают себя, заставляя второго страдать - так это заведено, так это работало. Друг о друга лечились, друг о друга ломались, друг за друга цеплялись, друг друга же топили в зелёных водах безумия, давно ставшим общим, позволяя вынырнуть в последний момент, когда таймер почти доходил до нуля. Рой сейчас понимал это как никогда ясно - не было больше причин закрывать глаза на очевидное, не было больше никаких спасательных кругов и тихих гавань. Были только он и Джей в бушующих зелёных водах, норовящих утянуть их на дно. И там где Рой смирился, принимая правила игры, Джей всё искал спасения.
И это было так странно. Так дико. Так горько на вкус.
- Потому что, чёрт возьми, нет. Это неправильно, моя дочь не поле для экспериментов,- Харпер категоричен. Харпер думает, что если бы у Джея был отец хотя бы такой жалкий и слабый, как Рой, но по крайней мере любящий ребёнка искренне и больше чем собственное эго, то ничего этого не было бы. Не было бы обезумевшего, запутавшегося, тонущего, даже будучи вытащенным из ямы Лазаря, Колпака. Не было бы их команды, не было бы и Лиан, и Роя, который остался в живых и по-прежнему топтал землю, всё ещё не разрешая себе сдаться. Любовь - это не про возрождение из мёртвых и попытки вернуть всё как было, теша себя, что смог и обыграл саму смерть. Любовь это про другое. И Харпер знает, что всё должно было быть не так. Не должен он направлять ствол на Джея, не должен стоять так далеко, задыхаясь от боли, с трудом находя в себе силы, чтобы выругаться, чтобы снова и снова повторять, что так нельзя. Он должен быть подле птенчика. Он должен быть плечом к плечу к нему.
Он должен остановить его во чтобы то ни стало. Ради него, ради Лиан, ради себя.
Они ведь правда проиграли.
- Её погубит наше безумие, от него нет спасения. Ничего уже не вернуть, смерть нельзя обыграть - она заберёт своё,- Рой в это искренне верит. Как и верит, что не сможет уберечь свою малышку от заразного безумия. Ведь от него нет спасения. Любовь не может переиграть смерть и боль. Любовь спасает только тех, кто ещё жив - мёртвых едва ли. А ведь раньше он верил, что сможет залечить раны Джея, вернуть ему себя, заштопать и перекрасить его зелёный мир в цвета более естественные. Правда верил. Жил этой мыслью и каждый день делал маленькие шаги в сторону счастливого завтра, пока однажды не вернулся домой и не увидел лужу крови.
Безумия нельзя вылечить. Не зря бешеных собак отстреливают без сожаления, вот только они не бродячие псы - хуже. И их час не настал.
- Да, Джей, она не должна была умирать и это единственное в чём ты прав,- Рой улыбается криво так как никогда раньше не улыбался, смотрит с болью, стараясь не видеть сломанное тело своего ребёнка, сдерживая в себе всю свою боль, немой крик и отчаяние. Ему бы очень хотелось, чтобы Джей был прав. Чтобы для Лиан этот мир мог бы стать ярким, чтобы она прожила свою жизнь будучи любимой и не сломанной. Чтобы в ней проросло лучшее, что было в них, а худшее не отразилось, не оставило свой след в душе, не изменила выражение лица, не причинило боли. Ему бы очень хотелось, чтобы всё было так.
Но Джей ошибался.
- Её мир начнётся с боли. Её новая жизнь начнётся с нашей ненависти и страха. Её мир окрасится в зелёный, потому что я никогда себя не прощу. Ни себя, ни тебя. Мы не вернём Лиан, не вернём её так, чтобы это была её жизнь. Мы вернём себе иллюзию правильности наших решений, но это неправильно, Джей, слышишь? Не надо. Это неправильно.
Рой говорит и делает шаг, прижимая руку к кровавому пятну на своём животе. Рой не кричит - говорит, мягко, уверенно, с сожалением. Рой улыбается - криво, болезненно. Всё ещё сжимает в рук пистолет, не отводя его в сторону от Джея, готовый подстрелить, если он дернётся в сторону. Дистанция между ними сокращается, вязкая тишина заполняется дыханием и едва слышным детским плачем - это что-то в голове Харпера, он знает, что не взаправду и всё равно вслушивается, пытаясь разобрать слова. Ему кажется, что если бы голос Лиан просил о помощи - он бы сдался, но в этой какофонии, в шуме крови в его ушах, в его же сердцебиении, перемешанного с плачем почти воем не было слов. А значит он прав.
Они хуже своих несостоявшихся родителей. И в этом их сила - нельзя разочаровать отпрыска, если ты уже худший из худших, пусть в детских глазах и не было никогда осуждения. Они хуже и поэтому могли себе позволить тащить очередное надгробие, тяжело ступая по земле.
Их двое и эта ноша была им по силам. Тишина рано или поздно заполнится звуками - плотину неприятия прорвёт, в неё уже появлялись отверстия. Они говорили, спорили. Между ними как и прежде была Лиан - всегда, теперь.
Рой сокращал дистанцию, чувствуя, что переоценил себя, заглушив все чувства обезболивающими, но какая разница? Джей не даст ему умереть - это то во что ему оставалось верить.
- Остановись, Джей, сосредоточься на мне. Разве я когда-нибудь тебя обманывал? - расстояние между ними сократилось до незначительных величин, и больше Красный не был мишенью. Идти на сближение, а не стрелять издалека - это всегда риск, но Рой всегда верил Джею. Верил в него. И уже заплатил сполна за свою слепоту, за свою преданность, за все свои решения. Он был нищ и болен. Его мир тонул, а он всё равно тянул руку, пахнущую железом и порохом к чужому лицу, вставая преградой между драгоценной ношей Джея и ямой Лазаря, касался чужой щеки мягко, смотрел прямо, не скрывая боли, не пряча разочарования, которого не было. Никто невиноват, что они созданы были для того, чтобы разрушать. Никто невиноват, что Рой поверил, что он может лучше, что может созидать. Никто, чёрт возьми, невиноват, что он ошибся.
Но больше ошибаться не собирался.
- Пойдём домой, Джей. Лиан ушла от нас. Нашу Лиан вернуть нельзя.
Их Лиан не вернут зелёные воды. Их Лиан уже не вернёт ничего - она будет жива, пока они будут дышать и помнить о ней. Она будет свободна в их воспоминаниях, счастлива, не заклеймлена чужим безумием. И нет никаких других вариантов, нет способа повернуть время вспять. В конце концов ни один из них не был создан для созидания, а значит у них не было и шанса даровать кому-то жизнь не как у них.
Другую.
[nick]Roy Harper[/nick][status]почему всегда рой[/status][icon]https://i.imgur.com/PXVIMYf.png[/icon][lz1]РОЙ ХАРПЕР, 25 <sup>y.o.</sup><br><b>profession:</b> наёмник<br>[/lz1]
- Подпись автора
♥️
поле чудес х rich bitch x капсула х капсула'23
«good morning, reasons why I drink.»
Поделиться52025-01-30 14:29:26
Код:
<!--HTML--> <div class="htmldemo"> <center><div class="sacth"> <div class="sacttitle">сезонный пропуск Сакраменто</div> <div class="saccita">пошумим? </div> <br> <hr> <div style="width: 480px; text-align: justify; font: 11px arial; text-transform: none; line-height: 11px; overflow: auto;"> <p>А у нас с вами снова экспериментальный формат! Предлагю вашему вниманию <b>сезонный пропуск Сакраменто: зимний</b>! Нам предстоит писать посты, набирать сообщения и делать красоту всяко-разную - звучит несложно, да? И всё это для того, чтобы достичь поставленной цели совместными усилиями. Времени у нас с вами месяц, ведь ивент будет длиться <b>до 25 февраля</b>. Но будем честны, наша основная цель - вспомнить, что часть команды - часть корабля (ну вдруг вы позабыли), и не опускать руки под гнётом зимней хандры! <br> Ивент глобальный, так сказать касающийся всего нашего славного сервера оптом: учитываться будут достижения всех и каждого, но только те, кто в самом деле будет радеть за победу, смогут претендовать на призы за наибольший вклад. Формат экспериментальный, так что правила могут уточняться в процессе проведения - надеемся на ваше понимание.<br> <br> <b>Цель:</b><br> Набрать <s>6,000</s> 11 400 баллов общими усилиями игроков. <br><br> <b>Особенности:</b><br> Результат зависит от общей активности на форуме.<br> Подсчёты баллов ведутся автоматически, что упрощает процесс участия - прогресс будет складываться из реальных достижений всех и каждого, а не только тех, кто добредёт до темы.<br> Главное — командная работа, ведь только вместе можно добиться успеха, ауф!<br> <br> <b>за что даются баллы:</b><br> ● за каждый пост — 20 баллов;<br> ● за закрытый эпизод (каждому участнику эпизода) — 20 баллов;<br> ● за каждые 200 сообщений — 20 баллов;<br> ● за каждый уникальный аватар/эпиграф — 10 баллов;<br> ● за каждую аэстетику — 10 баллов;<br> ● за каждую подборку — 10 баллов.<br> В зачет идут сообщения, оставленные в период <b>с 25 января по 25 февраля</b> (включительно). <br><br> <b>Призы:</b><br> За каждые 1,200 баллов (так называемые "рубежи"), набранные в рамках ивента, участники получают призы, указанные на шкале при наведении на иконки возле рубежей.<br> Участником ивента, претендующим на призы на очередной отметке, считается человек, <b>набравший ~3% от суммы и сделавший что-то (а также принёсший ссылки-подтверждения) между предыдущим рубежом и текущим</b>. <u>Например</u>: для получения призов на рубеже 1200 нужно набрать 30 баллов и принести ссылки-подтверждения до того как рубеж достигнут; для получения призов на рубеже 2400 нужно набрать 70 баллов (неважно когда - они могут быть набраны до достижения рубежа в 1200) и оставить хотя бы одно сообщение с подтверждением, что вы шевелились до того как мы дойдём до 2400 и после пересечения 1200. В рамках разговора о призах под "набранными" подразумеваются баллы, которые были подтверждены сообщением в теме и занесены в таблицу личного зачёта.<br><br> Минимальное количество баллов для получения призов:<br> ● на рубеже 1200 - 30 баллов;<br> ● на рубеже 2400 - 70 баллов;<br> ● на рубеже <s>3600</s> 5400 - 100 баллов;<br> ● на рубеже <s>4800</s> 8400 - 140 баллов;<br> ● на рубеже <s>6000</s> 11400 - 180 баллов.<br> По окончанию ивента будет открыта лавка, где можно будет потратить свои честно набранные баллы (тут речь только о тех, что были зафиксированы в теме).<br> <br> <b>Участие:</b><br> Достижения учитываются автоматически, но для подтверждения участия необходимо предоставлять ссылки-подтверждения или скриншоты (в случае набора сообщений).<br> Будет таблица с личным зачётом и ни один ваш балл не будет потерян!<br> <br> <b>Дополнительно:</b><br> ● Поощряется активное взаимодействие и поддержка друг друга. Вы все рок-звёзды!<br> ● Следить за текущим прогрессом можно будет прямо в теме, обновляться шкала будет раз <b>В ТРИ ДНЯ</b> (грубо говоря, у вас всегда будет три дня, чтобы набрать баллы для получения призов на следующем рубеже, если мы вдруг будем мчать вперёд как паровозик).<br> ● Объединяем силы, участвуем активно и добиваемся общей цели вместе! 🚀<br> </p> </div> </div></center></div><br>
Код:
<!--HTML-->
<script>
/**
* Устанавливает прогресс на основе значения и максимума.
* @param {number} value - Текущее значение.
* @param {number} max - Максимальное значение.
*/
function setProgress(value, max) {
// Вычисляем процентное соотношение
const percent = (value / max) * 100;
const clampedPercent = Math.min(Math.max(percent, 0), 100); // Ограничиваем от 0 до 100
const progressBar = document.querySelector('.progress-bar');
const progressBarContainer = document.querySelector('.progress-bar-container');
// Установка прогресса
progressBar.style.setProperty('--progress', `${clampedPercent}%`);
progressBar.style.height = `${clampedPercent}%`;
// Установка текста в data-value
progressBarContainer.setAttribute('data-value', `${value}`);
}
// Пример использования: установить значение 5200 из 10000
setProgress(3750, 12200);
</script>
<script>
/**
* Таймер обратного отсчета.
* @param {string} targetDate - Дата и время завершения в формате 'YYYY-MM-DDTHH:mm:ss'.
*/
function startCountdown(targetDate) {
const countdownElement = document.getElementById('countdown-timer');
const daysElement = document.getElementById('days');
const hoursElement = document.getElementById('hours');
const minutesElement = document.getElementById('minutes');
const secondsElement = document.getElementById('seconds');
function updateCountdown() {
const now = new Date();
const target = new Date(targetDate);
const difference = target - now;
if (difference <= 0) {
countdownElement.textContent = 'Событие наступило!';
clearInterval(interval);
return;
}
const days = Math.floor(difference / (1000 * 60 * 60 * 24));
const hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((difference % (1000 * 60)) / 1000);
daysElement.textContent = days;
hoursElement.textContent = hours.toString().padStart(2, '0');
minutesElement.textContent = minutes.toString().padStart(2, '0');
secondsElement.textContent = seconds.toString().padStart(2, '0');
}
updateCountdown();
const interval = setInterval(updateCountdown, 1000);
}
// Запустить таймер до указанной даты
startCountdown('2025-02-26T00:00:00');
</script>
<style>
/* Таймер обратного отсчета */
.countdown-timer {
text-align: center;
font-size: 32px;
font-weight: bold;
margin-bottom: 20px;
color: rgba(19, 94, 135, 1);
text-transform: uppercase;
font-family: 'Bebas Neue';
}
/* Общий фон */
.progress-background {
display: flex;
justify-content: center;
align-items: center;
height: 850px;
/*background-color: #f0f0f0;*/
}
/* Контейнер прогресс-бара и шагов */
.progress-container {
position: relative;
width: 500px;
height: 800px;
background-color: #ffffff;
border-radius: 15px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
padding: 20px;
display: flex;
justify-content: space-between;
}
/* Прогресс-бар */
.progress-bar-container {
position: relative;
width: 50px;
height: 100%;
background-color: #e0e0e0;
border-radius: 25px;
overflow: hidden;
margin: auto;
z-index: 10;
}
.progress-bar-container:hover::before {
content: attr(data-value);
position: relative;
display: block;
/* left: 100%; */
/* bottom: var(--progress); */
top: 67%;
transform: translateX(10px) translateY(50%);
background-color: rgba(19, 94, 135, 1);
color: #efefef;
font-size: 12px;
padding: 4px 8px;
border-radius: 5px;
white-space: nowrap;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
z-index: 20;
margin-left: -4px;
}
.progress-bar {
position: absolute;
bottom: 0;
width: 100%;
height: var(--progress);
background: linear-gradient(rgba(217,249,255,1) 16%, rgba(0,212,255,1) 45%, rgba(19,94,135,1) 94%);
transition: height 0.5s ease;
}
/* Отметки на шкале */
.progress-mark {
position: absolute;
left: 100%;
font-size: 12px;
color: #333;
transform: translateX(-50%);
white-space: nowrap;
/*bottom: calc(var(--position) * 1%);*/
margin-left: -25px;
font-weight: bold;
}
/* Шаги и линии */
.progress-steps {
position: absolute;
top: 10%;
left: 0px;
width: 100%;
height: 90%;
z-index: 3;
margin: 5px;
}
.progress-step {
position: absolute;
display: flex;
align-items: center;
/*bottom: calc(var(--position) * 1%);*/
}
.progress-step.left {
justify-content: flex-end;
margin-left: 42px;
}
.progress-step.right {
justify-content: flex-start;
/*left: auto;
right: 0;*/
margin-left: 305px;
}
.progress-dotted-line {
width: 80px;
height: 2px;
background-image: linear-gradient(to right, #333 50%, rgba(0, 0, 0, 0) 50%);
background-size: 6px 2px;
}
.progress-step.left .progress-dotted-line {
margin-right: 10px;
}
.progress-step.right .progress-dotted-line {
margin-left: 10px;
}
.progress-step-circle {
position: relative;
width: 75px;
height: 75px;
background-color: transparent;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
transition: all 0.3s ease;
}
.progress-step-circle img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.progress-step-circle:hover {
width: 155px;
height: 130px;
text-align: left;
border-radius: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
justify-content: flex-start;
padding: 5px;
background-color: #ffffff;
}
.progress-step-circle:hover img {
display: none;
}
.progress-step-circle .hover-content {
display: none;
color: #333;
font-size: 10px;
/* font-weight: bold; */
padding: 8px;
/* width: 100%; */
margin-right: 10px;
}
.progress-step-circle:hover .hover-content {
display: block;
}
.blink_new {
color: rgba(255, 99, 71, 1);
font-size: 8px;
vertical-align: super;
-webkit-animation: blink1 3s linear infinite;
animation: blink1 3s linear infinite;
display: inline-block;
}
@-webkit-keyframes blink1 {
0% { color: rgba(255, 99, 71, 1); }
50% { color: rgba(255, 99, 71, 0); }
100% { color: rgba(255, 99, 71, 1); }
}
@keyframes blink1 {
0% { color: rgba(255, 99, 71, 1); }
50% { color: rgba(255, 99, 71, 0); }
100% { color: rgba(255, 99, 71, 1); }
}
@-webkit-keyframes pulsate {
50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
}
@keyframes pulsate {
50% { color: #fff; text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff; }
</style>
<div class="countdown-timer" id="countdown-timer">
до конца ивента: <span id="days">0</span> дней
<span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>
</div>
<div class="progress-background">
<div class="progress-container">
<!-- Прогресс-бар -->
<div class="progress-bar-container" data-value="5200">
<div class="progress-bar" style="--progress: 0%;"></div>
<!-- Отметки на шкале -->
<div class="progress-mark" style="bottom: 10.5%;">1200</div>
<div class="progress-mark" style="bottom: 21%">2400</div>
<div class="progress-mark" style="bottom: 43.2%">5400</div>
<div class="progress-mark" style="bottom: 68%">8400</div>
<div class="progress-mark" style="bottom: 92.5%">11400</div>
</div>
<!-- Круги с контентом -->
<div class="progress-steps">
<div class="progress-step left" style="bottom: 11%">
<div class="progress-step-circle">
<img src="https://i.imgur.com/OGt12dO.png" alt="Step 1">
<div class="hover-content">● 100 000 сакр<br>
● 2 обычных купона на выбор<br>
● тотем за 50 фишек на выбор<br>
● лимитированная плашка</div>
</div>
<div class="progress-dotted-line"></div>
</div>
<div class="progress-step right" style="bottom: 21.5%">
<div class="progress-dotted-line"></div>
<div class="progress-step-circle">
<img src="https://i.imgur.com/uuXMDlO.png" alt="Step 2">
<div class="hover-content"> ● купон "иконка рядом с ником" <div class="blink_new">new!</div><br>
● 2 необычных купона на выбор<br>
● тотем за 100 фишек на выбор<br>
● 50 фишек</div>
</div>
</div>
<div class="progress-step left" style="bottom: 45%">
<div class="progress-step-circle">
<img src="https://i.imgur.com/AtjkTbw.png" alt="Step 3">
<div class="hover-content">● купон "скидка на оформление личной страницы" <div class="blink_new">new!</div><br>
● 2 редких купона на выбор<br>
● тотем за 200 фишек на выбор<br>
● 200 000 сакр<br>
● ачивка<br></div>
</div>
<div class="progress-dotted-line"></div>
</div>
<div class="progress-step right" style="bottom: 71.5%;">
<div class="progress-dotted-line"></div>
<div class="progress-step-circle">
<img src="https://i.imgur.com/GJ7y1r7.png" alt="Step 4">
<div class="hover-content">● изумрудный тотем <div class="blink_new">new!</div><br>
● 2 эпических купона на выбор<br>
● тотем за 300 фишек на выбор<br>
● 100 фишек</div>
</div>
</div>
<div class="progress-step left" style="bottom: 97.5%">
<div class="progress-step-circle">
<img src="https://i.imgur.com/IAXiN5s.png" alt="Step 5">
<div class="hover-content">● добавление тотема на форум <div class="blink_new">new!</div><br>
● золотой тотем на выбор<br>
● 3 эпических купона на выбор<br>
● 300 000 сакр<br>
● 200 фишек<br>
● графика от АМС<br></div>
</div>
<div class="progress-dotted-line"></div>
</div>
</div>
</div>
</div>
- Подпись автора
♥️
поле чудес х rich bitch x капсула х капсула'23
«good morning, reasons why I drink.»
Тема закрыта
Страница: 1
