2LPYo9mC2YjZhSDYqNiv2YXYrCDZg9mI2K8gQ1NTINiv2KfYrtmEINmD2YjYryBIVE1MINit2KrZiSDZitmD2YjZhiDZhdmGINin2YTYs9mH2YQg2YbYs9iu2Ycg2YjYqti02LrZitmE2Ycg2YXYqNin2LTYsdip2Ysg2YPZhdmE2YEgSFRNTCDZg9in2YXZhC4KCmBgYGh0bWwKPCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KICAgIDx0aXRsZT5XZWIgUGFnZTwvdGl0bGU+CiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jLi4uY29udGVudC1hdmFpbGFibGUtdG8tYXV0aG9yLW9ubHkuLi5zLmNvbSI+PC9zY3JpcHQ+CiAgICA8bGluayBocmVmPSJodHRwczovL2MuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLmUuY29tL2FqYXgvbGlicy9mb250LWF3ZXNvbWUvNS4xNS4zL2Nzcy9hbGwubWluLmNzcyIgcmVsPSJzdHlsZXNoZWV0Ii8+CiAgICA8c3R5bGU+CiAgICAgICAgLyog2KXYudiv2KfYr9in2Kog2LnYp9mF2KkgKi8KICAgICAgICBib2R5IHsKICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzFhMWExYTsKICAgICAgICAgICAgZm9udC1mYW1pbHk6ICdBcmlhbCcsIHNhbnMtc2VyaWY7CiAgICAgICAgICAgIGNvbG9yOiAjZmZmZmZmOwogICAgICAgICAgICBtYXJnaW46IDA7CiAgICAgICAgICAgIHBhZGRpbmc6IDA7CiAgICAgICAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjsKICAgICAgICB9CgogICAgICAgIC8qINiq2YbYs9mK2YLYp9iqINin2YTZh9mK2K/YsSAqLwogICAgICAgIC5oZWFkZXItY29udGFpbmVyIHsKICAgICAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuOwogICAgICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICAgICAgcGFkZGluZzogMCAxNnB4OwogICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxNnB4OwogICAgICAgIH0KCiAgICAgICAgLnByb2ZpbGUtaW5mbyB7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgfQoKICAgICAgICAucHJvZmlsZS1pbmZvIGltZyB7CiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsKICAgICAgICAgICAgd2lkdGg6IDQ4cHg7CiAgICAgICAgICAgIGhlaWdodDogNDhweDsKICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7CiAgICAgICAgfQoKICAgICAgICAucHJvZmlsZS1pbmZvIHNwYW4gewogICAgICAgICAgICBmb250LXNpemU6IDEuMTI1cmVtOwogICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDsKICAgICAgICB9CgogICAgICAgIC5nZW0taW5mbyB7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICMzMzMzMzM7CiAgICAgICAgICAgIHBhZGRpbmc6IDhweCAxNnB4OwogICAgICAgICAgICBib3JkZXItcmFkaXVzOiA1MHB4OwogICAgICAgICAgICBjb2xvcjogI2E5YTlhOTsKICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA4cHg7CiAgICAgICAgfQoKICAgICAgICAuZ2VtLWluZm8gaSB7CiAgICAgICAgICAgIGNvbG9yOiAjNGE5MGUyOwogICAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDRweDsKICAgICAgICB9CgogICAgICAgIC5nZW0taW5mbyBzcGFuIHsKICAgICAgICAgICAgY29sb3I6ICNmZmZmZmY7CiAgICAgICAgfQoKICAgICAgICAuc2V0dGluZ3MtaWNvbiBpIHsKICAgICAgICAgICAgY29sb3I6ICNhOWE5YTk7CiAgICAgICAgfQoKICAgICAgICAvKiDYstixINin2YTYsNmD2LHZitin2KogKi8KICAgICAgICAubWVtb3JpZXMtYnRuIHsKICAgICAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDsKICAgICAgICAgICAgd2lkdGg6IDEwMCU7CiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDE2cHg7CiAgICAgICAgfQoKICAgICAgICAubWVtb3JpZXMtYnRuIGJ1dHRvbiB7CiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICM2YjQ2YzE7CiAgICAgICAgICAgIGNvbG9yOiAjZmZmZmZmOwogICAgICAgICAgICBwYWRkaW5nOiA4cHggMTZweDsKICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTBweDsKICAgICAgICAgICAgZGlzcGxheTogZmxleDsKICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsKICAgICAgICB9CgogICAgICAgIC5tZW1vcmllcy1idG4gaSB7CiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogOHB4OwogICAgICAgIH0KCiAgICAgICAgLyog2YLYs9mFICLYp9mE2KzYr9mK2K8g2KfZhNmK2YjZhSIgKi8KICAgICAgICAubmV3LXRvZGF5LXNlY3Rpb24gewogICAgICAgICAgICB3aWR0aDogMTAwJTsKICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTZweDsKICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgIH0KCiAgICAgICAgLm5ldy10b2RheS1zZWN0aW9uIGgyIHsKICAgICAgICAgICAgZm9udC1zaXplOiAxLjI1cmVtOwogICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDsKICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4OwogICAgICAgIH0KCiAgICAgICAgLm5ldy10b2RheS1pdGVtcyB7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOwogICAgICAgIH0KCiAgICAgICAgLml0ZW0tYm94IHsKICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzMzMzMzMzsKICAgICAgICAgICAgcGFkZGluZzogMTZweDsKICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4OwogICAgICAgICAgICB3aWR0aDogMzAlOwogICAgICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgICAgICAgfQoKICAgICAgICAuaXRlbS1ib3ggaW1nIHsKICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogOHB4OwogICAgICAgICAgICB3aWR0aDogMTAwcHg7CiAgICAgICAgICAgIGhlaWdodDogMTAwcHg7CiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDhweDsKICAgICAgICB9CgogICAgICAgIC5pdGVtLWJveCBzcGFuIHsKICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7CiAgICAgICAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07CiAgICAgICAgICAgIGNvbG9yOiAjZmZmZmZmOwogICAgICAgICAgICBtYXJnaW4tdG9wOiA0cHg7CiAgICAgICAgfQoKICAgICAgICAuaXRlbS1ib3ggLmdlbS1jb3VudCB7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOwogICAgICAgICAgICBtYXJnaW4tdG9wOiA4cHg7CiAgICAgICAgfQoKICAgICAgICAuaXRlbS1ib3ggLmdlbS1jb3VudCBpIHsKICAgICAgICAgICAgY29sb3I6ICM0YTkwZTI7CiAgICAgICAgICAgIG1hcmdpbi1yaWdodDogNHB4OwogICAgICAgIH0KCiAgICAgICAgLyog2LnYsdi2INin2YTZhdin2LMgKi8KICAgICAgICAuZGlhbW9uZC1jb3VudCB7CiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS44NzVyZW07CiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkOwogICAgICAgICAgICBjb2xvcjogIzRhOTBlMjsKICAgICAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyOwogICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxNnB4OwogICAgICAgIH0KCiAgICAgICAgLmRpYW1vbmQtY291bnQgaSB7CiAgICAgICAgICAgIGZvbnQtc2l6ZTogMnJlbTsKICAgICAgICB9CgogICAgICAgIC8qINin2YTYtNiu2LXZitipINin2YTYsdim2YrYs9mK2KkgKi8KICAgICAgICAubWFpbi1jaGFyYWN0ZXIgewogICAgICAgICAgICBkaXNwbGF5OiBmbGV4OwogICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMTZweDsKICAgICAgICB9CgogICAgICAgIC5tYWluLWNoYXJhY3RlciBpbWcgewogICAgICAgICAgICB3aWR0aDogMjAwcHg7CiAgICAgICAgICAgIGhlaWdodDogMjAwcHg7CiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTsKICAgICAgICAgICAgcGFkZGluZzogNHB4OwogICAgICAgICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICM0YTkwZTIsICM2YjQ2YzEpOwogICAgICAgIH0KCiAgICAgICAgLyog2LTYsdmK2Lcg2KfZhNiq2YbZgtmEICovCiAgICAgICAgLm5hdmJhciB7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kOwogICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOwogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzMzMzMzOwogICAgICAgICAgICBwYWRkaW5nOiAxMnB4IDA7CiAgICAgICAgICAgIHdpZHRoOiAxMDAlOwogICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7CiAgICAgICAgICAgIGJvdHRvbTogMDsKICAgICAgICB9CgogICAgICAgIC5uYXYtaXRlbSB7CiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7CiAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47CiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7CiAgICAgICAgICAgIGNvbG9yOiAjYTlhOWE5OwogICAgICAgIH0KCiAgICAgICAgLm5hdi1pdGVtLmFjdGl2ZSB7CiAgICAgICAgICAgIGNvbG9yOiAjNGE5MGUyOwogICAgICAgIH0KCiAgICAgICAgLm5hdi1pdGVtIGkgewogICAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7CiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTsKICAgICAgICB9CgogICAgICAgIC5uYXYtaXRlbSBzcGFuIHsKICAgICAgICAgICAgZm9udC1zaXplOiAwLjg3NXJlbTsKICAgICAgICB9CgogICAgICAgIC8qINin2YTYqtij2KvZitix2KfYqiDYudmG2K8g2KfZhNiq2K3YsdmK2YMgKi8KICAgICAgICAubWVtb3JpZXMtYnRuIGJ1dHRvbjpob3ZlciwKICAgICAgICAuaXRlbS1ib3g6aG92ZXIsCiAgICAgICAgLm5hdi1pdGVtOmhvdmVyIHsKICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzZiNDZjMTsKICAgICAgICAgICAgY29sb3I6ICNmZmZmZmY7CiAgICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjsKICAgICAgICB9CiAgICA8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5IGNsYXNzPSJ0ZXh0LXdoaXRlIj4KICAgIDxkaXYgY2xhc3M9ImZsZXggZmxleC1jb2wgaXRlbXMtY2VudGVyIHAtNCI+CiAgICAgICAgPCEtLSBIZWFkZXIgLS0+CiAgICAgICAgPGRpdiBjbGFzcz0iaGVhZGVyLWNvbnRhaW5lciI+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9InByb2ZpbGUtaW5mbyI+CiAgICAgICAgICAgICAgICA8aW1nIGFsdD0iUHJvZmlsZSBwaWN0dXJlIG9mIGEgZG9nIGluIGEgc3VpdCIgc3JjPSJodHRwczovL3MuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMuY29tL2ExYWEvaW1hZ2UvWjJRdGpnbTBHMjdISDVwUTN2c0dLcjFyakVidkh4WmlzRWVudHRLVUpQd0lzYTFKQS5qcGciLz4KICAgICAgICAgICAgICAgIDxzcGFuPkpvIEpvIChDRU8pPC9zcGFuPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iZmxleCBpdGVtcy1jZW50ZXIiPgogICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZ2VtLWluZm8iPgogICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPSJmYXMgZmEtZ2VtIj48L2k+CiAgICAgICAgICAgICAgICAgICAgPHNwYW4+KzEuMzI8L3NwYW4+CiAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9ImZhcyBmYS1pbmZvLWNpcmNsZSBtbC0yIj48L2k+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDxpIGNsYXNzPSJmYXMgZmEtY29nIHNldHRpbmdzLWljb24iPjwvaT4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgPC9kaXY+CgogICAgICAgIDwhLS0gTWVtb3JpZXMgQnV0dG9uIC0tPgogICAgICAgIDxkaXYgY2xhc3M9Im1lbW9yaWVzLWJ0biI+CiAgICAgICAgICAgIDxidXR0b24+CiAgICAgICAgICAgICAgICA8aSBjbGFzcz0iZmFzIGZhLWhlYXJ0Ij48L2k+CiAgICAgICAgICAgICAgICA8c3Bhbj5NZW1vcmllczwvc3Bhbj4KICAgICAgICAgICAgPC9idXR0b24+CiAgICAgICAgPC9kaXY+CgogICAgICAgIDwhLS0gTmV3IFRvZGF5IFNlY3Rpb24gLS0+CiAgICAgICAgPGRpdiBjbGFzcz0ibmV3LXRvZGF5LXNlY3Rpb24iPgogICAgICAgICAgICA8aDI+TmV3IHRvZGF5PC9oMj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0ibmV3LXRvZGF5LWl0ZW1zIj4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9Iml0ZW0tYm94Ij4KICAgICAgICAgICAgICAgICAgICA8aW1nIGFsdD0iQ2FydG9vbiBoYW1zdGVyIGhvbGRpbmcgYSBwdW1wa2luIiBzcmM9Imh0dHBzOi8vcy4uLmNvbnRlbnQtYXZhaWxhYmxlLXRvLWF1dGhvci1vbmx5Li4ucy5jb20vYTFhYS9pbWFnZS94S05QdjJ6ZWhlcFNtMDhldVczZW9iMWJKN0VpaUpodEpVbDBlcUExc1Q1ZURXdDZFLmpwZyIvPgogICAgICAgICAgICAgICAgICAgIDxzcGFuPk1lcmdlIEF3YXk8L3NwYW4+CiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZ2VtLWNvdW50Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9ImZhcyBmYS1nZW0iPjwvaT4KICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+eDM8L3NwYW4+CiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9Iml0ZW0tYm94Ij4KICAgICAgICAgICAgICAgICAgICA8aW1nIGFsdD0iQ2FydG9vbiBoYW1zdGVyIHdpdGggbXVsdGlwbGljYXRpb24gYW5kIHN1YnRyYWN0aW9uIHNpZ25zIiBzcmM9Imh0dHBzOi8vcy4uLmNvbnRlbnQtYXZhaWxhYmxlLXRvLWF1dGhvci1vbmx5Li4ucy5jb20vYTFhYS9pbWFnZS9laVVXR1RmbzV2c2tLRVd2dTBISklQVzZmeUVKRDRlQk1IYXBjRHdjR2JmRkNyV2RDLmpwZyIvPgogICAgICAgICAgICAgICAgICAgIDxzcGFuPkNvdW50IE1hc3RlcnM8L3NwYW4+CiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz0iZ2VtLWNvdW50Ij4KICAgICAgICAgICAgICAgICAgICAgICAgPGkgY2xhc3M9ImZhcyBmYS1nZW0iPjwvaT4KICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+eDM8L3NwYW4+CiAgICAgICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9Iml0ZW0tYm94Ij4KICAgICAgICAgICAgICAgICAgICA8aW1nIGFsdD0iQ2FydG9vbiBoYW1zdGVyIGRyZXNzZWQgYXMgYSBuaW5qYSIgc3JjPSJodHRwczovL3MuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMuY29tL2ExYWEvaW1hZ2UvZ3ZsZWpwUHVIVHlJUjZWZmFVUHg4aXdjdDFFQWkxcWdOcUxEak9ZN3NkZ1RZMXFUQS5qcGciLz4KICAgICAgICAgICAgICAgICAgICA8c3Bhbj5Ub3dlciBEZWZlbmNlPC9zcGFuPgogICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9ImdlbS1jb3VudCI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPSJmYXMgZmEtZ2VtIj48L2k+CiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuPngzPC9zcGFuPgogICAgICAgICAgICAgICAgICAgIDwvZGl2PgogICAgICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDwvZGl2PgogICAgICAgIDwvZGl2PgoKICAgICAgICA8IS0tIERpYW1vbmQgQ291bnQgLS0+CiAgICAgICAgPGRpdiBjbGFzcz0iZGlhbW9uZC1jb3VudCI+CiAgICAgICAgICAgIDxpIGNsYXNzPSJmYXMgZmEtZ2VtIj48L2k+CiAgICAgICAgICAgIDxzcGFuPjIyLjAzPC9zcGFuPgogICAgICAgIDwvZGl2PgoKICAgICAgICA8IS0tIE1haW4gQ2hhcmFjdGVyIC0tPgogICAgICAgIDxkaXYgY2xhc3M9Im1haW4tY2hhcmFjdGVyIj4KICAgICAgICAgICAgPGltZyBhbHQ9IkNhcnRvb24gaGFtc3RlciBpbiBhIGJsYWNrIGhvb2RpZSB3aXRoIGFybXMgY3Jvc3NlZCIgc3JjPSJodHRwczovL3MuLi5jb250ZW50LWF2YWlsYWJsZS10by1hdXRob3Itb25seS4uLnMuY29tL2ExYWEvaW1hZ2Uvc0xCU1l3bEt0ZTJXYkt6bWNUZkRZSGM2UVpCMndPSjRUVms4eFNLb1hTaFVZMXFUQS5qcGciLz4KICAgICAgICA8L2Rpdj4KCiAgICAgICAgPCEtLSBOYXZpZ2F0aW9uIEJhciAtLT4KICAgICAgICA8ZGl2IGNsYXNzPSJuYXZiYXIiPgogICAgICAgICAgICA8ZGl2IGNsYXNzPSJuYXYtaXRlbSI+CiAgICAgICAgICAgICAgICA8aSBjbGFzcz0iZmFzIGZhLWV4Y2hhbmdlLWFsdCB0ZXh0LWJsdWUtNDAwIj48L2k+CiAgICAgICAgICAgICAgICA8c3Bhbj5FeGNoYW5nZTwvc3Bhbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9Im5hdi1pdGVtIj4KICAgICAgICAgICAgICAgIDxpIGNsYXNzPSJmYXMgZmEtZ2FtZXBhZCI+PC9pPgogICAgICAgICAgICAgICAgPHNwYW4+UGxheWdyb3VuZDwvc3Bhbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9Im5hdi1pdGVtIj4KICAgICAgICAgICAgICAgIDxpIGNsYXNzPSJmYXMgZmEtY29pbnMgdGV4dC15ZWxsb3ctNDAwIj48L2k+CiAgICAgICAgICAgICAgICA8c3Bhbj5BaXJEcm9wPC9zcGFuPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICAgICAgPGRpdiBjbGFzcz0iCgpuYXYtaXRlbSI+CiAgICAgICAgICAgICAgICA8aSBjbGFzcz0iZmFzIGZhLXVzZXItZnJpZW5kcyI+PC9pPgogICAgICAgICAgICAgICAgPHNwYW4+RnJpZW5kczwvc3Bhbj4KICAgICAgICAgICAgPC9kaXY+CiAgICAgICAgICAgIDxkaXYgY2xhc3M9Im5hdi1pdGVtIj4KICAgICAgICAgICAgICAgIDxpIGNsYXNzPSJmYXMgZmEtZ2VtIj48L2k+CiAgICAgICAgICAgICAgICA8c3Bhbj5FYXJuPC9zcGFuPgogICAgICAgICAgICA8L2Rpdj4KICAgICAgICA8L2Rpdj4KICAgIDwvZGl2Pgo8L2JvZHk+CjwvaHRtbD4KYGBgCgrZitmF2YPZhtmDINmG2LPYriDYp9mE2YPZiNivINio2KfZhNmD2KfZhdmEINmI2YTYtdmC2Ycg2YHZiiDZhdmE2YEgSFRNTCDYrNiv2YrYryDZiNiq2KzYsdio2KrZhyDZhdio2KfYtNix2Kkg2YHZiiDYp9mE2YXYqti12YHYrS4=
SA==
H
سأقوم بدمج كود CSS داخل كود HTML حتى يكون من السهل نسخه وتشغيله مباشرةً كملف HTML كامل.
```html
<!DOCTYPE html>
<html>
<head>
<title>Web Page</title>
<script src="https://c...content-available-to-author-only...s.com"></script>
<link href="https://c...content-available-to-author-only...e.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet"/>
<style>
/* إعدادات عامة */
body {
background-color: #1a1a1a;
font-family: 'Arial', sans-serif;
color: #ffffff;
margin: 0;
padding: 0;
overflow-x: hidden;
}
/* تنسيقات الهيدر */
.header-container {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 16px;
margin-bottom: 16px;
}
.profile-info {
display: flex;
align-items: center;
}
.profile-info img {
border-radius: 50%;
width: 48px;
height: 48px;
margin-right: 8px;
}
.profile-info span {
font-size: 1.125rem;
font-weight: bold;
}
.gem-info {
display: flex;
align-items: center;
background-color: #333333;
padding: 8px 16px;
border-radius: 50px;
color: #a9a9a9;
margin-right: 8px;
}
.gem-info i {
color: #4a90e2;
margin-right: 4px;
}
.gem-info span {
color: #ffffff;
}
.settings-icon i {
color: #a9a9a9;
}
/* زر الذكريات */
.memories-btn {
display: flex;
justify-content: flex-end;
width: 100%;
margin-bottom: 16px;
}
.memories-btn button {
background-color: #6b46c1;
color: #ffffff;
padding: 8px 16px;
border-radius: 50px;
display: flex;
align-items: center;
}
.memories-btn i {
margin-right: 8px;
}
/* قسم "الجديد اليوم" */
.new-today-section {
width: 100%;
margin-bottom: 16px;
text-align: center;
}
.new-today-section h2 {
font-size: 1.25rem;
font-weight: bold;
margin-bottom: 8px;
}
.new-today-items {
display: flex;
justify-content: space-around;
}
.item-box {
background-color: #333333;
padding: 16px;
border-radius: 8px;
width: 30%;
text-align: center;
}
.item-box img {
border-radius: 8px;
width: 100px;
height: 100px;
margin-bottom: 8px;
}
.item-box span {
display: block;
font-size: 0.875rem;
color: #ffffff;
margin-top: 4px;
}
.item-box .gem-count {
display: flex;
align-items: center;
justify-content: center;
margin-top: 8px;
}
.item-box .gem-count i {
color: #4a90e2;
margin-right: 4px;
}
/* عرض الماس */
.diamond-count {
font-size: 1.875rem;
font-weight: bold;
color: #4a90e2;
text-align: center;
margin-bottom: 16px;
}
.diamond-count i {
font-size: 2rem;
}
/* الشخصية الرئيسية */
.main-character {
display: flex;
justify-content: center;
margin-bottom: 16px;
}
.main-character img {
width: 200px;
height: 200px;
border-radius: 50%;
padding: 4px;
background: linear-gradient(to right, #4a90e2, #6b46c1);
}
/* شريط التنقل */
.navbar {
display: flex;
justify-content: space-around;
align-items: center;
background-color: #333333;
padding: 12px 0;
width: 100%;
position: fixed;
bottom: 0;
}
.nav-item {
display: flex;
flex-direction: column;
align-items: center;
color: #a9a9a9;
}
.nav-item.active {
color: #4a90e2;
}
.nav-item i {
margin-bottom: 4px;
font-size: 1.25rem;
}
.nav-item span {
font-size: 0.875rem;
}
/* التأثيرات عند التحريك */
.memories-btn button:hover,
.item-box:hover,
.nav-item:hover {
background-color: #6b46c1;
color: #ffffff;
cursor: pointer;
}
</style>
</head>
<body class="text-white">
<div class="flex flex-col items-center p-4">
<!-- Header -->
<div class="header-container">
<div class="profile-info">
<img alt="Profile picture of a dog in a suit" src="https://s...content-available-to-author-only...s.com/a1aa/image/Z2Qtjgm0G27HH5pQ3vsGKr1rjEbvHxZisEenttKUJPwIsa1JA.jpg"/>
<span>Jo Jo (CEO)</span>
</div>
<div class="flex items-center">
<div class="gem-info">
<i class="fas fa-gem"></i>
<span>+1.32</span>
<i class="fas fa-info-circle ml-2"></i>
</div>
<i class="fas fa-cog settings-icon"></i>
</div>
</div>
<!-- Memories Button -->
<div class="memories-btn">
<button>
<i class="fas fa-heart"></i>
<span>Memories</span>
</button>
</div>
<!-- New Today Section -->
<div class="new-today-section">
<h2>New today</h2>
<div class="new-today-items">
<div class="item-box">
<img alt="Cartoon hamster holding a pumpkin" src="https://s...content-available-to-author-only...s.com/a1aa/image/xKNPv2zehepSm08euW3eob1bJ7EiiJhtJUl0eqA1sT5eDWt6E.jpg"/>
<span>Merge Away</span>
<div class="gem-count">
<i class="fas fa-gem"></i>
<span>x3</span>
</div>
</div>
<div class="item-box">
<img alt="Cartoon hamster with multiplication and subtraction signs" src="https://s...content-available-to-author-only...s.com/a1aa/image/eiUWGTfo5vskKEWvu0HJIPW6fyEJD4eBMHapcDwcGbfFCrWdC.jpg"/>
<span>Count Masters</span>
<div class="gem-count">
<i class="fas fa-gem"></i>
<span>x3</span>
</div>
</div>
<div class="item-box">
<img alt="Cartoon hamster dressed as a ninja" src="https://s...content-available-to-author-only...s.com/a1aa/image/gvlejpPuHTyIR6VfaUPx8iwct1EAi1qgNqLDjOY7sdgTY1qTA.jpg"/>
<span>Tower Defence</span>
<div class="gem-count">
<i class="fas fa-gem"></i>
<span>x3</span>
</div>
</div>
</div>
</div>
<!-- Diamond Count -->
<div class="diamond-count">
<i class="fas fa-gem"></i>
<span>22.03</span>
</div>
<!-- Main Character -->
<div class="main-character">
<img alt="Cartoon hamster in a black hoodie with arms crossed" src="https://s...content-available-to-author-only...s.com/a1aa/image/sLBSYwlKte2WbKzmcTfDYHc6QZB2wOJ4TVk8xSKoXShUY1qTA.jpg"/>
</div>
<!-- Navigation Bar -->
<div class="navbar">
<div class="nav-item">
<i class="fas fa-exchange-alt text-blue-400"></i>
<span>Exchange</span>
</div>
<div class="nav-item">
<i class="fas fa-gamepad"></i>
<span>Playground</span>
</div>
<div class="nav-item">
<i class="fas fa-coins text-yellow-400"></i>
<span>AirDrop</span>
</div>
<div class="
nav-item">
<i class="fas fa-user-friends"></i>
<span>Friends</span>
</div>
<div class="nav-item">
<i class="fas fa-gem"></i>
<span>Earn</span>
</div>
</div>
</div>
</body>
</html>
```
يمكنك نسخ الكود بالكامل ولصقه في ملف HTML جديد وتجربته مباشرة في المتصفح.
Gg
language:
PHP (php 7.3.5)
created:
1 year ago
Discover > Sphere Engine API
The brand new service which powers Ideone!
Discover > IDE Widget
Widget for compiling and running the source code in a web browser!
