From 270aa2d740aa7ef4d627f777a6fe7042f1d463ad Mon Sep 17 00:00:00 2001 From: Djalim Simaila Date: Wed, 22 Jan 2025 11:44:16 +0100 Subject: [PATCH] =?UTF-8?q?feat(HTML,=20CSS,=20JS):=20add=20new=20TP4.html?= =?UTF-8?q?=20file=20with=20Pok=C3=A9mon=20randomizer=20functionality=20an?= =?UTF-8?q?d=20associated=20assets=20feat(images):=20add=20Pok=C3=A9mon=20?= =?UTF-8?q?images=20for=20random=20selection=20feature=20style(CSS):=20enh?= =?UTF-8?q?ance=20styling=20for=20body,=20buttons,=20and=20layout=20for=20?= =?UTF-8?q?better=20user=20experience?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- TP4.html | 16 +++++++++ static/assets/images/pokemons/26.png | Bin 0 -> 866 bytes static/assets/images/pokemons/260.png | Bin 0 -> 1180 bytes static/assets/images/pokemons/282.png | Bin 0 -> 784 bytes static/assets/images/pokemons/297.png | Bin 0 -> 1052 bytes static/assets/images/pokemons/380.png | Bin 0 -> 1891 bytes static/assets/images/pokemons/6.png | Bin 0 -> 1629 bytes static/js/TP4.js | 38 ++++++++++++++++++++ static/style.css | 48 ++++++++++++++++++++++++-- 9 files changed, 100 insertions(+), 2 deletions(-) create mode 100644 TP4.html create mode 100644 static/assets/images/pokemons/26.png create mode 100644 static/assets/images/pokemons/260.png create mode 100644 static/assets/images/pokemons/282.png create mode 100644 static/assets/images/pokemons/297.png create mode 100644 static/assets/images/pokemons/380.png create mode 100644 static/assets/images/pokemons/6.png create mode 100644 static/js/TP4.js diff --git a/TP4.html b/TP4.html new file mode 100644 index 0000000..2e7de3f --- /dev/null +++ b/TP4.html @@ -0,0 +1,16 @@ + + + + + + +
+
+ +

+

+ +
+
+ + diff --git a/static/assets/images/pokemons/26.png b/static/assets/images/pokemons/26.png new file mode 100644 index 0000000000000000000000000000000000000000..45b0d4bed4f3d5b21009f7eda2ea3cb543e5b72a GIT binary patch literal 866 zcmV-o1D*VdP)WdKukZXhx=AWm;~ATls8G9WQEIy5mlGd3VCFf}kRTu&*g00007bV*G` z2hs}|6e%~Bi)gI?000SaNLh0L01FZT01FZU(%pXi00004XF*Lt006O%3;baP0000m zP)t-s_`f6&5D<(}F>^@>oM}0|fj38f0BdP$ zQ8MHQ00001bW%=J06^y0W&i*Ja7jc#RCwBzmfLphAP9zo644kt@Bg+1JYmM{wae;7 zXYzmHDC2P$!((sW@4v?vz@M?I64_WkPkQKN}=>TiGK9CTw>IEob zxz(lWLp1^bqP3SDz*ZNlXF?5Dpcvo)0jl@|o$&tvjyUwU5Z^8Yz#RY|fI$4@;X?s5 zz^BKrddYAD95{f_4PoZo0W-uEm>Yu&X@SyWGDMp$>?yE5fhB6*lfY#h<0U%I+w-3o zbsNMJpb(QN1J62}i}69MzyTCOj6Xjy@Nl!8DRrb1c|9Q-KRcK}>QVXbA}`Y=;nc|! z{hX-T@zsTHiZQDvZ2+`@=#j(H4scwvOhoAX20#VMEyjq|W8VNN|yKPKT9;8LOi%Z3_+PnHlMY#a#DkSH%~ge=}T z%KG*5yAbJWmSfxmWSxMPk*LbWqE7pUR&-mznF{|`t%9sEIG1Fir40yLZ=s2b;REdT%j07*qoM6N<$f)%K8HUIzs literal 0 HcmV?d00001 diff --git a/static/assets/images/pokemons/260.png b/static/assets/images/pokemons/260.png new file mode 100644 index 0000000000000000000000000000000000000000..c18799f77498a74b5b537f5f19cddd17a52c750f GIT binary patch literal 1180 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