diff options
53 files changed, 352 insertions, 75 deletions
@@ -1,4 +1,5 @@ .vscode/ node_modules/ .DS_Store -.history/
\ No newline at end of file +.history/ +resources/
\ No newline at end of file diff --git a/archetypes/default.md b/archetypes/default.md index 88b1790..e097af4 100644 --- a/archetypes/default.md +++ b/archetypes/default.md @@ -1,6 +1,6 @@ --- -hero: /assets/images/background/sunrise.jpg +hero: /images/background/sunrise.jpg author: name: Md. Emruz Hossain - image: /assets/images/profile-image.jpg + image: /images/profile-image.jpg --- diff --git a/assets/images/404.png b/assets/images/404.png Binary files differnew file mode 100644 index 0000000..c9dd23d --- /dev/null +++ b/assets/images/404.png diff --git a/assets/images/404.svg b/assets/images/404.svg new file mode 100644 index 0000000..e2198c4 --- /dev/null +++ b/assets/images/404.svg @@ -0,0 +1 @@ +<svg id="fd59ce54-f850-4dfc-bc34-dd7d379d600e" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1074.392" height="584.231" viewBox="0 0 1074.392 584.231"><title>page not found</title><ellipse cx="540.64346" cy="549.3094" rx="527.5" ry="34.9216" fill="#f2f2f2"/><path d="M583.47969,324.89424c-85.94407,0-147.651,55.13938-147.651,183.79791,0,145.813,61.70691,184.41057,147.651,184.41057s151.327-42.27352,151.327-184.41057C734.80664,356.75255,669.42376,324.89424,583.47969,324.89424Zm.56495,319.80837c-59.52686,0-90.62592-34.92288-90.62592-135.9163,0-89.11185,32.37209-136.10461,91.899-136.10461s91.899,30.86774,91.899,136.10461C677.21663,607.23367,643.5715,644.70261,584.04464,644.70261Z" transform="translate(-63.054 -157.8845)" fill="#2f2e41"/><path d="M384.36531,591.40121H348.831V486.76183A20.95585,20.95585,0,0,0,327.87517,465.806h-8.32638a20.95585,20.95585,0,0,0-20.95586,20.95585V591.40121H198.36285a11.96327,11.96327,0,0,1-10.57763-17.552l106.0824-200.78034A20.95585,20.95585,0,0,0,284.28724,344.33l-6.26231-2.9572a20.95585,20.95585,0,0,0-27.4293,9.07005L121.21416,592.4754a28.41578,28.41578,0,0,0-3.35584,13.39612v0a28.41583,28.41583,0,0,0,28.41584,28.41583H298.59293v66.16727a25.119,25.119,0,0,0,25.119,25.119h.00005a25.119,25.119,0,0,0,25.119-25.119V634.28739h35.53428a21.44307,21.44307,0,0,0,21.44307-21.44307v0A21.44307,21.44307,0,0,0,384.36531,591.40121Z" transform="translate(-63.054 -157.8845)" fill="#463f98"/><path d="M1042.36183,591.40121h-35.53428V486.76183A20.95585,20.95585,0,0,0,985.87169,465.806h-8.32638a20.95585,20.95585,0,0,0-20.95586,20.95585V591.40121H856.35937a11.96326,11.96326,0,0,1-10.57763-17.552L951.86413,373.06891A20.95586,20.95586,0,0,0,942.28376,344.33l-6.26231-2.9572a20.95586,20.95586,0,0,0-27.42931,9.07005L779.21068,592.4754a28.41578,28.41578,0,0,0-3.35584,13.39612v0a28.41583,28.41583,0,0,0,28.41583,28.41583H956.58945v66.16727a25.119,25.119,0,0,0,25.119,25.119h0a25.119,25.119,0,0,0,25.119-25.119V634.28739h35.53428a21.44307,21.44307,0,0,0,21.44307-21.44307v0A21.44307,21.44307,0,0,0,1042.36183,591.40121Z" transform="translate(-63.054 -157.8845)" fill="#463f98"/><path d="M394.16787,579.148H358.63358V474.50864a20.95585,20.95585,0,0,0-20.95585-20.95586h-8.32638a20.95586,20.95586,0,0,0-20.95586,20.95586V579.148H208.16541a11.96327,11.96327,0,0,1-10.57763-17.552L303.67017,360.81572a20.95586,20.95586,0,0,0-9.58037-28.73893l-6.26231-2.9572a20.95586,20.95586,0,0,0-27.42931,9.07L131.01672,580.2222a28.41582,28.41582,0,0,0-3.35584,13.39613v0a28.41583,28.41583,0,0,0,28.41583,28.41583H308.39549v66.16727a25.119,25.119,0,0,0,25.119,25.119h.00005a25.119,25.119,0,0,0,25.119-25.119V622.0342h35.53429a21.44307,21.44307,0,0,0,21.44307-21.44307v0A21.44307,21.44307,0,0,0,394.16787,579.148Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1060.74162,579.148h-35.53428V474.50864a20.95586,20.95586,0,0,0-20.95586-20.95586H995.9251a20.95586,20.95586,0,0,0-20.95586,20.95586V579.148H874.73916a11.96327,11.96327,0,0,1-10.57763-17.552L970.24392,360.81572a20.95586,20.95586,0,0,0-9.58037-28.73893l-6.26231-2.9572a20.95586,20.95586,0,0,0-27.42931,9.07L797.59047,580.2222a28.41582,28.41582,0,0,0-3.35584,13.39613v0a28.41583,28.41583,0,0,0,28.41583,28.41583H974.96924v66.16727a25.119,25.119,0,0,0,25.119,25.119h0a25.119,25.119,0,0,0,25.119-25.119V622.0342h35.53428a21.44307,21.44307,0,0,0,21.44307-21.44307v0A21.44307,21.44307,0,0,0,1060.74162,579.148Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M603.0848,313.86637c-85.94407,0-147.651,55.13937-147.651,183.79791,0,145.813,61.70691,184.41057,147.651,184.41057s151.327-42.27352,151.327-184.41057C754.41175,345.72467,689.02887,313.86637,603.0848,313.86637Zm.565,319.80836c-59.52686,0-90.62592-34.92287-90.62592-135.91629,0-89.11185,32.37209-136.10461,91.899-136.10461s91.899,30.86774,91.899,136.10461C696.82174,596.20579,663.17661,633.67473,603.64975,633.67473Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><circle cx="471.14108" cy="18.25044" r="12.90118" fill="#2f2e41"/><ellipse cx="502.60736" cy="46.88476" rx="36.18622" ry="46.88476" fill="#2f2e41"/><path d="M565.66136,237.49419c-18.1276,0-33.1413-17.27052-35.77576-39.80484a60.9759,60.9759,0,0,0-.41046,7.07991c0,25.89373,16.20114,46.88476,36.18622,46.88476s36.18623-20.991,36.18623-46.88476a60.9759,60.9759,0,0,0-.41046-7.07991C598.80267,220.22367,583.789,237.49419,565.66136,237.49419Z" transform="translate(-63.054 -157.8845)" opacity="0.1"/><path d="M639.29619,342.07326c-.77711,3.19345-4.12792,5.751-7.83881,7.53791-7.80188,3.75682-17.4253,4.87788-26.7597,5.25418a45.17622,45.17622,0,0,1-7.1445-.132,20.5371,20.5371,0,0,1-12.25052-5.63141,1.68086,1.68086,0,0,1,.04371-2.84388c4.9694-5.45888,13.2622-8.80605,21.61613-11.21609,6.3344-1.82743,17.3813-6.56089,24.29013-5.9221C637.94444,329.73864,640.2774,338.04112,639.29619,342.07326Z" transform="translate(-63.054 -157.8845)" fill="#3f3d56"/><path d="M639.29619,342.07326c-.77711,3.19345-4.12792,5.751-7.83881,7.53791-7.80188,3.75682-17.4253,4.87788-26.7597,5.25418a45.17622,45.17622,0,0,1-7.1445-.132,20.5371,20.5371,0,0,1-12.25052-5.63141,1.68086,1.68086,0,0,1,.04371-2.84388c4.9694-5.45888,13.2622-8.80605,21.61613-11.21609,6.3344-1.82743,17.3813-6.56089,24.29013-5.9221C637.94444,329.73864,640.2774,338.04112,639.29619,342.07326Z" transform="translate(-63.054 -157.8845)" opacity="0.1"/><path d="M540.09786,318.2059a19.76967,19.76967,0,0,0-1.1987,15.07476,26.33914,26.33914,0,0,0,8.82921,12.49683c10.09467,8.09163,23.98784,9.20512,36.92477,9.09278a284.6495,284.6495,0,0,0,33.90525-2.32384,40.53788,40.53788,0,0,0,11.00143-2.55442c4.22242-1.82679,7.93282-5.17756,9.436-9.5257s.43625-9.67246-3.13383-12.57428c-3.13686-2.54969-7.46265-2.9004-11.49775-3.14289l-23.08764-1.38745c2.281-2.30839,5.31816-3.614,8.09586-5.29216,3.68523-2.22642,6.13358-5.96455,8.81312-9.33471a129.00143,129.00143,0,0,1,13.4386-13.817c.75138,4.31038,3.4782,7.8499,6.68733,10.824s6.90841,5.36845,10.2439,8.20013c8.0786,6.85838,13.89583,16.1669,22.39215,22.50043a43.82885,43.82885,0,0,0,16.04862-8.0122l-3.30209-5.98141a3.94,3.94,0,0,0-1.24459-1.55282c-.93465-.575-2.13975-.27872-3.225-.44144-2.90082-.435-4.16771-3.784-5.306-6.48737-3.12491-7.42173-9.108-13.17993-14.21783-19.40381a98.00854,98.00854,0,0,1-9.99577-14.72284c-1.71652-3.10162-3.288-6.33107-5.61746-9.00321s-5.59358-4.773-9.1385-4.78051c-3.13222-.00662-6.02122,1.58355-8.71422,3.18308a230.47679,230.47679,0,0,0-23.63018,16.09894c-3.94376,3.0617-7.86306,6.29645-12.48933,8.17393-1.94748.79035-4.00044,1.33052-5.86924,2.29223-3.27313,1.6844-5.75721,4.53435-8.43128,7.06415C566.27712,311.89225,553.219,317.73841,540.09786,318.2059Z" transform="translate(-63.054 -157.8845)" fill="#3f3d56"/><path d="M588.3737,253.98251a23.77444,23.77444,0,0,1-1.73379,8.03335,10.04492,10.04492,0,0,1-5.76772,5.57269,12.37513,12.37513,0,0,1-5.62306.18249,10.88232,10.88232,0,0,1-4.58151-1.56071c-2.16484-1.48837-3.24415-4.14413-3.63748-6.74325-.39333-2.596-.21714-5.24857-.46885-7.86342a42.94439,42.94439,0,0,0-1.202-6.25549c-.16993-.68282-.343-1.36248-.51294-2.04216-.16674-.67967-.33037-1.35935-.48141-2.039-.13847-.63878-.26745-1.28068-.37761-1.92574-.09123-.54436-.173-1.09189-.23285-1.64255a18.42329,18.42329,0,0,0-.80867-4.81118,14.60727,14.60727,0,0,0-1.68659-2.854c-.28635-.40906-.56326-.81811-.81815-1.24292a5.88984,5.88984,0,0,1-.97226-3.74763,3.286,3.286,0,0,1,.14788-.601c.02516-.07552.05347-.151.085-.2234A1.80187,1.80187,0,0,0,560.932,223.07a3.43341,3.43341,0,0,0-.14788-1.77783,11.31808,11.31808,0,0,0-.95974-2.28761c-.2643-.47829-1.16108-1.34046-1.16738-1.888-.0126-1.10132,2.13972-1.98867,3.01134-2.42291a16.79623,16.79623,0,0,1,8.59657-1.74323c1.90369.129,3.9679.71428,5.0189,2.30962.944,1.438.81807,3.30081,1.22085,4.97169a1.47068,1.47068,0,0,0,.29892.66393,1.34135,1.34135,0,0,0,.73948.33982,4.54948,4.54948,0,0,0,1.416.05666h.00315a2.93138,2.93138,0,0,0,.37128-.05351,4.957,4.957,0,0,0,2.03271-.8779q.58531-.15576,1.18-.25488a.25112.25112,0,0,0,.04725-.00945c1.57646,4.97482,1.781,10.30836,3.07111,15.37444.63874,2.52044,1.55442,5.00943,1.6834,7.60225.00945.11327.0126.2297.01575.34612.0189.83386-.04717,1.674-.0126,2.50472a6.981,6.981,0,0,0,.12591,1.1139,15.61121,15.61121,0,0,0,.52546,1.74325l.00945.02831c.05977.18251.11643.36817.16363.55381.03457.1353.06607.26747.09127.40277l.00311.00943A14.93754,14.93754,0,0,1,588.3737,253.98251Z" transform="translate(-63.054 -157.8845)" fill="#fbbebe"/><circle cx="503.23669" cy="44.99678" r="18.56511" fill="#fbbebe"/><path d="M684.15711,304.03278a30.445,30.445,0,0,0-5.236-14.10317q.72216,4.29513,1.44748,8.58714a3.214,3.214,0,0,1-3.36688-1.03523,10.33663,10.33663,0,0,1-1.76529-3.27565,67.46571,67.46571,0,0,0-8.2095-14.73567c-11.81876-.98489-23.50223-5.88418-33.89555-11.59532-10.39643-5.708-20.12582-12.5519-30.38382-18.50217a43.57346,43.57346,0,0,0-5.54436-2.832c-3.20954-1.287-6.81242-1.95406-9.85526-3.46759-.2045-.1007-.409-.20767-.61043-.31781a12.57834,12.57834,0,0,1-1.94459-1.30584,10.34363,10.34363,0,0,1-.93139-.8559,20.35115,20.35115,0,0,1-3.55886-5.95341c-1.63308-3.61232-2.21524-7.97041-3.84517-11.58274a11.20292,11.20292,0,0,1,2.50156-1.76525h.00315c.13213-.06924.2643-.13532.39962-.19824a11.9404,11.9404,0,0,1,2.00437-.73317q.58531-.15576,1.18-.25488a.25112.25112,0,0,0,.04725-.00945,11.56564,11.56564,0,0,1,5.49085.43424c2.58652.87477,4.76711,2.62115,6.94148,4.27313a114.02006,114.02006,0,0,1,10.14787,8.04908c1.79357,1.718,3.4298,3.606,5.35868,5.16676a42.14393,42.14393,0,0,0,5.05662,3.35116q15.65613,9.32658,31.31525,18.65005c3.53365,2.1051,7.07046,4.21019,10.52553,6.438,5.24855,3.38578,10.30828,7.05474,15.36493,10.72057q4.46978,3.23787,8.93647,6.47889a9.72771,9.72771,0,0,1,2.533,2.3411,8.4724,8.4724,0,0,1,1.12337,3.433A31.3874,31.3874,0,0,1,684.15711,304.03278Z" transform="translate(-63.054 -157.8845)" fill="#fbbebe"/><path d="M592.97726,267.9441c-1.25235,5.61674-6.92888,9.012-9.89617,13.94586-3.68784,6.12335-2.18378,13.241-.79922,20.25484q-3.79485,3.27095-7.59285,6.54186c-1.39708,1.19886-2.79417,2.404-4.29827,3.46444a57.35064,57.35064,0,0,1-6.85966,3.93956q-3.3606,1.72752-6.72119,3.45814a32.1282,32.1282,0,0,1-6.57961,2.78793c-4.41473,1.13278-9.10318.33982-13.4707-.97232a6.08761,6.08761,0,0,1-1.47264-.601,2.39351,2.39351,0,0,1-.69854-.63248,3.91067,3.91067,0,0,1-.44365-2.53933c.44365-7.35052,2.24036-14.54686,4.03081-21.68971a85.2598,85.2598,0,0,1,3.84832-12.57708,85.0766,85.0766,0,0,1,5.41538-10.151,68.36751,68.36751,0,0,1,7.92948-11.51353,18.47881,18.47881,0,0,0,3.67525-4.73882c1.11706-2.54876.686-5.472.91252-8.24732a17.14844,17.14844,0,0,1,1.63312-6.0069v-.00315a17.09326,17.09326,0,0,1,1.74321-2.88232q.45788,1.06671.91568,2.13027.30209.69855.59783,1.394.38706.89679.7678,1.78728,1.09973,2.55823,2.19637,5.11327a21.58968,21.58968,0,0,0,3.33538,5.944,6.49923,6.49923,0,0,0,11.12337-.85275,21.26125,21.26125,0,0,0,2.27185-6.0132,19.21547,19.21547,0,0,0,.25175-7.83509c-.75835-5.00945-2.88862-10.12585-4.43678-14.77972a14.94511,14.94511,0,0,1-1.07927-4.871,3.35144,3.35144,0,0,1,.05662-.56011c.00945-.04719.0189-.09754.02834-.14473a11.9404,11.9404,0,0,1,2.00437-.73317q.58531-.15576,1.18-.25488,2.04378,11.06355,4.09377,22.12709c.0315.17307.0661.34613.09756.52234.19509,1.05726.39333,2.11454.61358,3.16865.19828.95657.41223,1.91.65137,2.85715l.00945.02831c.08182.321.16678.63877.2549.95658l.00311.00943c.2423.86848.5129,1.73065.81811,2.58024C590.93825,257.47528,594.16355,262.62946,592.97726,267.9441Z" transform="translate(-63.054 -157.8845)" fill="#463f98"/><path d="M668.32144,346.87707a6.58269,6.58269,0,0,0,.61,3.14328c1.16192,2.12353,3.94981,2.60625,6.36228,2.80484a188.37688,188.37688,0,0,0,42.2657-1.28774,4.88565,4.88565,0,0,0,2.15136-.66766c1.98985-1.39509.76329-4.7951-1.40951-5.88355s-4.75126-.82614-7.1353-1.29748a22.47912,22.47912,0,0,1-6.67794-2.89617q-7.25234-4.16669-14.293-8.68808c-2.79453-1.79464-6.09272-3.70993-9.23987-2.64587C672.43,332.34264,668.26533,337.68065,668.32144,346.87707Z" transform="translate(-63.054 -157.8845)" fill="#3f3d56"/><path d="M564.43732,240.87367v.00315c-.022.13215-.04406.26116-.07237.39018-.0346.214-.07551.43108-.11642.645-.39018,1.99812-.86847,3.98678-1.41913,5.96287-1.5104,5.45939-3.53366,10.83069-5.54121,16.12332q-8.08055,21.28692-16.16423,42.577c-1.35936,3.57457-2.71554,7.15228-4.26054,10.65448-.516,1.16741-1.04782,2.34424-1.57647,3.53368-1.89427,4.25737-3.713,8.65322-4.31716,13.18436a27.44976,27.44976,0,0,0-.19194,9.04027c.60416,2.97042,2.40718,5.8716,5.22969,6.96977,1.37823.53808,3.35113,1.25865,2.97355,2.69037-.2045.78665-1.09817,1.17055-1.90057,1.3027a7.31234,7.31234,0,0,1-5.966-1.718c-1.50725-1.33732-2.66518-3.41725-4.66959-3.64065-1.38767-.151-2.66518.67966-3.93643,1.26178-5.18564,2.36942-11.22719.71114-16.674-.9723.42794-2.20579,2.64318-3.65953,4.84267-4.10006,2.19949-.44367,4.47449-.129,6.718-.18879a3.50958,3.50958,0,0,0,2.04216-.52549,3.70545,3.70545,0,0,0,1.10132-1.88169,78.96356,78.96356,0,0,0,3.21273-13.14661c.7237-4.66645,1.02581-9.40527,2.05787-14.01507.80241-3.59661,2.0422-7.07991,3.10572-10.61044a224.68238,224.68238,0,0,0,5.0598-22.07674,78.02019,78.02019,0,0,0,1.42543-9.36751c.17935-2.6117.09438-5.236.34609-7.83826a60.8877,60.8877,0,0,1,2.11141-9.99683q1.44427-5.34769,2.88547-10.68911c1.42544-5.2706,2.95465-10.74572,6.567-14.84264a13.96159,13.96159,0,0,1,10.02834-4.78915,9.8819,9.8819,0,0,1,2.13027.22969c.11639.02831.23285.05664.34923.0881a8.63447,8.63447,0,0,1,2.17437.89995c1.11388-.708,1.68025-.45942,2.41974.63246a6.97319,6.97319,0,0,1,.88107,3.79485A52.42378,52.42378,0,0,1,564.43732,240.87367Z" transform="translate(-63.054 -157.8845)" fill="#fbbebe"/><path d="M565.66136,245.0461l-.0472.04719-.25486.25488-2.5299,2.52675-1.23976-5.20767-4.25109-17.854a9.8819,9.8819,0,0,1,2.13027.22969,3.286,3.286,0,0,1,.14788-.601l.20135.68911,1.44118,4.90245,2.72811,9.30773.45,1.53241v.00315Z" transform="translate(-63.054 -157.8845)" fill="#463f98"/><path d="M581.71523,188.0873a12.58165,12.58165,0,0,1-3.70049,8.89583,12.31392,12.31392,0,0,1-1.36008,1.17634,12.52812,12.52812,0,0,1-7.53567,2.52415H554.023a12.5902,12.5902,0,0,1,0-25.18037h15.096A12.62919,12.62919,0,0,1,581.71523,188.0873Z" transform="translate(-63.054 -157.8845)" fill="#2f2e41"/><circle cx="532.81499" cy="18.25044" r="12.90118" fill="#2f2e41"/><path d="M595.55433,163.23377c-.15825,0-.31505.00628-.472.01193a12.89776,12.89776,0,0,1,0,25.77849c.15694.00565.31374.01193.472.01193a12.90117,12.90117,0,1,0,0-25.80235Z" transform="translate(-63.054 -157.8845)" opacity="0.1"/><path d="M534.19508,163.23377c.15825,0,.31505.00628.472.01193a12.89776,12.89776,0,0,0,0,25.77849c-.157.00565-.31375.01193-.472.01193a12.90118,12.90118,0,0,1,0-25.80235Z" transform="translate(-63.054 -157.8845)" opacity="0.1"/><path d="M576.65466,198.15947a12.52812,12.52812,0,0,1-7.53567,2.52415H554.023a12.52833,12.52833,0,0,1-7.53574-2.52415Z" transform="translate(-63.054 -157.8845)" opacity="0.1"/><path d="M674.13958,291.64042s3.25228,9.37161,6.229,6.87633L677.996,286.26693Z" transform="translate(-63.054 -157.8845)" fill="#fbbebe"/><path d="M1069.91781,577.43414a20.81252,20.81252,0,1,0,2.7716-39.91524l.52093,10.7122-5.06814-9.18045a20.734,20.734,0,0,0-10.68367,11.72261,20.40847,20.40847,0,0,0-1.19713,5.62986A20.80856,20.80856,0,0,0,1069.91781,577.43414Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M1094.99516,701.67756c-1.78906-9.11027,5.9633-17.1868,13.62086-22.43651s16.605-10.40779,19.21775-19.31684c3.755-12.80387-7.43-24.52981-16.13564-34.64176a125.30044,125.30044,0,0,1-16.52359-24.55738c-1.81107-3.5325-3.47558-7.22528-3.95221-11.16626-.68641-5.67546,1.13693-11.32309,2.9739-16.73673q9.17925-27.05169,19.62843-53.65005" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1070.77493,574.6762a20.81252,20.81252,0,1,0,2.7716-39.91524l.52093,10.7122-5.06815-9.18045a20.734,20.734,0,0,0-10.68366,11.72261,20.40847,20.40847,0,0,0-1.19713,5.62986A20.80855,20.80855,0,0,0,1070.77493,574.6762Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1092.45136,515.47266a20.78819,20.78819,0,0,1,14.97993-13.19764l1.71361,10.18378,3.177-10.69566a20.81,20.81,0,1,1-19.87057,13.70952Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M1093.59418,511.7954a20.7882,20.7882,0,0,1,14.97993-13.19763l1.71361,10.18378,3.177-10.69567a20.81,20.81,0,1,1-19.87057,13.70952Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1108.04474,625.48885a20.81,20.81,0,0,0,18.419-37.02267l-2.44121,8.21926-1.73105-10.30382a.36183.36183,0,0,0-.053-.0201,20.81113,20.81113,0,1,0-14.1938,39.12733Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M1109.035,621.76417a20.81,20.81,0,0,0,18.419-37.02267l-2.44121,8.21926-1.73105-10.30382a.3621.3621,0,0,0-.053-.0201,20.81113,20.81113,0,1,0-14.1938,39.12733Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M1086.37782,660.05148a20.80131,20.80131,0,1,0,4.01058-16.29737l9.27267,13.95654-12.66994-7.40768A20.61638,20.61638,0,0,0,1086.37782,660.05148Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M1087.23494,657.29354a20.80131,20.80131,0,1,0,4.01058-16.29737l9.27267,13.95655-12.66994-7.40769A20.61626,20.61626,0,0,0,1087.23494,657.29354Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M72.06146,628.13325a13.67421,13.67421,0,1,0,1.821-26.225l.34227,7.03811-3.32987-6.03172a13.62263,13.62263,0,0,0-7.01936,7.702,13.40883,13.40883,0,0,0-.78654,3.69893A13.6716,13.6716,0,0,0,72.06146,628.13325Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M88.53774,709.76344c-1.17545-5.98561,3.918-11.292,8.94915-14.7412s10.90978-6.8381,12.62642-12.69151c2.46711-8.41238-4.88167-16.11653-10.60142-22.76027A82.32442,82.32442,0,0,1,88.6556,643.43581a22.20962,22.20962,0,0,1-2.59668-7.33643c-.451-3.72888.747-7.43947,1.95391-10.99634q6.03093-17.77346,12.89623-35.24906" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M72.62461,626.32123a13.6742,13.6742,0,1,0,1.821-26.225l.34227,7.03812L71.458,601.10258a13.62262,13.62262,0,0,0-7.01936,7.702,13.40912,13.40912,0,0,0-.78654,3.69892A13.67158,13.67158,0,0,0,72.62461,626.32123Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M86.86641,587.42343a13.65822,13.65822,0,0,1,9.84209-8.67109l1.12587,6.69093,2.08737-7.02725a13.67252,13.67252,0,1,1-13.05533,9.00741Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M87.61727,585.0074a13.65822,13.65822,0,0,1,9.84209-8.67108l1.12587,6.69093L100.6726,576a13.67252,13.67252,0,1,1-13.05533,9.0074Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M97.11155,659.70607a13.67255,13.67255,0,0,0,12.10164-24.32457l-1.60392,5.4002-1.13733-6.76979a.238.238,0,0,0-.0348-.0132,13.67329,13.67329,0,1,0-9.32559,25.70736Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M97.76214,657.25889a13.67255,13.67255,0,0,0,12.10164-24.32457l-1.60392,5.4002-1.13733-6.7698a.238.238,0,0,0-.0348-.0132,13.67329,13.67329,0,1,0-9.32559,25.70737Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M82.876,682.41435a13.66684,13.66684,0,1,0,2.635-10.70767l6.09231,9.16971-8.32438-4.867A13.54535,13.54535,0,0,0,82.876,682.41435Z" transform="translate(-63.054 -157.8845)" fill="#57b894"/><path d="M83.43913,680.60233a13.66684,13.66684,0,1,0,2.635-10.70767l6.09231,9.16971-8.32439-4.867A13.54535,13.54535,0,0,0,83.43913,680.60233Z" transform="translate(-63.054 -157.8845)" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="480.946" cy="319.1155" rx="17" ry="22" fill="#2f2e41"/><ellipse cx="573.446" cy="319.6155" rx="17" ry="22" fill="#2f2e41"/><path d="M623.5,542.5c0,9.94-13.88,18-31,18s-31-8.06-31-18c0-8.61,10.41-15.81,24.32-17.57a50.10353,50.10353,0,0,1,6.68-.43,50.69869,50.69869,0,0,1,11.13,1.2C615.25,528.29,623.5,534.84,623.5,542.5Z" transform="translate(-63.054 -157.8845)" fill="#2f2e41"/><ellipse cx="484.946" cy="314.1155" rx="17" ry="22" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="577.446" cy="314.6155" rx="17" ry="22" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><ellipse cx="533.446" cy="379.6155" rx="31" ry="18" fill="none" stroke="#3f3d56" stroke-miterlimit="10"/><path d="M604,527.2a4.93658,4.93658,0,0,1-1.32,3.392A4.33873,4.33873,0,0,1,599.5,532h-10a4.66433,4.66433,0,0,1-4.5-4.8,4.90458,4.90458,0,0,1,.82-2.74134A47.02,47.02,0,0,1,592.5,524a47.66454,47.66454,0,0,1,11.13,1.28A5.06656,5.06656,0,0,1,604,527.2Z" transform="translate(-63.054 -157.8845)" fill="#fff"/><circle cx="484.946" cy="308.1155" r="5" fill="#fff"/><circle cx="577.946" cy="308.1155" r="5" fill="#fff"/><circle cx="582.946" cy="355.1155" r="5" fill="#463f98" opacity="0.3"/><circle cx="460.946" cy="355.1155" r="5" fill="#463f98" opacity="0.3"/></svg>
\ No newline at end of file diff --git a/assets/images/default-avatar.png b/assets/images/default-avatar.png Binary files differnew file mode 100644 index 0000000..a6befb2 --- /dev/null +++ b/assets/images/default-avatar.png diff --git a/assets/images/default-background.jpg b/assets/images/default-background.jpg Binary files differnew file mode 100644 index 0000000..b30526b --- /dev/null +++ b/assets/images/default-background.jpg diff --git a/assets/images/default-hero.jpg b/assets/images/default-hero.jpg Binary files differnew file mode 100644 index 0000000..f13ca48 --- /dev/null +++ b/assets/images/default-hero.jpg diff --git a/assets/images/favicon.png b/assets/images/favicon.png Binary files differnew file mode 100644 index 0000000..a56bc42 --- /dev/null +++ b/assets/images/favicon.png diff --git a/assets/images/hugo-logo.svg b/assets/images/hugo-logo.svg new file mode 100644 index 0000000..1f6a79e --- /dev/null +++ b/assets/images/hugo-logo.svg @@ -0,0 +1,7 @@ +<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-width="27" aria-label="Logo" viewBox="0 0 1493 391"> + <path fill="#ebb951" stroke="#fcd804" d="M1345.211 24.704l112.262 64.305a43 43 0 0 1 21.627 37.312v142.237a40 40 0 0 1-20.702 35.037l-120.886 66.584a42 42 0 0 1-41.216-.389l-106.242-61.155a57 57 0 0 1-28.564-49.4V138.71a64 64 0 0 1 31.172-54.939l98.01-58.564a54 54 0 0 1 54.54-.503z"/> + <path fill="#33ba91" stroke="#00a88a" d="M958.07 22.82l117.31 66.78a41 41 0 0 1 20.72 35.64v139.5a45 45 0 0 1-23.1 39.32L955.68 369.4a44 44 0 0 1-43.54-.41l-105.82-61.6a56 56 0 0 1-27.83-48.4V140.07a68 68 0 0 1 33.23-58.44l98.06-58.35a48 48 0 0 1 48.3-.46z"/> + <path fill="#0594cb" stroke="#0083c0" d="M575.26 20.97l117.23 68.9a40 40 0 0 1 19.73 34.27l.73 138.67a48 48 0 0 1-24.64 42.2l-115.13 64.11a45 45 0 0 1-44.53-.42l-105.83-61.6a55 55 0 0 1-27.33-47.53V136.52a63 63 0 0 1 29.87-53.59l99.3-61.4a49 49 0 0 1 50.6-.56z"/> + <path fill="#ff4088" stroke="#c9177e" d="M195.81 24.13l114.41 66.54a44 44 0 0 1 21.88 38.04v136.43a48 48 0 0 1-24.45 41.82L194.1 370.9a49 49 0 0 1-48.48-.23L41.05 310.48a53 53 0 0 1-26.56-45.93V135.08a55 55 0 0 1 26.1-46.8l102.8-63.46a51 51 0 0 1 52.42-.69z"/> + <path fill="#fff" d="M1320.72 89.15c58.79 0 106.52 47.73 106.52 106.51 0 58.8-47.73 106.52-106.52 106.52-58.78 0-106.52-47.73-106.52-106.52 0-58.78 47.74-106.51 106.52-106.51zm0 39.57c36.95 0 66.94 30 66.94 66.94a66.97 66.97 0 0 1-66.94 66.94c-36.95 0-66.94-29.99-66.94-66.94a66.97 66.97 0 0 1 66.93-66.94h.01zm-283.8 65.31c0 47.18-8.94 60.93-26.81 80.58-17.87 19.65-41.57 27.57-71.1 27.57-27 0-48.75-9.58-67.61-26.23-20.88-18.45-36.08-47.04-36.08-78.95 0-31.37 11.72-58.48 32.49-78.67 18.22-17.67 45.34-29.18 73.3-29.18 33.77 0 68.83 15.98 90.44 47.53l-31.73 26.82c-13.45-25.03-32.94-33.46-60.82-34.26-30.83-.88-64.77 28.53-62.25 67.75 1.4 21.94 11.65 59.65 60.96 66.57 25.9 3.63 55.36-24.02 55.36-39.04H944.4v-37.5h92.5V194l.02.03zm-562.6-94.65h42.29v112.17c0 17.8.49 29.33 1.47 34.61 1.69 8.48 4.81 14.37 11.17 19.5 6.37 5.13 13.8 6.59 24.84 6.59 11.2 0 14.96-1.74 20.66-6.6 5.69-4.85 9.12-9.46 10.28-16.53 1.15-7.07 3.07-18.8 3.07-35.18V99.38h42.28v108.78c0 24.86-1.07 42.43-3.21 52.69-2.14 10.27-6.08 18.93-11.82 26-5.74 7.06-13.42 12.69-23.03 16.88-9.62 4.19-22.16 6.28-37.65 6.28-18.7 0-32.87-2.28-42.52-6.85-9.66-4.57-17.3-10.5-22.9-17.8-5.61-7.3-9.3-14.95-11.08-22.96-2.58-11.86-3.88-29.38-3.88-52.55V99.38h.03zM93.91 299.92V92.7h43.35v75.48h71.92V92.7h43.48v207.22h-43.48v-90.61h-71.92v90.61z"/> +</svg> diff --git a/assets/images/inverted-logo.png b/assets/images/inverted-logo.png Binary files differnew file mode 100644 index 0000000..a56bc42 --- /dev/null +++ b/assets/images/inverted-logo.png diff --git a/assets/images/main-logo.png b/assets/images/main-logo.png Binary files differnew file mode 100644 index 0000000..85ba151 --- /dev/null +++ b/assets/images/main-logo.png diff --git a/assets/images/theme-logo.png b/assets/images/theme-logo.png Binary files differnew file mode 100644 index 0000000..a56bc42 --- /dev/null +++ b/assets/images/theme-logo.png diff --git a/exampleSite/assets/images/author/jessica.png b/exampleSite/assets/images/author/jessica.png Binary files differnew file mode 100644 index 0000000..cf6bee7 --- /dev/null +++ b/exampleSite/assets/images/author/jessica.png diff --git a/exampleSite/assets/images/author/john.png b/exampleSite/assets/images/author/john.png Binary files differnew file mode 100644 index 0000000..208c58a --- /dev/null +++ b/exampleSite/assets/images/author/john.png diff --git a/exampleSite/static/images/sections/achievements/graduation-cap.jpg b/exampleSite/assets/images/sections/achievements/graduation-cap.jpg Binary files differindex 0bbdc9c..0bbdc9c 100644 --- a/exampleSite/static/images/sections/achievements/graduation-cap.jpg +++ b/exampleSite/assets/images/sections/achievements/graduation-cap.jpg diff --git a/exampleSite/assets/images/sections/achievements/presenter.jpg b/exampleSite/assets/images/sections/achievements/presenter.jpg Binary files differnew file mode 100644 index 0000000..1f4d70d --- /dev/null +++ b/exampleSite/assets/images/sections/achievements/presenter.jpg diff --git a/exampleSite/assets/images/sections/achievements/sport.jpg b/exampleSite/assets/images/sections/achievements/sport.jpg Binary files differnew file mode 100644 index 0000000..5104dcf --- /dev/null +++ b/exampleSite/assets/images/sections/achievements/sport.jpg diff --git a/exampleSite/assets/images/sections/achievements/woman-winner.jpg b/exampleSite/assets/images/sections/achievements/woman-winner.jpg Binary files differnew file mode 100644 index 0000000..e77da30 --- /dev/null +++ b/exampleSite/assets/images/sections/achievements/woman-winner.jpg diff --git a/exampleSite/assets/images/sections/projects/kubernetes.png b/exampleSite/assets/images/sections/projects/kubernetes.png Binary files differnew file mode 100644 index 0000000..05fc5e1 --- /dev/null +++ b/exampleSite/assets/images/sections/projects/kubernetes.png diff --git a/exampleSite/assets/images/sections/projects/no-code.png b/exampleSite/assets/images/sections/projects/no-code.png Binary files differnew file mode 100644 index 0000000..1a9d79d --- /dev/null +++ b/exampleSite/assets/images/sections/projects/no-code.png diff --git a/exampleSite/static/images/sections/projects/tensorflow.png b/exampleSite/assets/images/sections/projects/tensorflow.png Binary files differindex 5a11bda..5a11bda 100644 --- a/exampleSite/static/images/sections/projects/tensorflow.png +++ b/exampleSite/assets/images/sections/projects/tensorflow.png diff --git a/exampleSite/assets/images/sections/projects/toha.png b/exampleSite/assets/images/sections/projects/toha.png Binary files differnew file mode 100644 index 0000000..85ba151 --- /dev/null +++ b/exampleSite/assets/images/sections/projects/toha.png diff --git a/exampleSite/assets/images/sections/skills/c++.png b/exampleSite/assets/images/sections/skills/c++.png Binary files differnew file mode 100644 index 0000000..6662f0e --- /dev/null +++ b/exampleSite/assets/images/sections/skills/c++.png diff --git a/exampleSite/static/images/sections/skills/cloud.png b/exampleSite/assets/images/sections/skills/cloud.png Binary files differindex 900bb85..900bb85 100644 --- a/exampleSite/static/images/sections/skills/cloud.png +++ b/exampleSite/assets/images/sections/skills/cloud.png diff --git a/exampleSite/static/images/sections/skills/docker.svg b/exampleSite/assets/images/sections/skills/docker.svg index 4242689..4242689 100644 --- a/exampleSite/static/images/sections/skills/docker.svg +++ b/exampleSite/assets/images/sections/skills/docker.svg diff --git a/exampleSite/assets/images/sections/skills/git.png b/exampleSite/assets/images/sections/skills/git.png Binary files differnew file mode 100644 index 0000000..78bccc4 --- /dev/null +++ b/exampleSite/assets/images/sections/skills/git.png diff --git a/exampleSite/assets/images/sections/skills/go.png b/exampleSite/assets/images/sections/skills/go.png Binary files differnew file mode 100644 index 0000000..7af7746 --- /dev/null +++ b/exampleSite/assets/images/sections/skills/go.png diff --git a/exampleSite/assets/images/sections/skills/kubernetes.png b/exampleSite/assets/images/sections/skills/kubernetes.png Binary files differnew file mode 100644 index 0000000..05fc5e1 --- /dev/null +++ b/exampleSite/assets/images/sections/skills/kubernetes.png diff --git a/exampleSite/static/images/sections/skills/linux.png b/exampleSite/assets/images/sections/skills/linux.png Binary files differindex bda094c..bda094c 100644 --- a/exampleSite/static/images/sections/skills/linux.png +++ b/exampleSite/assets/images/sections/skills/linux.png diff --git a/exampleSite/assets/images/sections/skills/prometheus.png b/exampleSite/assets/images/sections/skills/prometheus.png Binary files differnew file mode 100644 index 0000000..cdffc79 --- /dev/null +++ b/exampleSite/assets/images/sections/skills/prometheus.png diff --git a/exampleSite/static/images/site/background.jpg b/exampleSite/assets/images/site/background.jpg Binary files differindex 59470ae..59470ae 100644 --- a/exampleSite/static/images/site/background.jpg +++ b/exampleSite/assets/images/site/background.jpg diff --git a/exampleSite/assets/images/site/favicon.png b/exampleSite/assets/images/site/favicon.png Binary files differnew file mode 100644 index 0000000..5d6cb00 --- /dev/null +++ b/exampleSite/assets/images/site/favicon.png diff --git a/exampleSite/assets/images/site/inverted-logo.png b/exampleSite/assets/images/site/inverted-logo.png Binary files differnew file mode 100644 index 0000000..5d6cb00 --- /dev/null +++ b/exampleSite/assets/images/site/inverted-logo.png diff --git a/exampleSite/assets/images/site/main-logo.png b/exampleSite/assets/images/site/main-logo.png Binary files differnew file mode 100644 index 0000000..ebcc224 --- /dev/null +++ b/exampleSite/assets/images/site/main-logo.png diff --git a/exampleSite/data/bn/sections/skills.yaml b/exampleSite/data/bn/sections/skills.yaml index a18e539..e9018ea 100644 --- a/exampleSite/data/bn/sections/skills.yaml +++ b/exampleSite/data/bn/sections/skills.yaml @@ -13,38 +13,38 @@ section: # Give a summary of you each skill in the summary section. skills: - name: Kubernetes - icon: "/images/sections/skills/kubernetes.png" + logo: "/images/sections/skills/kubernetes.png" summary: "আমি Kubernetes এ অ্যাপ্লিকেশান পরিচালনা করতে সক্ষম । আমার Kubernetes এ CRD এর জন্য কন্ট্রোলার লিখার অভিজ্ঞতা আছে ।" url: "https://kubernetes.io/" - name: Go ডেভেলপমেন্ট - icon: "/images/sections/skills/go.png" + logo: "/images/sections/skills/go.png" summary: "ডেভেলপমেন্টের জন্য প্রধান ভাষা হিসেবে ব্যবহার করছি। টেস্ট যোগ্য, রক্ষণাবেক্ষণ যোগ্য কোড লিখতে সক্ষম।" url: "https://golang.org/" - name: ক্লাউড কম্পিউটিং - icon: "/images/sections/skills/cloud.png" + logo: "/images/sections/skills/cloud.png" summary: "GCP, AWS, Azure গুলোর মত বেশিরভাগ বড় বড় ক্লাউড নিয়ে কাজর অভিজ্ঞতা আছে।" - name: Docker - icon: "/images/sections/skills/docker.svg" + logo: "/images/sections/skills/docker.svg" summary: "বেশির ভাগ প্রোগ্রামেরই Docker কন্টেইনার তৈরি করি। মাল্টি স্টেজ এবং মাল্টি আর্কিটেকচার কন্টেইনার নিয়ে অভিজ্ঞতা আছে।" url: "https://www.docker.com/" - name: Prometheus - icon: "/images/sections/skills/prometheus.png" + logo: "/images/sections/skills/prometheus.png" summary: "Prometheus metrics সেটআপ ও কনফিগার করতে সক্ষম। PromQL, AlertManager নিয়ে অভিজ্ঞতা আছে। Metric exporters লিখাতেও অভিজ্ঞতা আছে।" url: "https://prometheus.io/" - name: লিনাক্স - icon: "/images/sections/skills/linux.png" + logo: "/images/sections/skills/linux.png" summary: "প্রধান অপারেটিং সিস্টেম হিসেবে ব্যবহার করছি। bash/shell scripts লিখতে সক্ষম।" - name: গিট - icon: "/images/sections/skills/git.png" + logo: "/images/sections/skills/git.png" summary: "গিট ভিত্তিক ডেভেলপমেন্টের অভিজ্ঞতা আছে। বেশির ভাগ ক্ষেতরেই GitHub ব্যবহার করি তবে GitLab ব্যবহারেরও অভিজ্ঞতা আছে।" url: "https://git-scm.com/" - name: C++ - icon: "/images/sections/skills/c++.png" + logo: "/images/sections/skills/c++.png" summary: "বেসিক C/C++ প্রোগ্রামিং জানি । প্রব্লেম সল্ভিং এবং কন্টেস্ট এর জন্য ব্যবহার করেছি।" diff --git a/exampleSite/data/en/sections/skills.yaml b/exampleSite/data/en/sections/skills.yaml index 3863d3f..f9f6867 100644 --- a/exampleSite/data/en/sections/skills.yaml +++ b/exampleSite/data/en/sections/skills.yaml @@ -12,38 +12,38 @@ section: # Give a summary of you each skill in the summary section. skills: - name: Kubernetes - icon: "/images/sections/skills/kubernetes.png" + logo: "/images/sections/skills/kubernetes.png" summary: "Capable of deploying, managing application on Kubernetes. Experienced in writing Kubernetes controllers for CRDs." url: "https://kubernetes.io/" - name: Go Development - icon: "/images/sections/skills/go.png" + logo: "/images/sections/skills/go.png" summary: "Using as the main language for professional development. Capable of writing scalable, testable, and maintainable program." url: "https://golang.org/" - name: Cloud Computing - icon: "/images/sections/skills/cloud.png" + logo: "/images/sections/skills/cloud.png" summary: "Worked with most of the major clouds such as GCP, AWS, Azure etc." - name: Docker - icon: "/images/sections/skills/docker.svg" + logo: "/images/sections/skills/docker.svg" summary: "Write most of the programs as dockerized container. Experienced with multi-stage, multi-arch build process." url: "https://www.docker.com/" - name: Prometheus - icon: "/images/sections/skills/prometheus.png" + logo: "/images/sections/skills/prometheus.png" summary: "Capable of setup, configure Prometheus metrics. Experienced with PromQL, AlertManager. Also, experienced with writing metric exporters." url: "https://prometheus.io/" - name: Linux - icon: "/images/sections/skills/linux.png" + logo: "/images/sections/skills/linux.png" summary: "Using as the main operating system. Capable of writing bash/shell scripts." - name: Git - icon: "/images/sections/skills/git.png" + logo: "/images/sections/skills/git.png" summary: "Experienced with git-based development. Mostly, use Github. Also, have experience in working with GitLab." url: "https://git-scm.com/" - name: C++ - icon: "/images/sections/skills/c++.png" + logo: "/images/sections/skills/c++.png" summary: "Know basic C/C++ programming. Used for contest programming and problem solving." diff --git a/exampleSite/data/fr/sections/skills.yaml b/exampleSite/data/fr/sections/skills.yaml index f3b96da..a6046b6 100644 --- a/exampleSite/data/fr/sections/skills.yaml +++ b/exampleSite/data/fr/sections/skills.yaml @@ -13,38 +13,38 @@ section: # Give a summary of you each skill in the summary section. skills: - name: Kubernetes - icon: "/images/sections/skills/kubernetes.png" + logo: "/images/sections/skills/kubernetes.png" summary: "Capable de déployer, de gérer l'application sur Kubernetes. Expérimenté dans la rédaction de contrôleurs Kubernetes pour les CRD." url: "https://kubernetes.io/" - name: Go - icon: "/images/sections/skills/go.png" + logo: "/images/sections/skills/go.png" summary: "Utiliser comme langue principale pour le développement professionnel. Capable d'écrire des programmes évolutifs, testables et maintenables." url: "https://golang.org/" - name: Cloud Computing - icon: "/images/sections/skills/cloud.png" + logo: "/images/sections/skills/cloud.png" summary: "A travaillé avec la plupart des principaux nuages tels que GCP, AWS, Azure, etc." - name: Docker - icon: "/images/sections/skills/docker.svg" + logo: "/images/sections/skills/docker.svg" summary: "Inscrivez la plupart des programmes en tant que conteneur déchargé. Expérimenté dans le processus de construction en plusieurs étapes et en plusieurs arcs." url: "https://www.docker.com/" - name: Prometheus - icon: "/images/sections/skills/prometheus.png" + logo: "/images/sections/skills/prometheus.png" summary: "Capable d'installation, de configurer les métriques de Prometheus. Expérimenté avec PromQL, AlertManager. Expérimenté également dans la rédaction d'exportateurs de métriques." url: "https://prometheus.io/" - name: Linux - icon: "/images/sections/skills/linux.png" + logo: "/images/sections/skills/linux.png" summary: "Utilisé comme système d'exploitation principal. Capable d'écrire des scripts bash/shell." - name: Git - icon: "/images/sections/skills/git.png" + logo: "/images/sections/skills/git.png" summary: "Expérimenté dans le développement basé sur les GIT. Surtout, utilisez Github. Avoir également une expérience de travail avec GitLab." url: "https://git-scm.com/" - name: C++ - icon: "/images/sections/skills/c++.png" + logo: "/images/sections/skills/c++.png" summary: "Connaître les bases de la programmation C/C++. Utilisé pour la programmation de concours et la résolution de problèmes." diff --git a/exampleSite/data/id/sections/skills.yaml b/exampleSite/data/id/sections/skills.yaml index 90cde9e..47fd2bc 100644 --- a/exampleSite/data/id/sections/skills.yaml +++ b/exampleSite/data/id/sections/skills.yaml @@ -12,38 +12,38 @@ section: # Give a summary of you each skill in the summary section. skills: - name: Kubernetes - icon: "/images/sections/skills/kubernetes.png" + logo: "/images/sections/skills/kubernetes.png" summary: "Mampu menerapkan, mengelola aplikasi di Kubernetes. Berpengalaman dalam menulis pengontrol Kubernetes untuk CRD." url: "https://kubernetes.io/" - name: Go Development - icon: "/images/sections/skills/go.png" + logo: "/images/sections/skills/go.png" summary: "Menggunakan sebagai bahasa utama untuk pengembangan profesional. Mampu menulis program yang dapat diskalakan, dapat diuji, dan dipelihara." url: "https://golang.org/" - name: Cloud Computing - icon: "/images/sections/skills/cloud.png" + logo: "/images/sections/skills/cloud.png" summary: "Worked with most of the major clouds such as GCP, AWS, Azure etc." - name: Docker - icon: "/images/sections/skills/docker.svg" + logo: "/images/sections/skills/docker.svg" summary: "Tulis sebagian besar program sebagai kontainer docker. Berpengalaman dengan proses pembangunan multi-tahap dan multi-arch." url: "https://www.docker.com/" - name: Prometheus - icon: "/images/sections/skills/prometheus.png" + logo: "/images/sections/skills/prometheus.png" summary: "Mampu mengatur, mengkonfigurasi metrik Prometheus. Berpengalaman dengan PromQL, AlertManager. Juga, berpengalaman dengan eksportir menulis metrik." url: "https://prometheus.io/" - name: Linux - icon: "/images/sections/skills/linux.png" + logo: "/images/sections/skills/linux.png" summary: "Menggunakan sebagai sistem operasi utama. Mampu menulis skrip bash / shell." - name: Git - icon: "/images/sections/skills/git.png" + logo: "/images/sections/skills/git.png" summary: "Berpengalaman dengan pengembangan berbasis git. Kebanyakan, gunakan Github. Juga, miliki pengalaman bekerja dengan GitLab." url: "https://git-scm.com/" - name: C++ - icon: "/images/sections/skills/c++.png" + logo: "/images/sections/skills/c++.png" summary: "Ketahui pemrograman C / C ++ dasar. Digunakan untuk pemrograman kontes dan pemecahan masalah." diff --git a/exampleSite/data/it/sections/skills.yaml b/exampleSite/data/it/sections/skills.yaml index f07a904..dcf4305 100644 --- a/exampleSite/data/it/sections/skills.yaml +++ b/exampleSite/data/it/sections/skills.yaml @@ -12,38 +12,38 @@ section: # Fornisci una sintesi delle tue competenze per la sezione di sintesi. skills: - name: Kubernetes - icon: "/images/sections/skills/kubernetes.png" + logo: "/images/sections/skills/kubernetes.png" summary: "Capacità di distribuzione e gestione di applicazioni su Kubernetes. Esperienza nello sviluppo di controller CRD per Kubernetes." url: "https://kubernetes.io/" - name: Sviluppo Go - icon: "/images/sections/skills/go.png" + logo: "/images/sections/skills/go.png" summary: "Utilizzato come linguaggio principale per lo sviluppo professionale. Capacità di scrivere programmi scalabili, testabili e manutenibili." url: "https://golang.org/" - name: Cloud Computing - icon: "/images/sections/skills/cloud.png" + logo: "/images/sections/skills/cloud.png" summary: "Ha lavorato con la maggior parte dei principali sistemi cloud: GCP, AWS, Azure etc." - name: Docker - icon: "/images/sections/skills/docker.svg" + logo: "/images/sections/skills/docker.svg" summary: "Scittura di programmi come container dockerized. Esperienza con processi multi-stage e multi-arch." url: "https://www.docker.com/" - name: Prometheus - icon: "/images/sections/skills/prometheus.png" + logo: "/images/sections/skills/prometheus.png" summary: "Capacità di impostare e configurare metriche Prometheus. Esperienza con PromQL, AlertManager." url: "https://prometheus.io/" - name: Linux - icon: "/images/sections/skills/linux.png" + logo: "/images/sections/skills/linux.png" summary: "Utilizzato come principale sistema operativo. Capacità di scrivere script bash/shell." - name: Git - icon: "/images/sections/skills/git.png" + logo: "/images/sections/skills/git.png" summary: "Esperienza con lo sviluppo git, ed in particolare usando Github. Esperienza anche con GitLab." url: "https://git-scm.com/" - name: C++ - icon: "/images/sections/skills/c++.png" + logo: "/images/sections/skills/c++.png" summary: "Conoscenza della programmazione di base C/C++, utilizzata per vari progetti di programmazione e problem solving." diff --git a/layouts/404.html b/layouts/404.html index 941ecc1..6b37386 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -7,9 +7,19 @@ {{ end }} {{ define "content" }} +{{/* not found image */}} +{{ $notFoundImage := "/images/404.png" }} + +{{/* resize the image. don't resize svg because it is not supported */}} +{{ $notFoundImage := resources.Get $notFoundImage}} +{{ if and $notFoundImage (ne $notFoundImage.MediaType.SubType "svg") }} + {{ $notFoundImage = $notFoundImage.Resize "1500x" }} +{{ end }} +{{ $notFoundImage = $notFoundImage.RelPermalink}} + <div class="container"> <div class="notFound"> - <img src="{{ "/assets/images/404.png" | relURL }}" alt=""> + <img src="{{ $notFoundImage }}" alt=""> <div class="message"> <h1>404</h1> <h4>The page you are looking for is not there yet.</h4> diff --git a/layouts/_default/single.html b/layouts/_default/single.html index dee6fe3..5666792 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -35,13 +35,13 @@ <div class="content"> <div class="container p-0 read-area"> <!--Hero Area--> - <div class="hero-area col-sm-12" id="hero-area" style='background-image: url({{ strings.TrimSuffix "/" site.BaseURL }}{{ partial "helpers/get-hero.html" . | relURL }});'> + <div class="hero-area col-sm-12" id="hero-area" style='background-image: url({{ strings.TrimSuffix "/" site.BaseURL }}{{ partial "helpers/get-hero.html" . }});'> </div> <!--Content Start--> <div class="page-content"> <div class="author-profile ml-auto align-self-lg-center"> - <img class="rounded-circle" src='{{ partial "helpers/get-author-image.html" . | relURL }}'/> + <img class="rounded-circle" src='{{ partial "helpers/get-author-image.html" . }}'/> <h5 class="author-name">{{ partial "helpers/get-author-name.html" . }}</h5> <p>{{ .Page.Date.Format "January 2, 2006" }}</p> </div> diff --git a/layouts/partials/cards/project.html b/layouts/partials/cards/project.html index 5072227..6b4f959 100644 --- a/layouts/partials/cards/project.html +++ b/layouts/partials/cards/project.html @@ -8,7 +8,13 @@ <div> <div class="d-flex"> {{ if .logo }} - <img class="card-img-xs" src="{{ .logo | relURL }}" alt="{{ .name }}" /> + + {{ $logoImage:= resources.Get .logo}} + {{ if $logoImage }} + {{ $logoImage := $logoImage.Fit "24x24" }} + + <img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" /> + {{ end }} {{ end }} <h5 class="card-title mb-0">{{ .name }}</h5> </div> diff --git a/layouts/partials/cards/skill.html b/layouts/partials/cards/skill.html index 21070b6..cba6506 100644 --- a/layouts/partials/cards/skill.html +++ b/layouts/partials/cards/skill.html @@ -2,8 +2,15 @@ <a class="skill-card-link" href="{{ if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}"> <div class="card"> <div class="card-head d-flex"> - {{ if .icon }} - <img class="card-img-xs" src="{{ .icon | relURL }}" alt="{{ .name }}" /> + {{ if .logo }} + {{ $logoImage := resources.Get .logo }} + + {{/* svg don't support "Fit" operation */}} + {{ if ne $logoImage.MediaType.SubType "svg" }} + {{ $logoImage := $logoImage.Fit "24x24" }} + {{ end }} + + <img class="card-img-xs" src="{{ $logoImage.RelPermalink }}" alt="{{ .name }}" /> {{ end }} <h5 class="card-title">{{ .name }}</h5> </div> diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index baefb6f..6afe2ba 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -16,6 +16,23 @@ {{ end }} {{ end }} +{{/* footer logos */}} +{{ $themeLogo := "/images/theme-logo.png" }} +{{ $hugoLogo := "/images/hugo-logo.svg" }} + +{{/* resize the logos. don't resize svg because it is not supported */}} +{{ $themeLogo:= resources.Get $themeLogo}} +{{ if and $themeLogo (ne $themeLogo.MediaType.SubType "svg") }} + {{ $themeLogo = $themeLogo.Resize "32x" }} +{{ end }} +{{ $themeLogo = $themeLogo.RelPermalink}} + +{{ $hugoLogo:= resources.Get $hugoLogo}} +{{ if and $hugoLogo (ne $hugoLogo.MediaType.SubType "svg")}} + {{ $hugoLogo = $hugoLogo.Resize "32x" }} +{{ end }} +{{ $hugoLogo = $hugoLogo.RelPermalink}} + <footer class="container-fluid text-center align-content-center footer pb-2"> <div class="container pt-5"> <div class="row text-left"> @@ -76,7 +93,7 @@ <div class="row text-left"> <div class="col-md-4"> <a id="theme" href="https://github.com/hossainemruz/toha" target="#"> - <img src="{{ "/assets/images/inverted-logo.png" | relURL }}"> + <img src="{{ $themeLogo }}"> Toha </a> </div> @@ -84,7 +101,7 @@ <div class="col-md-4 text-right"> <a id="hugo" href="https://gohugo.io/">{{ i18n "hugoAttributionText" }} <img - src="{{ "/assets/images/hugo-logo-wide.svg" | relURL }}" + src="{{ $hugoLogo }}" alt="Hugo Logo" height="18" /> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index a1f34dc..c1005e2 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,3 +1,18 @@ +{{/* default favicon */}} +{{ $favicon := "/images/favicon.png" }} + +{{/* if favicon is provided in the config, then use that */}} +{{ if site.Params.logo.favicon }} + {{ $favicon = site.Params.logo.favicon }} +{{ end }} + +{{/* resize the favicon. don't resize svg because it is not supported */}} +{{ $favicon := resources.Get $favicon }} +{{ if and $favicon (ne $favicon.MediaType.SubType "svg") }} + {{ $favicon = $favicon.Resize "42x" }} +{{ end }} +{{ $favicon = $favicon.RelPermalink}} + <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> @@ -13,7 +28,7 @@ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" /> <!--================= fab-icon =========================--> -<link rel="icon" type="image/png" href="{{ site.Params.logo.favicon | default "/assets/images/favicon.png" | relURL }}" /> +<link rel="icon" type="image/png" href="{{ $favicon }}" /> <!--================= custom style overrides =========================--> <link rel="stylesheet" href="{{ "/assets/css/style.css" | relURL }}"/> diff --git a/layouts/partials/helpers/get-author-image.html b/layouts/partials/helpers/get-author-image.html index 8142ddc..439bafc 100644 --- a/layouts/partials/helpers/get-author-image.html +++ b/layouts/partials/helpers/get-author-image.html @@ -2,11 +2,14 @@ {{ if (index site.Data site.Language.Lang).author }} {{ $author = (index site.Data site.Language.Lang).author }} {{ end }} -{{ $authorImage:= "/assets/images/default-avatar.png" }} + +{{/* default author image */}} +{{ $authorImage:= "/images/default-avatar.png" }} {{ if $author.image }} {{ $authorImage = $author.image }} {{ end }} +{{/* if author image is provided in author's data, then use that */}} {{ if eq (printf "%T" .Params.author ) "maps.Params" }} {{ with .Params.author }} {{ if .image }} @@ -14,4 +17,13 @@ {{ end }} {{ end }} {{ end }} -{{ return $authorImage }} + +{{/* apply image processing. don't use "Fit" in svg because its not supported */}} +{{ $authorImage:= resources.Get $authorImage}} +{{ if and $authorImage (ne $authorImage.MediaType.SubType "svg") }} + {{ $authorImage := $authorImage.Fit "120x120" }} +{{ end }} + +{{/* return the author image link */}} +{{ return $authorImage.RelPermalink }} + diff --git a/layouts/partials/helpers/get-hero.html b/layouts/partials/helpers/get-hero.html index 72ef4ec..0a10d0a 100644 --- a/layouts/partials/helpers/get-hero.html +++ b/layouts/partials/helpers/get-hero.html @@ -1,5 +1,19 @@ -{{ $heroImage:= "/assets/images/default-hero.jpg"}} -{{ if .Params.hero }} - {{ $heroImage = .Params.hero }} +{{/* check if there is any hero image in the same folder as the markdown file */}} +{{ $heroImage := .Page.Resources.GetMatch "hero.{jpg,png,svg}"}} +{{ .Scratch.Set "heroScratch" $heroImage }} + +{{/* if hero image is not provided, then use the default hero image */}} +{{ if not $heroImage }} + {{ $heroImage := resources.Get "images/default-hero.jpg"}} + {{ .Scratch.Set "heroScratch" $heroImage }} {{ end }} -{{ return $heroImage }} + +{{ $heroImage := .Scratch.Get "heroScratch" }} + +{{/* resize hero image. don't resize if the image is an svg */}} +{{ if and $heroImage (ne $heroImage.MediaType.SubType "svg") }} + {{ $heroImage := $heroImage.Resize "148x" }} +{{ end }} + +{{/* return the hero image */}} +{{ return $heroImage.RelPermalink }} diff --git a/layouts/partials/navigators/navbar-2.html b/layouts/partials/navigators/navbar-2.html index e057e21..40e83b5 100644 --- a/layouts/partials/navigators/navbar-2.html +++ b/layouts/partials/navigators/navbar-2.html @@ -1,19 +1,36 @@ -{{ $mainLogo:="/assets/images/main-logo.png" }} -{{ $invertedLogo:="/assets/images/inverted-logo.png" }} +{{/* default logos */}} +{{ $mainLogo := "/images/main-logo.png" }} +{{ $invertedLogo := "/images/inverted-logo.png" }} + +{{/* if custom logo has been provided in the config file, then use them */}} {{ if site.Params.logo.main }} {{ $mainLogo = site.Params.logo.main }} {{ end }} + {{ if site.Params.logo.inverted }} {{ $invertedLogo = site.Params.logo.inverted }} {{ end }} +{{/* resize the logos. don't resize svg because it is not supported */}} +{{ $mainLogo := resources.Get $mainLogo}} +{{ if and $mainLogo (ne $mainLogo.MediaType.SubType "svg") }} + {{ $mainLogo = $mainLogo.Resize "42x" }} +{{ end }} +{{ $mainLogo = $mainLogo.RelPermalink}} + +{{ $invertedLogo := resources.Get $invertedLogo}} +{{ if and $invertedLogo (ne $invertedLogo.MediaType.SubType "svg") }} + {{ $invertedLogo = $invertedLogo.Resize "42x" }} +{{ end }} +{{ $invertedLogo = $invertedLogo.RelPermalink}} + <nav class="navbar navbar-expand-xl top-navbar final-navbar shadow"> <div class="container"> <button class="navbar-toggler navbar-light" id="sidebar-toggler" type="button" onclick="toggleSidebar()"> <span class="navbar-toggler-icon"></span> </button> <a class="navbar-brand" href="{{ site.BaseURL | relLangURL }}"> - <img src="{{ $mainLogo | relURL }}"> + <img src="{{ $mainLogo }}"> {{- site.Title -}} </a> <button class="navbar-toggler navbar-light" id="toc-toggler" type="button" onclick="toggleTOC()"> @@ -29,6 +46,6 @@ </div> </div> <!-- Store the logo information in a hidden img for the JS --> - <img src="{{ $mainLogo | relURL }}" class="d-none" id="main-logo"> - <img src="{{ $invertedLogo | relURL }}" class="d-none" id="inverted-logo"> + <img src="{{ $mainLogo }}" class="d-none" id="main-logo"> + <img src="{{ $invertedLogo }}" class="d-none" id="inverted-logo"> </nav> diff --git a/layouts/partials/navigators/navbar.html b/layouts/partials/navigators/navbar.html index f936796..18f6e5a 100644 --- a/layouts/partials/navigators/navbar.html +++ b/layouts/partials/navigators/navbar.html @@ -1,5 +1,8 @@ -{{ $mainLogo:="/assets/images/main-logo.png" }} -{{ $invertedLogo:="/assets/images/inverted-logo.png" }} +{{/* default logos */}} +{{ $mainLogo := "/images/site/main-logo.png" }} +{{ $invertedLogo := "/images/inverted-logo.png" }} + +{{/* if custom logo is used, them */}} {{ if site.Params.logo.main }} {{ $mainLogo = site.Params.logo.main }} {{ end }} @@ -7,7 +10,20 @@ {{ $invertedLogo = site.Params.logo.inverted }} {{ end }} -{{ $sections:= site.Data.sections }} +{{/* resize the logos. don't resize svg because it is not supported */}} +{{ $mainLogo := resources.Get $mainLogo}} +{{ if and $mainLogo (ne $mainLogo.MediaType.SubType "svg") }} + {{ $mainLogo = $mainLogo.Resize "42x" }} +{{ end }} +{{ $mainLogo = $mainLogo.RelPermalink}} + +{{ $invertedLogo := resources.Get $invertedLogo}} +{{ if and $invertedLogo (ne $invertedLogo.MediaType.SubType "svg")}} + {{ $invertedLogo = $invertedLogo.Resize "42x" }} +{{ end }} +{{ $invertedLogo = $invertedLogo.RelPermalink}} + +{{ $sections := site.Data.sections }} {{ if (index site.Data site.Language.Lang).sections }} {{ $sections = (index site.Data site.Language.Lang).sections }} {{ end }} @@ -15,7 +31,7 @@ <nav class="navbar navbar-expand-xl top-navbar initial-navbar" id="top-navbar"> <div class="container"> <a class="navbar-brand" href="{{ site.BaseURL | relLangURL }}"> - <img src="{{ $invertedLogo | relURL }}" id="logo"> + <img src="{{ $invertedLogo }}" id="logo"> {{- site.Title -}} </a> <button @@ -72,6 +88,6 @@ </div> </div> <!-- Store the logo information in a hidden img for the JS --> - <img src="{{ $mainLogo | relURL }}" class="d-none" id="main-logo"> - <img src="{{ $invertedLogo | relURL }}" class="d-none" id="inverted-logo"> + <img src="{{ $mainLogo }}" class="d-none" id="main-logo"> + <img src="{{ $invertedLogo }}" class="d-none" id="inverted-logo"> </nav> diff --git a/layouts/partials/sections/achievements/entry.html b/layouts/partials/sections/achievements/entry.html index 4f665ce..ec4727d 100644 --- a/layouts/partials/sections/achievements/entry.html +++ b/layouts/partials/sections/achievements/entry.html @@ -1,6 +1,18 @@ -<div +{{ $achievementImage := resources.Get .image }} +{{ $achievementImageLg := ""}} +{{ $achievementImageSm := ""}} + +{{/* resize the images. don't resize svg image because its not supported */}} +{{ if $achievementImage }} + {{ $achievementImageSm = $achievementImage.Resize "x300" }} + {{ $achievementImageSm = $achievementImageSm.RelPermalink }} + {{ $achievementImageLg = $achievementImage.Resize "x1500" }} + {{ $achievementImageLg = $achievementImageLg.RelPermalink }} +{{ end }} +{{/* don't use "background-image: url('{{ $achievementImageSm }}');" Otherwise the images won't show in https://themes.gohugo.io/ */}} +<div class="achievement-entry text-center" - style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ .image | relURL }}');" + style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $achievementImageSm }}');" > <i class="fas fa-search-plus" id="enlarge-icon"></i> <h4 class="title" id="achievement-title">{{ .title }}</h4> @@ -8,4 +20,6 @@ <h4>{{ .title }}</h4> <p>{{ .summary | markdownify }}</p> </div> + <span style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $achievementImageSm }}');" class="d-none" id="SmallImage" active="true"></span> +<span style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $achievementImageLg }}');" class="d-none" id="LargeImage"></span> </div> diff --git a/layouts/partials/sections/home.html b/layouts/partials/sections/home.html index 4bf85e2..ec45a45 100644 --- a/layouts/partials/sections/home.html +++ b/layouts/partials/sections/home.html @@ -15,23 +15,97 @@ {{ $sections = (index site.Data site.Language.Lang).sections }} {{ end }} -{{ $backgroundImage:= "/assets/images/default-background.jpg" }} +{{ $backgroundImage:= "/images/default-background.jpg" }} {{ if site.Params.background }} {{ $backgroundImage = site.Params.background }} {{ end }} -{{ $authorImage:= "/assets/images/default-avatar.png" }} + +{{ $authorImage:= "/images/default-avatar.png" }} {{ if $author.image }} {{ $authorImage = $author.image }} {{ end }} +{{ $authorImage := resources.Get $authorImage }} +{{ $authorImage := $authorImage.Fit "148x148" }} + +{{/* get file that matches the filename as specified as src="" in shortcode */}} +{{ $src := resources.Get $backgroundImage }} + +{{/* set image sizes, these are hardcoded for now, x dictates that images are resized to this width */}} + +{{ $tinyw := default "500x" }} +{{ $smallw := default "800x" }} +{{ $mediumw := default "1200x" }} +{{ $largew := default "1500x" }} + +{{/* resize the src image to the given sizes */}} + +{{ $tiny := $src.Resize $tinyw }} +{{ $small := $src.Resize $smallw }} +{{ $medium := $src.Resize $mediumw }} +{{ $large := $src.Resize $largew }} + +{{/* only use images smaller than or equal to the src (original) image size, as Hugo will upscale small images */}} +{{/* set the sizes attribute to (min-width: 35em) 1200px, 100vw unless overridden in shortcode */}} + +{{ if lt $src.Width "500" }} + {{ $tiny := $src}} + {{ $small := $src}} + {{ $medium := $src}} + {{ $large := $src}} +{{ end }} + +{{ if lt $src.Width "800" }} + {{ $small := $src}} + {{ $medium := $src}} + {{ $large := $src}} +{{ end }} + +{{ if lt $src.Width "1200" }} + {{ $medium := $src}} + {{ $large := $src}} +{{ end }} + +{{ if lt $src.Width "1500" }} + {{ $large := $src}} +{{ end }} <div class="container-fluid home" id="home"> + <style> + /* 0 to 299 */ + #homePageBackgroundImageDivStyled { + /*background-image: url('{{ $tiny.RelPermalink }}'); This does not work on https://themes.gohugo.io/ */ + background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $tiny.RelPermalink }}'); + } + /* 300 to X */ + @media (min-width: 500px) and (max-width: 800px) { /* or 301 if you want really the same as previously. */ + #homePageBackgroundImageDivStyled { + background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $small.RelPermalink }}'); + } + } + @media (min-width: 801px) and (max-width: 1200px) { /* or 301 if you want really the same as previously. */ + #homePageBackgroundImageDivStyled { + background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $medium.RelPermalink }}'); + } + } + @media (min-width: 1201px) and (max-width: 1500px) { /* or 301 if you want really the same as previously. */ + #homePageBackgroundImageDivStyled { + background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $large.RelPermalink }}'); + } + } + @media (min-width: 1501px) { /* or 301 if you want really the same as previously. */ + #homePageBackgroundImageDivStyled { + background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $src.RelPermalink }}'); + } + } + </style> + <span class="on-the-fly-behavior"></span> <div + id="homePageBackgroundImageDivStyled" class="background container-fluid" - style="background-image: url('{{ strings.TrimSuffix "/" site.BaseURL }}{{ $backgroundImage | relURL }}');" ></div> <div class="container content text-center"> - <img src="{{ $authorImage | relURL }}" + <img src="{{ $authorImage.RelPermalink }}" class="rounded-circle mx-auto d-block img-fluid" /> <h1 class="greeting"> {{ $author.greeting }} {{ $name }}</h1> diff --git a/layouts/shortcodes/rimg.html b/layouts/shortcodes/rimg.html new file mode 100644 index 0000000..e21d3f4 --- /dev/null +++ b/layouts/shortcodes/rimg.html @@ -0,0 +1,53 @@ +{{/* Combination of code taken from: https://alexlakatos.com/web/2020/07/17/hugo-image-processing/ & https://dev.to/stereobooster/responsive-images-for-hugo-dn9}} + +{{/* get file that matches the filename as specified as src="" in shortcode */}} +{{ $src := resources.GetMatch (.Get "src") }} + +{{ if in (.Get "src") "http" }} + <img src="{{$src}}" {{ with .Get "alt" }}alt="{{.}}"{{ else }}alt=""{{ end }}> +{{ else }} + {{ if in (.Get "src") ".gif" }} + <img src="{{$src.RelPermalink}}" {{ with .Get "alt" }}alt="{{.}}"{{ else }}alt=""{{ end }}> + {{ else }} + {{/* set image sizes, these are hardcoded for now */}} + + {{ $tinyw := default "500x" }} + {{ $smallw := default "800x" }} + {{ $mediumw := default "1200x" }} + {{ $largew := default "1500x" }} + + {{/* resize the src image to the given sizes */}} + + {{ $tiny := $src.Resize $tinyw }} + {{ $small := $src.Resize $smallw }} + {{ $medium := $src.Resize $mediumw }} + {{ $large := $src.Resize $largew }} + + {{/* add the processed images to the scratch */}} + + + {{/* only use images smaller than or equal to the src (original) image size */}} + <img + {{ with .Get "sizes" }}sizes='{{.}}'{{ else }}{{ end }} + srcset=' + {{ if ge $src.Width "500" }} + {{ with $tiny.RelPermalink }}{{.}} 500w{{ end }} + {{ end }} + {{ if ge $src.Width "800" }} + {{ with $small.RelPermalink }}, {{.}} 800w{{ end }} + {{ end }} + {{ if ge $src.Width "1200" }} + {{ with $medium.RelPermalink }}, {{.}} 1200w{{ end }} + {{ end }} + {{ if ge $src.Width "1500" }} + {{ with $large.RelPermalink }}, {{.}} 1500w {{ end }} + {{ end }}' + {{ if .Get (print $medium) }} + src="{{ $medium.RelPermalink }}" + {{ else }} + src="{{ $src.RelPermalink }}" + {{ end }} + + {{ with .Get "alt" }}alt='{{.}}'{{ end }}> + {{ end }} +{{ end }} diff --git a/static/assets/js/home.js b/static/assets/js/home.js index fd248b4..fe93469 100644 --- a/static/assets/js/home.js +++ b/static/assets/js/home.js @@ -329,6 +329,19 @@ var projectCards; this.parentElement.classList.toggle("col-lg-12"); this.parentElement.classList.toggle("col-md-12"); this.parentElement.classList.toggle("col-sm-12"); + if (this.children["SmallImage"].hasAttribute("active")) { + let mainLogo = this.children["LargeImage"].getAttribute("Style"); + this.children["LargeImage"].setAttribute("active",true); + this.children["SmallImage"].removeAttribute("active"); + + this.setAttribute("Style", mainLogo); + } else { + let mainLogo = this.children["SmallImage"].getAttribute("Style"); + this.children["SmallImage"].setAttribute("active",true); + this.children["LargeImage"].removeAttribute("active"); + this.setAttribute("Style", mainLogo); + } + if (this.children["caption"] != undefined) { this.children["caption"].classList.toggle("hidden"); } |