From 53174d330a6f0929bd54ae8787f49915e8ab59e9 Mon Sep 17 00:00:00 2001 From: jozefmarton Date: Tue, 22 Apr 2025 13:54:20 +0200 Subject: [PATCH] Added `j-ResponsiveLayout` template --- j-ResponsiveLayout/component.json | 11 ++++ j-ResponsiveLayout/example.html | 92 ++++++++++++++++++++++++++++++ j-ResponsiveLayout/picture.jpg | Bin 0 -> 4144 bytes j-ResponsiveLayout/readme.md | 17 ++++++ 4 files changed, 120 insertions(+) create mode 100644 j-ResponsiveLayout/component.json create mode 100644 j-ResponsiveLayout/example.html create mode 100644 j-ResponsiveLayout/picture.jpg create mode 100644 j-ResponsiveLayout/readme.md diff --git a/j-ResponsiveLayout/component.json b/j-ResponsiveLayout/component.json new file mode 100644 index 00000000..2e542588 --- /dev/null +++ b/j-ResponsiveLayout/component.json @@ -0,0 +1,11 @@ +{ + "datecreated": "2025-04-22T14:00:00.000Z", + "name": "j-ResponsiveLayout", + "jcomponent": "19|20", + "version": 1, + "picture": "picture.jpg", + "dependencies": "", + "author": "Dodo Marton", + "email": "dodo@totaljs.com", + "license": "https://www.totaljs.com/license/" +} \ No newline at end of file diff --git a/j-ResponsiveLayout/example.html b/j-ResponsiveLayout/example.html new file mode 100644 index 00000000..3d93c934 --- /dev/null +++ b/j-ResponsiveLayout/example.html @@ -0,0 +1,92 @@ + + + + PAGE TITLE + + + + + + + + + + +
+
+ + HEADER + + +
+
+ +
+ CONTENT +
+
+
FOOTER
+
+ + + + \ No newline at end of file diff --git a/j-ResponsiveLayout/picture.jpg b/j-ResponsiveLayout/picture.jpg new file mode 100644 index 0000000000000000000000000000000000000000..eef7c0d8de1e943bd4f428b7b06e956273a4846a GIT binary patch literal 4144 zcmeHKcT|&G691AQO{57yKu}twLqZi$DFGoAAqFIXw2(j$0VOn%A|eY&3m{cQdJ(YD z6=_mbib6z65Ge`*A|OZ+G#h>Ixo^ukZ_jye%h|JY|G4-2-8=Km{mngdW@y8-34jx2 zU}OM*KmY)u4}eAmBIsZLVWG7FT+F~SNEQMT1;AV&2p5Rf4k*zbg#6?g@Uws+yFg6L zj0~)Q4S(AOLqH6)QGg8s0>GRQPC7yZLOJ>_+6T{UDt#E3_;%*I2&-+Ma7|ukd&Ya@ z(@u!yk@cmSof8XM)OS)V@eZ}k@XvWHQ820Nh+hB5nH*h&pCRmEdbl$k`_;7XK|_Ya zT0mEWO6;CxfYpaosYMVTkZkgi}Q-VE{O*wEh&mSm2 zAkN?~;H&{a>V8((512nQFvC9mB>=E`7ESy>|BDQJs>Ii8Oe}=o%BNJae_LJt+i8Y~ z!w2Rl1xF4X<=Ae4g=K=>SZ@BqX(}+2SDyyZgMNe)071YI$ZiOTkrDFk-VEP@&Is_J znYfe{wNLtxl2fW`C@+|~_wuqp4~mGw`4CDv=I6vDoao_aroU{^F?#5)kX2U3Q37Rd znKk;SE)Z>&%7#uX(Ey_&)d=4OLDwF^s``Kj;j7MJU!yrxapaXl8gCNMLPut+Hnce3 zC1AZIYpvmv^RI;5kLtIJgO9b}9tC9a!zZcCBiCc=>nLEVBH3q7yYl^ej47I6InrQT z2}h*uUih-B+al%)I69$vy^?uBHzM~r%*$aETHU8a^q@Mw(NfQ?JChwyqvV-@z_SKZ zdTzvDZdziJn{X4uf*9GYyax`LCso$&Wl9!gfvzNU9zQ19X{9rP3|R3OIgHycRFl#* zIs&WBY5QU|KGP$|v+XaQMrjyaz16fpMF!67cJ+8K)jG`jDLB7?gBdg~tuA@5ymeRc z0#ES9AqPx35fvPk&btb$NxY4x$yk<|qs#N|?p+#urZnmpV2(T0vyP&aqndzd3EB3iVnC7(8c`-GV6iG_CjOuxAMv;c^l|Izl_c1hQ#c+9X{arJ9 zFQ4z6mvw*slQHphs=&<_>-f`cIUkI@Es77 zLHn#bbh3sx_rYO4biWqC;uZ!_62xkonz z$lOyH%<6K2uw1k9CX{|h8bBHBdm0tf^!nzSou+aK`dQOKEGg@<>)AyDv#L;b?R26J zMNs47nKE^l^rU_lRDvImOx0w^4#f&>G4^(NzQkIbNOG)@C%mec^MNii$m%wK@>h02 z=Gl0pX5$q~G!*Bl4wL7e!fJ}u)2A$69P07st%S^_3N1F7-HNF+l`cTaRq`r zwR=2p?e^=YEM1*vR6&L$vGn|KfmX2AD!ba+-8+7g(#X5#S>o}zP82?$akx=ki=*x| z^=fUhp!Zc{PqBl6H>E{6);7C9Qp?wQbt}uKdhg1e&Iz-#%!QV?<%^?IFu3#F_~Xn* zm6k))Xogi3l>KO>l(9RE|E6dp`kF=fnGaSpV3IsZUF;7jfXP!4V@){z=my=3xmONH zYdbKaZCGs(hAvv&$J@()!4weCAn6eM{sVfl&b z;f2$~dBURBHEnlY?6nsed!xg9A2+3I`VBTtkJQUione=#ce;*e7%wuAL2`Oc$YvVI+m=O1ySnV}WT z#m7kNWe@Nt`TEHN$(4tBgM#H2=iRMaJ)V{H=8izOEb!IJSwWbl*#exnQk_#+h)hTT zKa+{Ar;*K?wE5MQTKo9RqQa?5!zbo>LHBGJU~x7=@LWcZI`hH`cJ4^?w3k=vQ`D>F zM&*pq&##qTE5u}4)f66^AgHJKvaAYqZYbwBo~n!cKs+9B+e>h4Ab!PuT&K&4ti*I+xVXAPN^z)V=$?S_XsY)$-Sk%>u*xjKVFs zL^x|RhC{OEbV~raC(6!1*FGQWa-fwge|ah?;D%+|8+{Wvwy9nuamsr~lsx#FV}!Zf z`w?ISJo>1$sw}0@Q+^x28m!pL(h)NzkW!h~~jB_-8wbeX-Z|b*4^281eaCjR^ G8~HQ2RXZ>M literal 0 HcmV?d00001 diff --git a/j-ResponsiveLayout/readme.md b/j-ResponsiveLayout/readme.md new file mode 100644 index 00000000..8f137d85 --- /dev/null +++ b/j-ResponsiveLayout/readme.md @@ -0,0 +1,17 @@ +## j-ResponsiveLayout + +Fully responsive template with two interactive buttons. Ideal for simple SPAs or web applications that require access to navigation and additional tools on mobile devices. + +- jComponent `v19|v20` + +__Features__: + +- Navigation with menu button (`.mobilemenubtn`) +- Adds the `.mobilemenu-visible` class to the `` element when active +- Left sidebar with button (`.mobileasidebtn`) +- Adds the `.mobileaside-visible` class to the `` element when active. + +### Author + +- Dodo Marton +- [License](https://www.totaljs.com/license/) \ No newline at end of file