Yx+)zHTy_tv%kafiXep>?zzS*_#{841vZPG$kgEJG4qd
z7CZ9^oKz>LmU_R%2h8LFadKN4!g;b>nrw}68mB9^qpweMo}Oo18m6-F(KBl;=nA7P
z0Bu)leDF(|!|~L?r}fGF>KfJA_h&N&0lH>x?_6o?kd7>9)|jejx^N8{$}jb5WQ2qQ
zWh=gO@0z2Jr%%Ddg;ho`VaA2bc1e&G2EU0%Jy02dV!%}=gTBM3At&!3L^o%}q~IFC
z>T}>)>V=!uHVGfwOPbb0v&fO`nzt*=mz`vj#U?BDhJ3b|Vi}q~y!0bk{+2NWZt1*Y
zSSdYb(xPepV=^PS0|imj_rP6j4kE*5+K&E+5O%K!)i%vi?)FP>FUH+2eAIum8ZH`+
z{3KdxF0I$z=sh83CZt8#b+JYjfgE|i98#d!^)5hsF%mJU2rdx(cpE&T83@IgEE<2N
zY=zn3H%=Nf-OIwrFQu0S@LtDd7gceJ4trY!fZM_O5dqF8e%}+zHryq_6N$3Jixs{<
z^&yKrYqBj>K|)&>jn6??FfUs(n0dBd;xz>|sjdvOyZz%`PIV4$Y0_e|>w>OPU(RyKN|X}V!Ooh1!?uzv
z_>@}$;JMjgT|R7}B91x7syI?&{7W#}IECM)FMM@}>uE#Y#@06x9hzk8#8j=SM5tRn7X?PF&~F_tQZ&}I3b$qgJbF=
z5<|UAUa9X;Wy2Pof$8PhdP7LwCE|0Q
z{m&_@#LmL1(p-A_RR^*Yuhi<8K_}UdKaY~mQ%$+4uE!D@tJWKpfZOKs+2<}9p~rRJ
z7N#4i6senuntUT1`)y!gAB96Yk}Us9t5-qb_vWZk@#GSV<0#XM3|fP<^6O1Kpfz*?
zL*C~NUt`ViXG*wYQ+UzwEcG#czV5=C4>oOK(yQfxD(CfXOSgm*?B
z?~kHxlUb&oD}6njlepdiw;c!F`R-M^JahR$FBhMTTb)nU7z!HIzYWalgv7IpDM~JO
zDm)zZR?vy=K?JT+5FUtevMKKbM$g$L7B}qe$m)3n&eAvM9bQXRL3B(|Ik|CO0p}_s
z|Ghy-4Qxq!colyD;7?No=hIG1Fz8A2EbY@j(yV?T9nK31im@LYm*3i7v+a!!
z2^Or=QH>UjESdCd;5&W-T-=e++WBf`>>so!PcPi7gP!duC_MB3nVj!tlh5+@tK*=q
zvD$zxw9d)ZIH5i-BD21T<^J=V1#OPZbuf>pHJuWm}~no(%)j1=h2
zZ`1EqIiWb6z(YMSCnI*g>a|wRai{AEwXpG5YA9Aurs);ywH*&
z?YZV6d+{i&J>0;ftLS7Asu@4QhGxuNzg?9GUw3kCKkLBc7t|ML=7wZf2MlsSpWn%R
z@-CbGIqa9%BI1|?<(fxNuo?wiYeLmNn!K4%xp?*kW?`m2tP_bSuDUokmnW_yct^F%
zg}R+fk^=6qt=PFjpZpB*iC)?yZ#)$KVs
z@PLQg!J(ad)Wo1`Z*!+-Kbtv_VHcAkX)p+}8$
zH4a(pH{QGn9y9Oh{LDbzo?q1a^p{NF$Z|iWdjEbZacS6>6}1E&mHv}i$z~_X*yy9o
zMNGB`ct)!jp=XkI-sg&FRRJ}DX=!#5IU~WUU}MA(V{4(1wj^FRnR_&TbfCNt
zpG`~Xt9xKh7+TElo+twx8OHkIi9@F-4BOUK$f1;FeyGj__2H?{Q;*r+TaX2nA*Rka
zG<(Dzc;c&TMq6Olv)_d-kw!Ne9z_EhSL&iOkd+baa|~If&xa7Oy~5G_?qTo{Dx7B=
z?`RW$#29V5?#Kfi7_8w^YhNm{^A)TY+vwYrxX-eyG~9(LdinWHinDt;*|z1oxO4%i
zE_l+t|Fa)m0zuD(tDZ@&XY!F+3T0z9(@##K;zp`>lf4QTxXkm9NStuhPWj!VZ|8Zy
zP}AZI<~|F?iC25KK55f}+0v8Ctp3APcs1!8maYj8m4q2EBnJRjPV)hJ+&-1peRY->%+~7y5m)<(Ck)k4QuDn5nu19xib}
z*~GIVDzoQvvUtac3_asAz)j3&D7##z;mb9mWEGJ|dqVmZBXIE4UN0F#Ww8dG6`MP5
z$R>mYnk=V_qlbG^H^u|O^Uc*(mDn{@Oy$8ixYjQWtU`LI<1qbc8TmUL4fhj{^oyOY
zd_V4y>U>`^6W$s18>!F>T1R;&l}KrIiRpvTwu6(0`4IS6`>>O$OC}|1?hs=!@e~s(5OYgNqU972Db%UNcn1t^1
ze|V~2l0W#0p+IWJ-k~l-@i4Gu_)1ImR4s^2DTUs@`>uRrs`T+dY>1GL&pvgD$g(rXP*d9)2M6t-L;~4Eg1Z$n5Q8jMG}-h^U%iH@#FOpL
zp{cHS(v0=sb}=f5gHd+_*|TegU$u;7Z;zBg_lFX)<3`{PMw_4b(JDUj=MS(lJ9#B|2*ltRPvfYKh6j~GkhgD
z$Al#QLXVj*-GXdr^TSW+0{G0%H2s#(W_dM@nJ`m0W057ZhRx>H51feYz=@iki_7++
z&*QaX&-{G8$4&Zs7MeRbnb!6O4s!WnJ64THZAGB9ePh2g!3e&ed$RJI_Lexk
z2-?K%oa=9dn;&5}$OuHE_WvdZ8Rc0K)xz{G#W+X-07@Vw<%oy>efy1{qw5kBYyh!&
zAecG)AG|g+c-)Ba)IzuIK;#_=@a+Hn(FH5MkO@+29YY)Ly>^WO5rY_#gZHzJBY;fv
zRX70$9#E)U6dt{^??sRlogn^_`W%3+xNWiXTSAxEBd~@HQ9TGa#KTazUDE-;S${CS
zm1~~91;iGX@!SG|jp{8O6mu)7+mzEk*f{N+KY}!hVP6ZWG`hx02`29FG*NSaXg51y
z4b>p2e4yC4a->z$1*Cd8u7e3YYZA)`WKM7RN^)ET(6z&7NUHdX%S0e-a{dw?X}J|8
z#iIq_%*%Btf4|mc=q}-rm|DlGYN8*Y)Vja%dHJp_?lQ009;l3R9WeHIJW{P
z5?fiV2$N1RJLSg%Oc&idc!M(KWeoiKgx^k3)N
z#qt1PR&!h1wI9rS#1j&9#LB=QNCb|*cfATH)ngKnO&X8Bz*5IPJ~@`}|cqEU@#V`ynt)s09a0sxs5
zZwUL)g>Y^(pZG%3_cg)~lkT7mpd^SZyewSS>sq6)w6t41!0q2gJS6~5efRte1052^
zzhir9i4G157f;58*o3l$*tR{t9(0F)pYI~t}(gJe}70AUUf
z!p=z&SL`e@fDmer4&GD)X*RY+1*F8amhTbTStvW4CHMhzJj9c1Jf8Q}T^QXe4eQWi
zqX4GGsp7bQCPn)!d4ouFrgc6OMrML7wP2%bV(VDgE
zztU-LD)(F;0~Mxe`VyFCN|yf-2m$JNtBz+YK=$xz5^rMPNew*Ye6;tiSI1?guqBXJAK3h?oqiGtv!yIDk*IPg7g1+M
zQ`D}_fLB|F$R{}|$)0aj=hVI=Xn}yHRa4bLejzW_I6Lmug85g@9+J(xVrk6c-&bht
zsYy>;&RqoZ34aEISn^l%2}X<#@mwBdOs-f_0{@Qwt}0VZaek(C`s4X?3Omroe04xS(k4!q
zFeyjd{?N$any+;?c$uIW1zt3vtydkVJ;DXc)4o0j9O&8mOHIriT&Fw2t;qkdLEf>+
zsk#`RkrteUOndJ%@!oOtU9tGtFEu(8mhqpl(%1Kbw%2aGjtQoR0^pzW0}X{@Im;*i
E12(D!!vFvP
literal 0
HcmV?d00001
diff --git a/static/script.js b/static/script.js
new file mode 100644
index 0000000..b5a2fc4
--- /dev/null
+++ b/static/script.js
@@ -0,0 +1,263 @@
+$(document).ready(function () {
+ $('.edit-button').click(function () {
+ const cardDiv = $(this).closest('.card');
+ const form = cardDiv.find('.form');
+ form.toggle();
+ const cardTitle = cardDiv.data('title');
+ form.find('.new-title').val(cardTitle);
+ });
+
+ $('.site-link').each(function () {
+ const fullLink = $(this).attr('href');
+ if (fullLink) {
+ const hostname = new URL(fullLink).hostname;
+ $(this).text(hostname);
+ }
+ });
+
+ function deleteCard(cardDiv) {
+ const cardTitle = cardDiv.data('title');
+ if (confirm(`Видалити запис "${cardTitle}"? Дані запису видаляться назавжди.`)) {
+ $.ajax({
+ type: 'POST',
+ url: '/delete_card',
+ data: JSON.stringify({ title: cardTitle }),
+ contentType: 'application/json',
+ success: function () {
+ cardDiv.remove();
+ },
+ });
+ }
+ }
+
+ function saveUpdatedCard(cardDiv, form) {
+ const cardTitle = cardDiv.data('title');
+ const cardTitleElement = cardDiv.find('h3');
+ const cardDescriptionElement = cardDiv.find('p');
+ const cardImageElement = cardDiv.find('.imageitem');
+ const cardAuthorElement = cardDiv.find('.author');
+ const cardVerifiedElement = cardDiv.find('.ver');
+ const cardCompletedElement = cardDiv.find('.ove');
+ const cardLinkElement = cardDiv.find('.site-linka');
+
+ let newTitle = form.find('.new-title').val();
+ let newDescription = form.find('.new-description').val();
+ let newImage = form.find('.new-image').val();
+ let newAuthor = form.find('.new-author').val();
+ let newVerified = form.find('.new-verified').prop('checked');
+ let newCompleted = form.find('.new-completed').prop('checked');
+ let newLink = form.find('.new-link').val();
+
+ const currentLink = cardLinkElement.attr('href') || '';
+
+ const isDataChanged =
+ newTitle !== cardTitleElement.text() ||
+ newDescription !== cardDescriptionElement.text() ||
+ newImage !== cardImageElement.attr('src') ||
+ newAuthor !== cardAuthorElement.text() ||
+ newVerified !== cardVerifiedElement.text().includes('Так') ||
+ newCompleted !== cardCompletedElement.text().includes('Так') ||
+ newLink !== currentLink;
+
+ if (!isDataChanged) {
+ form.hide();
+ return;
+ }
+
+ const formData = {
+ title: cardTitle,
+ };
+
+ if (newTitle) {
+ formData.newTitle = encodeURIComponent(newTitle);
+ }
+ if (newDescription) {
+ formData.newDescription = encodeURIComponent(newDescription);
+ }
+ if (newImage) {
+ formData.newImage = encodeURIComponent(newImage);
+ }
+ if (newAuthor) {
+ formData.newAuthor = encodeURIComponent(newAuthor);
+ }
+ if (newVerified) {
+ formData.newVerified = newVerified;
+ }
+ if (newCompleted) {
+ formData.newCompleted = newCompleted;
+ }
+ if (newLink && newLink !== '#') {
+ formData.newLink = encodeURIComponent(newLink);
+ }
+
+ $.ajax({
+ type: 'POST',
+ url: '/edit_card',
+ data: JSON.stringify(formData),
+ contentType: 'application/json',
+ success: function (response) {
+ form.hide();
+ if (formData.newTitle) {
+ cardTitleElement.text(decodeURIComponent(response.title));
+ }
+ if (formData.newDescription) {
+ cardDescriptionElement.text(decodeURIComponent(response.description));
+ }
+ if (formData.newImage) {
+ cardImageElement.attr('src', decodeURIComponent(response.image));
+ }
+ if (formData.newAuthor) {
+ cardAuthorElement.text(decodeURIComponent(response.author));
+ }
+ if (formData.newVerified) {
+ cardVerifiedElement.text('Офіційно: ' + (response.verified ? 'Так' : 'Ні'));
+ }
+ if (formData.newCompleted) {
+ cardCompletedElement.text('Завершено: ' + (response.completed ? 'Так' : 'Ні'));
+ }
+ if (formData.newLink) {
+ cardLinkElement.attr('href', decodeURIComponent(response.link));
+ }
+ },
+ });
+ }
+
+
+ $('.save-button').click(function () {
+ const cardDiv = $(this).closest('.card');
+ const form = cardDiv.find('.form');
+ saveUpdatedCard(cardDiv, form);
+ });
+
+ $('.cancel-button').click(function () {
+ const form = $(this).closest('.form');
+ form.hide();
+ });
+
+ $('.add-button').click(function () {
+ const newTitle = $('#new-title').val();
+ const newDescription = $('#new-description').val();
+ const newImage = $('#new-image').val();
+ const newAuthor = $('#new-author').val();
+ const newLink = $('#new-link').val();
+ const newVerified = $('#new-verified').prop('checked');
+ const newCompleted = $('#new-completed').prop('checked');
+
+ const titleRegex = /^[^0-9!@#$%^&*()][A-Za-zА-Яа-яЁёҐґЄєЇїІі0-9\s]*$/;
+
+ if (!titleRegex.test(newTitle)) {
+ alert('Помилка: Заголовок повинен починатися не з цифри чи спеціального символу.');
+ return;
+ }
+
+ const formData = JSON.stringify({
+ title: newTitle,
+ description: newDescription,
+ image: newImage,
+ verified: newVerified,
+ author: newAuthor,
+ completed: newCompleted,
+ link: newLink,
+ });
+
+ $.ajax({
+ type: 'POST',
+ url: '/add_card',
+ data: formData,
+ contentType: 'application/json',
+ success: function (response) {
+ const newCardHtml = `
+
+ `;
+ const newCard = $(newCardHtml);
+ $('.card-container').append(newCard);
+
+ newCard.find('.delete-button').click(function () {
+ deleteCard(newCard);
+ });
+ newCard.find('.edit-button').click(function () {
+ editCard(newCard);
+ });
+
+ $('#new-title').val('');
+ $('#new-description').val('');
+ $('#new-image').val('');
+ $('#new-author').val('');
+ $('#new-link').val('');
+ $('#new-verified').prop('checked', false);
+ $('#new-completed').prop('checked', false);
+ },
+ });
+ });
+
+ function editCard(card) {
+ const form = card.find('.form');
+ form.show();
+ const cardTitle = card.data('title');
+ const currentTitle = card.find('h3').text();
+ const currentDescription = card.find('p').text();
+ const currentImage = card.find('.imageitem').attr('src');
+ const currentAuthor = card.find('.author').text();
+ const currentVerified = card.find('.ver').text().includes('Так');
+ const currentCompleted = card.find('.ove').text().includes('Так');
+ const currentLink = card.find('.link').find('a').attr('href');
+
+ form.find('.new-title').val(currentTitle);
+ form.find('.new-description').val(currentDescription);
+ form.find('.new-image').val(currentImage);
+ form.find('.new-author').val(currentAuthor);
+ form.find('.new-verified').prop('checked', currentVerified);
+ form.find('.new-completed').prop('checked', currentCompleted);
+ form.find('.new-link').val(currentLink);
+ }
+
+ $('.edit-button').click(function () {
+ editCard($(this).closest('.card'));
+ });
+
+
+
+ function sortCardsAZ() {
+ const cardContainer = $('.card-container');
+ const cards = cardContainer.find('.card').get();
+ cards.sort(function (a, b) {
+ const titleA = $(a).data('title').toLowerCase();
+ const titleB = $(b).data('title').toLowerCase();
+ return titleA.localeCompare(titleB);
+ });
+ cardContainer.empty();
+ $.each(cards, function (i, card) {
+ cardContainer.append(card);
+ });
+ }
+
+ function sortCardsZA() {
+ const cardContainer = $('.card-container');
+ const cards = cardContainer.find('.card').get();
+ cards.sort(function (a, b) {
+ const titleA = $(a).data('title').toLowerCase();
+ const titleB = $(b).data('title').toLowerCase();
+ return titleB.localeCompare(titleA);
+ });
+ cardContainer.empty();
+ $.each(cards, function (i, card) {
+ cardContainer.append(card);
+ });
+ }
+
+ $('#sort-az-button').click(sortCardsAZ);
+ $('#sort-za-button').click(sortCardsZA);
+
+ function setupCardButtons() {
+ // Add event handlers for any dynamically added card buttons
+ $('.card-container .delete-button').click(function () {
+ deleteCard($(this).closest('.card'));
+ });
+
+ $('.card-container .edit-button').click(function () {
+ editCard($(this).closest('.card'));
+ });
+ }
+
+ setupCardButtons();
+});
diff --git a/static/style.css b/static/style.css
new file mode 100644
index 0000000..b773a09
--- /dev/null
+++ b/static/style.css
@@ -0,0 +1,171 @@
+
+
+
+.dialog {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgba(0, 0, 0, 0.5);
+ z-index: 999;
+ justify-content: center!important;
+ align-items: center!important;
+}
+
+.imageitem{
+ height: 200px;
+ width: 200px;
+ margin-bottom: 20px;
+ border-radius: 20px;
+}
+
+.dialog-content {
+ background: #fff;
+ padding: 20px;
+ border-radius: 5px;
+ text-align: center;
+}
+
+
+body {
+ background-color: #1d1b1e;
+ font-family: Arial, sans-serif;
+ color: white;
+ margin: 0;
+ padding: 0;
+}
+
+.container {
+ max-width: 960px;
+ margin: 0 auto;
+ padding: 20px;
+}
+
+.card-container, .card {
+ display: flex!important;
+ justify-content: center;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-content: flex-start;
+ align-items: flex-start;
+}
+
+
+.card {
+ display: flex!important;
+ width: 280px;
+ background-color: #2b2222;
+ border: 1px solid #7e292a;
+ border-radius: 10px;
+ margin: 10px;
+ padding: 20px;
+ display: inline-block;
+ text-align: left;
+ min-height: 450px!important;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ align-content: center;
+ flex-wrap: nowrap;
+}
+.delete-button{
+ width: 50%!important;
+ margin-bottom: 5px;
+}
+
+.add-button, .delete-button{
+ background-color: #7e292a;
+ font-family: 'Ubuntu', sans-serif;
+ color: #dbe1f8;
+ border: none;
+ height: 60px;
+ width: 60px;
+ align-items: center;
+ align-content: center;
+ border-radius: 20px;
+}
+
+
+.card h3 {
+ margin: 0;
+}
+
+.edit-button {
+ background-color: #7e292a;
+ color: white;
+ border: none;
+ padding: 5px 10px;
+ border-radius: 10px;
+ cursor: pointer;
+}
+
+.edit-button:hover, .add-button:hover, .delete-button:hover, .site-linka:hover {
+ background-color: #c57976;
+}
+
+
+/* Додані стилі для центрування */
+
+.dialog h3 {
+ margin: 0;
+}
+
+.dialog input {
+ width: 100%;
+ padding: 5px;
+ margin: 5px 0;
+}
+
+.dialog button {
+ background-color: #7e292a;
+ color: white;
+ border: none;
+ padding: 5px 10px;
+ border-radius: 5px;
+ cursor: pointer;
+}
+
+.dialog button:hover {
+ background-color: #c57976;
+}
+
+.adddiv{
+ border: 1px solid #7e292a;
+ display: flex!important;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: wrap;
+ align-content: center;
+ align-items: center;
+ background-color: #2b2222;
+ padding: 50px 0;
+ font-family: 'Ubuntu', sans-serif;
+ color: #dbe1f8;
+ height: 300px;
+ width: 200px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: fixed;
+ bottom: 35%;
+ right: 20px;
+ cursor: pointer;
+ z-index: 1000;
+ border-radius: 20px;
+ box-shadow: -7px -6px 21px 0px rgba(0,0,0,0.75);
+-webkit-box-shadow: -7px -6px 21px 0px rgba(0,0,0,0.75);
+-moz-box-shadow: -7px -6px 21px 0px rgba(0,0,0,0.75);
+}
+
+
+.addbutttt{
+ display: flex!important;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: wrap;
+ align-content: center;
+ align-items: center;
+
+}
\ No newline at end of file
diff --git a/styles.css b/static/styles.css
similarity index 99%
rename from styles.css
rename to static/styles.css
index 02a6e59..80b3d50 100644
--- a/styles.css
+++ b/static/styles.css
@@ -35,7 +35,7 @@ background-size: cover!important;
-webkit-border-radius: 19px 19px 0px 0px;
-moz-border-radius: 19px 19px 0px 0px;
}
- .addbutton{
+ .addbutton, .delete-button{
display: block!important; /* Показувати меню на мобільних пристроях */
position: fixed; /* Фіксована позиція */
bottom: 8px; /* Внизу екрану */
diff --git a/submited.html b/submited.html
index adaf484..bbdefa1 100644
--- a/submited.html
+++ b/submited.html
@@ -7,12 +7,12 @@
-
-
-
-
-
-
+
+
+
+
+
+
@@ -65,7 +65,7 @@
© 2023 Спільнота українізації модів
- Створено в Україні для українців
+ Створено в Києві з 💜
NOT AN OFFICIAL MINECRAFT PRODUCT. NOT APPROVED BY OR ASSOCIATED WITH MOJANG.
diff --git a/templates/editor.html b/templates/editor.html
new file mode 100644
index 0000000..e1061dc
--- /dev/null
+++ b/templates/editor.html
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {% for card in data %}
+
+
+
+
{{ card.title }}
+
{{ card.description }}
+
Офіційно: {{ 'Так' if card.verified else 'Ні' }}
+
Завершено: {{ 'Так' if card.completed else 'Ні' }}
+
Автор: {{ card.author or 'Команда СУМ'}}
+
Посилання: {{card.link|urlparse or 'немає' }}
+
+
+
+
+
+ {% endfor %}
+
+
+
+
+
+
+