From 42a6691714633a7ff2cf1d5349052ceffd2e1989 Mon Sep 17 00:00:00 2001 From: 0ceanSlim Date: Wed, 31 Jan 2024 17:02:18 -0500 Subject: [PATCH] styled iframes width and height --- static/img/family/beast.png | Bin 0 -> 884 bytes static/img/family/bird.png | Bin 0 -> 1113 bytes static/img/family/boss.png | Bin 0 -> 981 bytes static/img/family/bug.png | Bin 0 -> 590 bytes static/img/family/devil.png | Bin 0 -> 727 bytes static/img/family/dragon.png | Bin 0 -> 957 bytes static/img/family/material.png | Bin 0 -> 919 bytes static/img/family/plant.png | Bin 0 -> 921 bytes static/img/family/slime.png | Bin 0 -> 473 bytes static/img/family/water.png | Bin 0 -> 691 bytes static/img/family/zombie.png | Bin 0 -> 809 bytes static/style/output.css | 33 ++++++++++++++++++++++++--------- templates/breeding.html | 6 +++--- templates/index.html | 12 ++++++++---- templates/monsters.html | 2 +- 15 files changed, 36 insertions(+), 17 deletions(-) create mode 100644 static/img/family/beast.png create mode 100644 static/img/family/bird.png create mode 100644 static/img/family/boss.png create mode 100644 static/img/family/bug.png create mode 100644 static/img/family/devil.png create mode 100644 static/img/family/dragon.png create mode 100644 static/img/family/material.png create mode 100644 static/img/family/plant.png create mode 100644 static/img/family/slime.png create mode 100644 static/img/family/water.png create mode 100644 static/img/family/zombie.png diff --git a/static/img/family/beast.png b/static/img/family/beast.png new file mode 100644 index 0000000000000000000000000000000000000000..7bbaca2ef8fb4a9c44897b01817d24539c2fb2d7 GIT binary patch literal 884 zcmeAS@N?(olHy`uVBq!ia0vp^dw_Ta3p0pRm?;XRSkfJR9T^xl_H+M9WCijSl0AZa z85pY67#JE_7#My5g&JNkFq9fFFuY1&V6d9Oz#v{QXIG#NP(mocC&U#<1Hq3UKN1=y z775MxP@UoeBivm0q3PLj8~3+s>km&bt|&H|6fVg?3oArNM~bhqvg zP>{XE)7O>#HZ!Xrw`ll0i<1ltOq!l9jv*QM-rl@DvDtu!H6UsMYm^7~m-x%;7HeGE znwr@Bx%}(I$UhdR)-bW{$$fw0|KgfFZYPxuC)D?t$Q=L7vdDz*=Y;#^OI7DRTru%{ zWp2&h$C~TAelL1ry+_Px*16A~O^fC%ueo~O)64GR)BWp@PS`*1!#&0NqubA}{;_A~ z9{nSmPfNv}vs%`!@Zo#yRKn7%dy*U zFBVP_3=8p2D7I=DM%`_Qb@G8_#?;Q{K_2WPjqf zitc;;?9$f)K6MtJ+~4|^C46e$qn{iZ@Z@OyUFSN}etzLy4;Ojwv^ALUU$(!SQ%~bb z{lVWXyL_U5%!{`8Df0cOZqMAX8+D(jI|F_E?24amq~D*zv+ul^6n{GT=a)h!z4V|M z9sQqE|8O4?da-!cd)57Y$ImkDsd3f!Q1AAxTeM+c$H&u|pI-m?xV9;Ezs#q2J3ohi z+xOVca@7>Les)HuaCc4D@0WF(*QDj^ym%tKXI{}RgKPPU5vNYGJW;Qx^(_fYl;(I6 z{;8Dd@t@a=Dnx$%uGy=4zgn?n{p+^EPt!SH`Tp!!Z~kC;na#=a!rMF@r_-K(mu71Q z+QgYBoMYK}+;ji^ZHo2tkBfv0A9J51-#_!=WRuEHdxd8PUs&$F4gjVjjuO|166gHf z+|;}hhHq!4?FWjfg2Yl1OH!?pi&B9UgOP!usji`cu90bok&%_5rIm?^u7Qb_fkA#M z>va?jx%nxXX_X)ihPnpEx(22phUQj=hE_&Et|?Fh-?J%JKn)C@u6{1-oD!M<>Oy+c literal 0 HcmV?d00001 diff --git a/static/img/family/bird.png b/static/img/family/bird.png new file mode 100644 index 0000000000000000000000000000000000000000..0cca309a7a5e77282f07216041df644ab3f2df9b GIT binary patch literal 1113 zcmV-f1g86mP)004R>004l5008;`004mK004C`008P>0026e000+ooVrmw0000L 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 literal 0 HcmV?d00001 diff --git a/static/img/family/devil.png b/static/img/family/devil.png new file mode 100644 index 0000000000000000000000000000000000000000..282e7a9861668e422d654179e6973c1fb81eea15 GIT binary patch literal 727 zcmeAS@N?(olHy`uVBq!ia0vp^OMtk8g&9cB{u*l!q*&4&eH|GXHuiJ>Nn{1`6_P!I zd>I(3)EF2VS{N990fib~Fff!FFfhDIU|_JC!N4G1FlSew4NyWfz$e5NNCUx-4u&5; zejJd)^mS#w&CDvut@gq%@;*>cr>Bc!NXEUlH(#%9HsE1R2s^>G<^b243xC5` z>U_V#&!i}1AN4chQION8yIzK#9@C#r%+Q-BxO&pswb|LXm$7?J+VAl1aJfok@1OSf z9+Ol~u2#GL)G2Sif~8Wm=-Meycy_+unWZBfx8wGCzeu458KECC**<+vt|uP9UMj$K zvvO5&*Tg85`uO_}rjG@Rdc%VJJyyrh-tuJYF^}x{XMtOszAyQr?{(~ntE=}byG(uu z^{d^Jt_jFaY47~EA@MrbB%4KbmyBG*fBwrU_tfKLZ5OiF;ZWfY&eWS9)$wlA0-emu zk@LP>EMyS<+IjEgtVbzt)T$XS1nhR__bv1Oab+?UVY6j~(W$ z_w3vL;ZZ`Nm`eJ#7mv9!pEOL`)BcJ({hrZAqrLWDo81#HiE&tdX;-d3t7OSmeY)Bw zx9gG5C!RBfrSHSor>Z_z`geNM6Y2FUxZC(PF`fp-6Gw?_M2T~LZf$PJV>5E^pxQ!>*k qK^hEo4UBaSOhXLKtqcvVj4gm{poZ`(7t4Vf7(8A5T-G@yGywqOw;0_3 literal 0 HcmV?d00001 diff --git a/static/img/family/dragon.png b/static/img/family/dragon.png new file mode 100644 index 0000000000000000000000000000000000000000..fc09ea0c7f6cd83e35aa50f4102e544f49e95f72 GIT binary patch literal 957 zcmeAS@N?(olHy`uVBq!ia0vp^dw_Te3p0?s|0psKNU@|l`Z_W&Z0zU$lgJ9>D{XE)7O>#HZ!XrkD_IE)NTd_rhHEq$B>MBZ)ZO&JgmUex|vD4f_41^(Hr$s z+k)d%92$Hk$JN`s3tDdYPp*8u)1=3Cat9{{l{~wqP}lf>5z9y6AB88nf9yZH+~rUG zfqKV=ADq8x_$-%QSNQk4!tr#&!Ry5}9t}SP_8jYONG~#K{t;WltN(*Z|M+XG^GXWQ zbB;bRjyw?3@FTinPec1nhLgLCww>AawcPm+OI&;C&%GQS94b%VT)Wj7|Dd1Qk=dqC z%1_baqjW{K{0FI|Pn9c9D*R*HbMI0VqwMT#^?$tIKb9J`FFjJv$A5yO-^lZ@=f#Cv zh4&xmXZAi7Y$6zR>J&$b$`Sns9@1jjXI+aE>f6HnY7Rt9%=l;!-rE}ULyYaCVvXgq zoQJtq?yqYevk854v=J(w9g?Hj+T!#l|KqNOH$@(*icSfNI>BZv`jN5bTvmQ|UUp?b z!w*)w=eHhA+*-Fo@W14q{5;Fm2jXV@kli!I^}zIG&!=yZ9&I_WZ8ywSqaWD!|mpQQ{g=;+&tGo0?a`@a@dB{Xj8QkXTA$Nvc(HQ7VvPFfuSS z)ipHGH8Kq`GO{wXv@$W!H88Op{{|ku7PQYp}Cczk(Dus W4b-sjiCrI11B0ilpUXO@geCyLFp=H> literal 0 HcmV?d00001 diff --git a/static/img/family/material.png b/static/img/family/material.png new file mode 100644 index 0000000000000000000000000000000000000000..64a847167b9bbe44e26378d3c6db272f97da30b7 GIT binary patch literal 919 zcmeAS@N?(olHy`uVBq!ia0vp^Gk|yt3p0?M)$}7CNU@|l`Z_W&Z0zU$lgJ9>DQK$!8; z-MT+OLG}_)Usv|q%&dYux(0W}CNMBCd3w4yhGg7(d+T*!vw;9hLev7*r~>Z1#(&YB z`qr=aPG*_$WPbQ8#$(pTxRtUB7$I#`9Mm&&_LalMvc) zBfaavktm*{2Ocqe|Kn?}A~H4FB{2s&8^^O!Zvo6)tvKkHMAW8wRrhi!YlP7RY- z(A;o=Z8iVyq}m_sdf%AOF=fwuopfPl?fJuf^2d?{ngarkuUhfbD|i~)jJ&fdn~(GU z6ppdG{x>$h|EU&NM(oiS)jpR(3bXanb<$UcoPJp|^PW_q?b37Wj~g%;&sUz-?I6$} zrM0d0xWE~ibrJR*DIy~Iu8IaWcAZlDB~D*ncV>apwMJF{|Nd%!*k%Nn-AizI`s!xL zh18^+H#$919M9eBetz&ZFuP~7VuEvF$G#Y@Z3nL0z3Mn4m?Lnb#PPf8Pp~TWO%H<`72m?c=u)UQ@Kg(m%npWefN0a}n?4ekbmb&ztr+rKwR^^zI^svMIu^ zE&aBCiR!;UV^^wRa*nsAeb(LrwXX;5$)^^zSO3|aes{TW*z$P!lDgw3 zd4zwspWs-%@Z)|3_BZVR0}uaYJG!Tn^CRPRpM?cheqiD#@PsvQH1ZgnTH2^9y h4KXygGBmO>F$J=L8m@n2S_{;`;OXk;vd$@?2>|L#cL4wZ literal 0 HcmV?d00001 diff --git a/static/img/family/plant.png b/static/img/family/plant.png new file mode 100644 index 0000000000000000000000000000000000000000..6fa2aa42b8069f030b539fa6596d1edde237cba6 GIT binary patch literal 921 zcmeAS@N?(olHy`uVBq!ia0vp^TYz{23p0=mDT)*aQY`6?zK#qG8~eHcB(ehe3dtTp zz6=aiY77hwEes65fI;3=**-JcqUD~!VBt!7p=Lcm_%GEOz7O_X6<*&fbFD)4oyF=>|)tOx?i$!Nw z*YVV(2`!cfT;i8@e!h6Q`H9lU#*i5{7SQrtJrc zse;5(5=&C8l8aJ-6oZk0p{cH+fv%Bhh>?+%k%5(gp{{|6m4U&X2bsVugQOuhKP5A* n5~KmB!dTb9G{n%{%FxIP%m!*O$hOP{YGCkm^>bP0l+XkKA+CqO literal 0 HcmV?d00001 diff --git a/static/img/family/slime.png b/static/img/family/slime.png new file mode 100644 index 0000000000000000000000000000000000000000..bfd0d9cffcc8dd50dd5d58ba0f6749fa2eeaa47c GIT binary patch literal 473 zcmeAS@N?(olHy`uVBq!ia0vp^E+EXp3?xt4_B8@2mUKs7M+SzC{oH>NS%G|oWRD45bDP46hOx7_4S6Fo+k-*%fF5ln@H=32_C|Ah6;`1;dUX zKYslG|KEtMtO_W?SQ6wH%;50sMjD8d! zZ~mVY950;Q7_>`ZYABzI%Ngzxg}?+nH(mfnus4v6RG;RIB8o zR3OD*WMF8jYiOWrWEx^*WMyb+Wo)WzU}9xpaQHeqD1ZfKq*&4&eH|GXHuiJ>Nn{1`6_P!I zd>I(3)EF2VS{N990fib~Fff!FFfhDIU|_JC!N4G1FlSew4NyWNz$e5NNCUwP1CJ98 z96x^iVBq+{u;9o4|NlQt?A8KGFqQ=Q1v5B2yO9RsBze2Lu!|*jyasYO3p^r=85p>Q zK$!8;-MT+OLG}_)Usv|q%&dYuCL!DQ1%UK;x;TbJ9KJi_HE**4PfKK@=pH8R6xOhW z|AJcA_ui^Jygn|gbCTM>3G3=qN^VqE2N_)|8DOSbm&F?QiMI2(n z$_4*!nfiFeArGz{oinPvp4~YSDg_{ir&c4%TP?JzBx>>MZz-qzN zyte1xTs0b}xLgrD=yW1Sq*t`yrrM2J5(N_-Uvx0E%XBV$eMLt0!CQ%?Pkh&U*hMLH zx&5q`)}GWa)bXy+d*cG%M?TCM${)nq9!ciBE@9{k{j6aAeU z(!TC{+j@IA7+M~O{fclmGHj^!;ww=NX5zay$%nT>>z;rQPYGWbH={$|?qH@2w*QPB zYq)*>SuSBe_xa*vO-57R8_f$YGWEL#Gyb}?MQwp+d8|a@9x;YDyWZ^j$t}pJ_LFDX zB6bPc23B{0ZG29gH=IOdpNBKt@@6jgTA*4x`{w&bab>3~5-h8wz5^qGqr^3$#5q4V zH#M(>;oF&M`+;JrAhDFhl2ohYqEsNoU}Ruus%vPVYh)T?WMpMzU}bEkYhYq!U@-ke zfDVd=-29Zxv`UZ$LtO)7T?5k)Lvt%bBP&xQARDOR-XEL2Kn)C@u6{1-oD!M<`#1SR literal 0 HcmV?d00001 diff --git a/static/img/family/zombie.png b/static/img/family/zombie.png new file mode 100644 index 0000000000000000000000000000000000000000..0880930fc75a5bb01a89c5e68f29adf318118f8b GIT binary patch literal 809 zcmeAS@N?(olHy`uVBq!ia0vp^6M%RD3p0=u6#AhCq*&4&eH|GXHuiJ>Nn{1`6_P!I zd>I(3fN~8j3=F@3LJcn%7)lKo7+xhXFj&oCU=S~uvn$XBC?Oi)6XFV_fnY-d!;c?7 z8YCDp7&`v{|DP=>oCy?VED7=pW^j0RBMrn!@^*J&OHA8Q3*>MXctjR6FmMZjFyp1W zb$@_@>?NMQuI#s&Sp|7S@^8!oTE%$V)5S3)(=<_%Dsu1j%#yo@B7cFrOP3~d^1q|i`D}T(}YsT zXLj6{J$wFMo7AkJK4AwCtT{YWcE|ObTP-F9{z2Y+Q551l?DRiA_T@VoE zv^e!F|0m%`wwbEiZfTn?ty?)qy5#pDg@ynXWVUw(7}+e_YQRwAtXl zB&)`ISu0hxv(xkiU$m;St@Q1mn|nsR)OCXX&+>8>tx4O|I-GuKe&h>M4&>j`^daz; z(Rz+gW}hz}i*vnjt48?$)BlTunr|$r*Ddq9P^Sw-7x6jCqa{*N775{M_8syb^|QXQu53im8IcQW8s2t&)pUffR$0fuX6cp@FWE zX^4@Lm63s!k%_K>iIsuDnZJ&+Q8eV{r(~v8f;1TF8W`&un1&ddTN#4%0NFqd&dXGK Qff^V*UHx3vIVCg!0G$*v+5i9m literal 0 HcmV?d00001 diff --git a/static/style/output.css b/static/style/output.css index 9fdbe3f..db71ac0 100644 --- a/static/style/output.css +++ b/static/style/output.css @@ -552,10 +552,6 @@ video { margin: 1rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .ml-4 { margin-left: 1rem; } @@ -576,15 +572,14 @@ video { display: grid; } -.h-max { - height: -moz-max-content; - height: max-content; -} - .h-96 { height: 24rem; } +.h-auto { + height: auto; +} + .w-auto { width: auto; } @@ -594,6 +589,10 @@ video { width: fit-content; } +.flex-1 { + flex: 1 1 0%; +} + .cursor-pointer { cursor: pointer; } @@ -606,6 +605,10 @@ video { grid-template-columns: repeat(2, minmax(0, 1fr)); } +.justify-center { + justify-content: center; +} + .gap-1 { gap: 0.25rem; } @@ -641,6 +644,18 @@ video { padding: 1rem; } +.pl-2 { + padding-left: 0.5rem; +} + +.pr-2 { + padding-right: 0.5rem; +} + +.text-center { + text-align: center; +} + .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } diff --git a/templates/breeding.html b/templates/breeding.html index 6de04b7..63ee5e6 100644 --- a/templates/breeding.html +++ b/templates/breeding.html @@ -12,15 +12,15 @@
{% if selected_monster %} -

- Possible Breeding Pairs for {{ selected_monster.name }} +

+ Breeding Pairs

Base

    {% for combination in selected_monster.base_combinations %} -
  • +
  • {{ combination }}
    • diff --git a/templates/index.html b/templates/index.html index 4066b79..e6116d4 100644 --- a/templates/index.html +++ b/templates/index.html @@ -22,18 +22,22 @@ -
    +
    + class="p-2 ml-4 border-2 border-teal-500 rounded-md" + height="200" + width="272"> +
    diff --git a/templates/monsters.html b/templates/monsters.html index c40ba9b..68592ee 100644 --- a/templates/monsters.html +++ b/templates/monsters.html @@ -11,7 +11,7 @@

    {{ monster.name }}

    Family: {{ monster.family }}

    -
    +

    Stats: