From c4e4caa468b9d6e3218d097a32ff9ae92ca741f3 Mon Sep 17 00:00:00 2001 From: Tay Yang Shun Date: Sat, 22 Mar 2014 19:15:08 +0800 Subject: [PATCH 01/53] Added new image assets for game submission --- src/media/img/game-submission/preview-blue.png | Bin 0 -> 5028 bytes src/media/img/game-submission/preview.png | Bin 0 -> 4784 bytes src/media/img/game-submission/upload-blue.png | Bin 0 -> 4035 bytes src/media/img/game-submission/upload.png | Bin 0 -> 2736 bytes 4 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/media/img/game-submission/preview-blue.png create mode 100644 src/media/img/game-submission/preview.png create mode 100644 src/media/img/game-submission/upload-blue.png create mode 100644 src/media/img/game-submission/upload.png diff --git a/src/media/img/game-submission/preview-blue.png b/src/media/img/game-submission/preview-blue.png new file mode 100644 index 0000000000000000000000000000000000000000..f738c841e1cc44bef4c8f9b96d693eef167d9d93 GIT binary patch literal 5028 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 literal 0 HcmV?d00001 diff --git a/src/media/img/game-submission/preview.png b/src/media/img/game-submission/preview.png new file mode 100644 index 0000000000000000000000000000000000000000..c002970e214a4f4173c3dca19bce05953b9cbc55 GIT binary patch literal 4784 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 KMNUMnLSTZojPES~ literal 0 HcmV?d00001 diff --git a/src/media/img/game-submission/upload-blue.png b/src/media/img/game-submission/upload-blue.png new file mode 100644 index 0000000000000000000000000000000000000000..68e37998995681193345edcc35183f560cc102e3 GIT binary patch literal 4035 zcmb7HcT^MGx1NMv1qmRa5JE>v0wjJtjfkMEAOHX& zwg;?SIV)}Z;pgSNpP1sFauyjX){E*!3ZzEk$V9-LKnfs2ZNqUvL{}n?5c^jzaUTG1 zDTlawQN0`;FnCh94sJU}Cnh|Sg9dli4ml7>>pkX$KH19!l3_z zP(w{%{}JWo=nS^Gj=nY?jzB?|W5`{u&LG|DWJzY5GMrk7qFh~?e&k*|W z1>X zpeX%fup(0M#i9jBVWI7-56Y?E21AHj=38N~DmElkuF!1uAW)io{rwi8v~W>`o$u{W?YG zU=o!?2_{8CE!|L1bw?aNBx2j4@ejh$5n~%cq2eO&L|ZEp7>7eAB!qy`x7Np^uqbPD zIMM)t!0KBd;Yci}1J-(2gpnl*^$Tl7!XFPOMo@oY3BR$1@IPX=hao(Yli7+$4v8WX ztjVNs=s!hcLjJ79>W_T?VhMlLg2Mh0tIH9iyWQIV(du6=&irhfzXzAI`91o?2+q8d zIfHE+Hc$ls!bn>ybN86HbB9Ihq==HHD@#hUnJ{HbVNh(ER?@LguBFyu*VE1>Va*$w zTk9f6e(bSwzjKpQPB;>A1v*Xwp_80nAPbe4lv;Urv+*mM0YuSzYq!cNBdR}E~5Mk4_>MOBq$dqJu z)3*?y)l}J;y2esG{k?=yx3eOv{^A<{aw7Zr)U9#tV?x7=eDLQ%wYXZsLEG!gz7rUwjNGOgKZ@ei0^>&cto9AU$$RGApV1wEA z6G?QS2$6aJRIF}eS@#@vEoI0`t1=<*Wm()~#d(*BRCOIha;2e-5 z)8ypb{iLe&jp~V=qn=z=LOq^nptbMxot$r>j0xoe#>! z-&3xZcpbA_EQO@VX2q)#w)U{!Gdm&N$LDU{ou_|;Fxe-vQr3PdFQ_gbV6*eS3*6JL zV2$=&Py(;ZE;l1E3j2%t^_hP|ti&0EvjXV$=qLk)F)G`(4<$}tJS3sTcWlqnLhS+rnB7tJYV5{|j>I4eya5z#usB7Ofbvf$C;**l1Zm=u|Kg4+u| zI`bGiE~)-K`=Zr6^C<483u7>Y{v=18HY13Nf~#rnSZtz&8s}0AtglHq0zE@$ZwBkm zMDlv}9lZ+_9#~Eb#1<&4f=WN2Xy>|~$&_)d_yaz5 zC-D9b;hjhpLDaThQM~un1xwJ_IXU78Oy|Ot3}gb$bYkF<=9Z}KeZ{hC8v(_Wi^shM zfo@iQZ!TI^)YhSfRSyhedxlu-O|MH1kSe==YpGd?$bA34kT)T3DK|+7Ni)jMD3w-I z1YW;i(^v*SmtFAgGec>-wMYsupG(a4qHAUY53(C%_k}$)gX{;AoZ8vd5T-#CSrT9i zBr^BCc#?$mdV4$e0%KEHVTxr?nk4M=n*;SZ&%j zfc%+H@gP+rny!=;uz;_vf_~ebrDZ#X@Gtnt^l*yL`5Ngk8<2>}at~799pdApchrBP z=s?x}wMcSp z{&Tx{#TQ%3T)pS#DN7wkY##7jamLT=7Hp{WJpqnWkKd$UY4h9N=c{gWUOfh^wE(5_ zmcDF}oM)YB4%-WYQm&qzxXEi@OtB@^wkUyrGKkDcNJh>HVq$qQ@Ti6gt~48v4yLoY zoFDVfuxE?sF1~ODzEw)JWK7s)awRQa&qj-2LsE9hy4&U+*3J8%ezpegMWqJcy+B1aPEELS&mA!V( zToeW8dnH7o;d@)h+6M;Ls=;Nn**)Rq&rc@AhBN=6s+yg5u8l+<6BwGU7wltsc}@%T0^l zl;UBiH&!<8kW}E8?5LN`_C^tmqWgMH?%&-+iGYOr%qTSAnlA847-L_oxua z04*zH|C1nemWy%abb)W6Tk6n9_V^}l)wJt{wFLK=kB{WQql1eJy*BAJ)`-p*0Z*F^ z84%5!`JAk?iZtuAis7)OAfX336AQVAn$R9$QHux08YR>7bHxC=;?@tr!u5c@$xK4b zf^Arx0ZU1oSx|9P2)?7?4n(}kV*Ik0xce7Ip_vYYa%yEi_Yn3Qna6mqU7=FDi6HNp zJB{wtWK)@1&=rIBl*&^qu#$JftQ?*Kw`Y&Y@?5#@mOAeEZ$&!-kGNT3J1^;?a<$_pP~E1*j1izP`_$ z(YaNcQnVZ)K>caeCx0(}y(ohbyq9nc*=t#;0WbRTuDRY?YG!;d79xkujSrxj$|mew z9cTeYd%~V z*YNB{(d}FHx5g8F!L;nQ12glj&5gqv)ij^`tGyr0>U7A4X*NELnUUg`$X4w{FA4+% z9I!N1yPD%GkNcV|sN|+@M$?5GelX<6u4C=qP*BUoc1|8DS|0L}?iNEOYL-1G#+8Kp zEXL(9`_4Q*u2mj&w|>V>NcP3sg*shd9ePHC^3C?<4&-?R8jZB<9nFG``*f|1M_PnR`l6F==KyvG-_rT>eEd!x;+rkQgM>53_>@6LbP-5J3HkLV z_{qdc5RN^dr64o>R^A= zFLz;LPKNvR(k|={RMhD70&OtN%*AYL5#ssf^iPA7S zLw~8AR%#=Hw*0`V%s2E@h)uca{VA=y&Lj0@i>BMRbMLw*Q`lLW8NHc`c61q8!x}pc z*`3J>p6SBj{o|u0U2iS~jcTB73)bh19#&*|4F%2CWL`XtdT4Gc?WJ?cDSOu79EoNZ z9J(G8)8@5P`&O)y!Je$VcS=J~8Wv+AMQ#c(C-s0`mx|QztxNERsmrW!J*KS27O6yS zSpc0>lp^zfD*Ea@p;I^N{Fkr!ZDH2FZf5Tsaa9!o5k$g45WzcykNt2E9S~LpQU%)m z!SMgLxmEvud?;L%wt>f6cb^0HCEK4!?sf#$_{d*ZI*fGe659lzeEXy39T9n!QItY~ z@?HCHJ)AnUAzzkj9|m#W4Xsk>RFO(c5M5}Nn`&-x1UkXlh6%+fn^7*2ptTj_lUHHF lLwsvsyW5!*_G%fx1r%1AU-Hovm)`!Zw#6Q_s`7d_wLv0%H)bZ3DI1+79Uzd ziR73o$0s?q93K(+_W2*aujlnV&+B z+Jo_U|Hr_d<|c-KqyJFSQI!V(@cEb;>f1&atHQ(*c?~ZJCInq*(d_7&byG#pX$Gu|z&J}s|lHD1$p}jTJwp$z*M2c7EE#Myj zTRvxomz>rDOE~Pcd6dX%0onlp;9{Ow5|#^{pm-W*2?-J8@Xtxk!M-}z1aJp|FklOg z?^T!>k2^2~{SqRTb}6@m5y&tQysQsWPzC-3aWpn)u2v|nCy@T^K!MR~;7-s%+O{;- zIuevg%DvLY#Xu6*E7+XaPnq#4-1iHCy10G8Y^7Z;8``#^;GW#(JhjQ@F%{#Ulk%G> zu+GS;VB=~IBqV}am%NG>h}fLYtrv??dJhTEERPwB*H_RE4fUQkN`O@`n|cEJJ@p_@ zh&!SX7=TDXw&sgd^q`}vh4p*mb;!q*yUziejYr%o=-y^s%K~lgIq;__}ZUqqx{SGjsaQWI*+07BZ}eDCg0#AJGAF zh7LgP@op=@-pM(f0WO+-z=Y}q9sq)L!o@=rJ`$d-a?hP$Wm(Ipjy9fc0sOL*1|@P^ zgg=XtbOf!1l^nGS?hKt=XQIa&woqKtGJypGx`co$D%z5w=lhx#HjGZ_Ca42j)JdIL zi|<{Painre6x}Xu8uvOThG%XPzip<7rXUv!mcqs(#;lk_s=L3&Cn9ogPIut-?EgNm zLlAwJ8d)n3=<4fh+VMudys9nrSa33ZUFgF-L3d>os`JCE4c8W)gtzUf@uZtnCr0(R z^@GCTUY8NlzyJZgY&Lrj>8=oq{zXL1-fQy~-nX2{z7KC0!jD(fCVez0d=W3Ntm@|_ zxfwmEQwJ{xDc_W$=Sb4u$<&}Q7ZBvzS%XQtwT*~#<+D%Y8l!4FE>=hSFLhyP(EYc5k914h z6Du>scopEiP}lB5ug;wI_l>23dqO%>yRewN8Et{RZ)PJudKj=8mjo{{)L{rzW(%ys zu&SYHZB}^Qa0%0hOsMC7+l#!1vvirXtfM|@(-;@Y$5wJNzBtP}8Ox{>(D4<{Yu%0? zwmoN6y54X;JAz`RT}MaliAMK*nn!tVCdp zsPyarPt7&r%6;EBc=-d$psLD3QUAkPfHY*Vi@yIhv zrj-(>?4QcEK%-AOLJq3SY}Y&Vn`|2q2+FP4UBkr)yX9-36+VcLFR2-Bz9L2lMNDMB zfOWdEq4}P&5opS3Y-x64SW$|!na4W$^)G%jX*%`NB*Zy;APSO;H^_B?)F0|+?|ac% z)HZ?Ws;jcx#F+Gj7YAFt!$F?Z&PK5UU*Fi0{^M(70>9N7egu`LHp3#~xq=G%O362C zq?_(;oJs*h{MOfs?B|cWV`Gz)YXZY*`YE%KoxDKc)?q7& z7IS`MV^cX98N{T1X4wsEaOSr(Vo(2S!j_nK$DzVv{QNXdd47p8Wj(6I3sJ89asg;% zuQ;CxS38{WBSZ*I%(E2VcFK~6q7q8noV7;kbHpC_)rM@j(2e^ibi+HRtQVQ(_(x|~ z$%D_gKKOrqWJL9Ekl_w?aGiB994pXlcZ=yTe?H_^FgJPE8+(kN(8cR5YPBUXVU8N< z)S(orWd-(7Q4K90KWB8Vtu^c28uddf_@5mx$H}yh)jof5F3u|XLs|2xGeyO8J(P2< zA&fg#szH6Mf6vazDDwMOKBcs}ub6ApJJ?C?&iP2+pm=BPF2$(4ESO{ROnzgd!1and z>xk*Y{lN4TXKk#KzADrSJT`gTF0i~xN<-`Z=wI3sq+xvcTywe+bR}M*IC;9z%%rH= zohtSlI%jyJP3lvs1?y*MqTNO}JI`I`- zh}Ti^&1p`-0#bm^lr|F|sjq)pHsV-6Lv*}? z^+|FOPNt7%*-DW;btl6AoCk9i3eU03T5^oIJ0dSEQkDBTnw4++Dp&Mx{^a23F@J%p zaz_K)zgJD`fn_2#nT+*fv<0GBczWWk$FJL8aQmjJ*oA5fR>#F~r)5)d^HzAO%WmAK zr-jbxJsiCJrn#`rKzEZts>+1bHc8NJrzGvWUJcwjdi-f}7$Te*+W1Mn71iCem(5O6 z0#|jnTo60#OaFyk;LOzeT)7j7)N0=izBu3^0bwoThM)14b!2a>UisH>+&(gVc1epF zZ~;!%m<3X(Bc{1bCE=#lW5nv)@p7D)@qEoJMR}h_P=4w`7oW-L8Sm)2hm?TjO56zr zrJMtj$q8rlDWvhi5hQCP4~(B`E)O8T?@71XK;2S7{Zo$R>j+xv=X+&}IZl^&^8yz= z4GVpJ9YHteOcBW@tR8I|lh5Xp1vSo-g?Q&-r<9}M6bO(T)NVQV=l!#z1aZz)wfyW^ zUT3qdo+evOC|P6;H6?*j4(CecH&{{IDB&cv)+% z4aXSuzljYwo0c@?$PJ*P9uAKaxR@tHiq1H)dP{b2`try))e#*`qFRHTPW|R3G%1fl zyMQmcZ!7CYv=9-eB=C~qJO4g8{bRT1o5X}k75wdInEH$irUv#d;~7~ znA*}mbb5n#Fo WYy9)^L+GCg3NSUYG^{mnPyQdplNiqc literal 0 HcmV?d00001 From 47f41dcefcae9bd646825d6da35232caf8184fd8 Mon Sep 17 00:00:00 2001 From: Tay Yang Shun Date: Sat, 22 Mar 2014 20:57:47 +0800 Subject: [PATCH 02/53] Realigned required labels --- src/media/css/forms.styl | 4 +++- src/templates/_macros/game_form.html | 4 ++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/media/css/forms.styl b/src/media/css/forms.styl index 2c71b889..9cd39a54 100644 --- a/src/media/css/forms.styl +++ b/src/media/css/forms.styl @@ -386,7 +386,8 @@ form { color: #999; } .grid > .grid-flex-grow-two { - padding-right: 50px; + margin-right: 50px; + position: relative; } input.large ~ .req:after { bottom: 10px; @@ -424,6 +425,7 @@ form { .l { font-size: 10px; + margin-bottom: 5px; } [placeholder] { ~ .l { diff --git a/src/templates/_macros/game_form.html b/src/templates/_macros/game_form.html index 4a74a7da..3377027f 100644 --- a/src/templates/_macros/game_form.html +++ b/src/templates/_macros/game_form.html @@ -110,11 +110,11 @@
{{ _('Genre') }}
+
{% for slug, name in settings.genres.items() %} {% endfor %} -
@@ -128,7 +128,7 @@
{{ _('Icon') }}
- +
From b674dfda6eb99e8eebc26ec695fd2611849c7eab Mon Sep 17 00:00:00 2001 From: Tay Yang Shun Date: Sat, 22 Mar 2014 21:19:34 +0800 Subject: [PATCH 03/53] HTML for Video preview section done --- src/media/css/media.styl | 39 +++++++++++++++++++++------- src/media/css/variables.styl | 5 +++- src/media/js/media-input.js | 2 +- src/templates/_macros/game_form.html | 24 +++++++++++------ 4 files changed, 50 insertions(+), 20 deletions(-) diff --git a/src/media/css/media.styl b/src/media/css/media.styl index 9594293d..8fc8d151 100644 --- a/src/media/css/media.styl +++ b/src/media/css/media.styl @@ -1,15 +1,13 @@ @import 'lib'; .media-preview { - cursor: pointer; + background-color: $mediaPreviewBackgroundColor; + border: $mediaPreviewBorder; + border-radius: 2px; display: block; -} - -.media-preview { - display: none; - margin-top: 5px; - max-height: 150px; - max-width: 200px; + margin: 5px 0; + max-width: 100%; + position: relative; } .icons .media-preview { @@ -18,8 +16,25 @@ } .videos .media-preview { - max-height: 150px; - max-width: 200px; + height: 210px; + &:before { + background: url('../img/game-submission/preview-blue.png') 53% 0 no-repeat; + background-size: 80px 80px; + content: ""; + display: block; + height: 80px; + position: absolute; + top: 60px; + width: 100%; + } + &:after { + bottom: 55px; + color: $colorLightBlue; + content: "Preview"; + position: absolute; + text-align: center; + width: 100%; + } } .media-size { @@ -41,4 +56,8 @@ input[type=url].media { bottom: auto; top: 5px; } + .media-left, + .media-right { + padding-right: 80px; + } } diff --git a/src/media/css/variables.styl b/src/media/css/variables.styl index a1565f5a..bb923b25 100644 --- a/src/media/css/variables.styl +++ b/src/media/css/variables.styl @@ -57,7 +57,8 @@ $colorGrayUltraLight = #bbb; $colorWhite = #fff; $colorRed = #da3e5a; $colorGreen = #18a011; -$colorLightGreen = #7CCD2F; +$colorLightGreen = #7ccd2f; +$colorLightBlue = #98bada; // ButtonColor $buttonColorTeal = #40dfc2; @@ -80,6 +81,7 @@ $mainBackgroundColor = #f7f7f7; $mainFooterColor = rgba(45,57,74,0.9); $mainFooterHoverColor = rgba(255,255,255,.1); $cloakBackgroundColor = rgba(0,0,0,.9); +$mediaPreviewBackgroundColor = #eeffff; // Legacy colors $flamin-hot-cheetos-orange = #ff9500; @@ -100,6 +102,7 @@ $light-gray = #ccc $cellBorder = 1px solid #eee; $cellBorderDark = 1px solid #ddd; $fieldsetBorder = 1px solid #ddd; +$mediaPreviewBorder = 1px solid #3892e3; // Modal $modalBackgroundColor = #d8d8d8; diff --git a/src/media/js/media-input.js b/src/media/js/media-input.js index 8b664bd5..c8693ac0 100644 --- a/src/media/js/media-input.js +++ b/src/media/js/media-input.js @@ -102,7 +102,7 @@ define('media-input', return !$(this).val(); }); // TODO: Have a better check for the icons input field - if ($input.val() && $emptyInputs.length === 0 && $input.data('type') !== "icons") { + if ($input.val() && $emptyInputs.length === 0 && $input.data('type') === 'screenshots') { createInput($input.parent()); } else { // So that at any point in time, there will be exactly diff --git a/src/templates/_macros/game_form.html b/src/templates/_macros/game_form.html index 3377027f..2676412c 100644 --- a/src/templates/_macros/game_form.html +++ b/src/templates/_macros/game_form.html @@ -137,9 +137,7 @@
@@ -153,7 +151,7 @@

- {{ _("The icon will be shown on all listings in Galaxy.
Allowed formats: PNG, JPG
+ {{ _("The icon will be shown on all listings in Galaxy.
Allowed formats: PNG, JPG
Maximum dimensions: 128px × 128px") }}

@@ -189,7 +187,7 @@

- {{ _("Screenshots will be shown on your game detail page. Allowed image formats: PNG, JPG") }} + {{ _("Screenshots will be shown on your game detail page.
Allowed image formats: PNG, JPG.") }}

@@ -205,7 +203,17 @@
-
+
+
+
+ +
+
+
+ +
+
+

- {{ _("Videos will be shown on your game detail page. Please use YouTube and/or Vimeo hosted videos only.") }} + {{ _("Videos will be shown on your game detail page.
Please use YouTube and/or Vimeo-hosted videos only.
Maximum of two video submissions.") }}

From c7adae5e854edc50a4eec363f5cadfe45dba9959 Mon Sep 17 00:00:00 2001 From: Tay Yang Shun Date: Sat, 22 Mar 2014 22:32:21 +0800 Subject: [PATCH 04/53] Load video iframe upon blur of video URL --- src/media/css/media.styl | 11 +++++++++-- src/templates/_macros/game_form.html | 4 ++-- 2 files changed, 11 insertions(+), 4 deletions(-) diff --git a/src/media/css/media.styl b/src/media/css/media.styl index 8fc8d151..d6816cb7 100644 --- a/src/media/css/media.styl +++ b/src/media/css/media.styl @@ -2,12 +2,14 @@ .media-preview { background-color: $mediaPreviewBackgroundColor; - border: $mediaPreviewBorder; - border-radius: 2px; display: block; margin: 5px 0; max-width: 100%; position: relative; + &:empty { + border: $mediaPreviewBorder; + border-radius: 2px; + } } .icons .media-preview { @@ -31,10 +33,15 @@ bottom: 55px; color: $colorLightBlue; content: "Preview"; + display: block; position: absolute; text-align: center; width: 100%; } + iframe { + position: relative; + z-index: 1; + } } .media-size { diff --git a/src/templates/_macros/game_form.html b/src/templates/_macros/game_form.html index 2676412c..1429ed9f 100644 --- a/src/templates/_macros/game_form.html +++ b/src/templates/_macros/game_form.html @@ -206,11 +206,11 @@
- +
- +

From 045cb7febddaf40b2d9f378afdbeaf2e5b90704f Mon Sep 17 00:00:00 2001 From: Tay Yang Shun Date: Sun, 23 Mar 2014 00:00:41 +0800 Subject: [PATCH 06/53] Icons HTML for upload done --- src/media/css/media.styl | 48 ++++++++++++++++++++++++++-- src/media/css/variables.styl | 1 + src/templates/_macros/game_form.html | 27 +++++++++++++++- 3 files changed, 72 insertions(+), 4 deletions(-) diff --git a/src/media/css/media.styl b/src/media/css/media.styl index d6816cb7..cfc17601 100644 --- a/src/media/css/media.styl +++ b/src/media/css/media.styl @@ -3,6 +3,7 @@ .media-preview { background-color: $mediaPreviewBackgroundColor; display: block; + cursor: pointer; margin: 5px 0; max-width: 100%; position: relative; @@ -12,12 +13,53 @@ } } -.icons .media-preview { - max-height: 128px; - max-width: 128px; +.icons { + .icons-dimensions { + border: 1px solid $colorGrayLighter; + border-radius: 2px; + color: $colorGrayLighter; + display: inline-block; + font-size: 10px + padding: 1px 3px; + } + + .media-preview { + height: 128px; + width: 128px; + &:before { + background: url('../img/game-submission/upload-blue.png') 50% 0 no-repeat; + background-size: 50px 50px; + content: ""; + display: block; + height: 50px; + position: absolute; + top: 25px; + width: 100%; + } + &:not(.icons-64):after { + bottom: 17px; + color: $colorLightBlue; + content: "Drag and drop or select"; + display: block; + font-size: 12px; + margin-left: 20%; + position: absolute; + text-align: center; + width: 60%; + } + &.icons-64 { + height: 64px; + width: 64px; + &:before { + background-size: 25px 25px; + top: 20px; + } + } + } } .videos .media-preview { + cursor: default; height: 210px; &:before { background: url('../img/game-submission/preview-blue.png') 53% 0 no-repeat; diff --git a/src/media/css/variables.styl b/src/media/css/variables.styl index bb923b25..881b1a14 100644 --- a/src/media/css/variables.styl +++ b/src/media/css/variables.styl @@ -54,6 +54,7 @@ $colorGrayDark = #555; $colorGray = #777; $colorGrayLight = #999; $colorGrayUltraLight = #bbb; +$colorGrayLighter = #9d9d9d; $colorWhite = #fff; $colorRed = #da3e5a; $colorGreen = #18a011; diff --git a/src/templates/_macros/game_form.html b/src/templates/_macros/game_form.html index af06a836..c57a1153 100644 --- a/src/templates/_macros/game_form.html +++ b/src/templates/_macros/game_form.html @@ -132,11 +132,36 @@

+
+
+
+
+ {{ _('128px × 128px') }} +
+ +
+
+ {{ _('64px × 64px') }} +
+ +
+
+
+
+

+ {{ _("The icon will be shown on all listings in Galaxy.
Allowed formats: PNG, JPG
+ Maximum dimensions: 128px × 128px") }} +

+
+
+ + +