└── taklif ├── app.js ├── app-1.js ├── aboutus.html ├── style.css ├── deploy.css ├── hublog.css ├── index.html └── moze.css /taklif/app.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /taklif/app-1.js: -------------------------------------------------------------------------------- 1 | import gsap from 'https://cdn.skypack.dev/gsap@3.12.0'; 2 | import { ScrollTrigger } from 'https://cdn.skypack.dev/gsap@3.12.0/ScrollTrigger'; 3 | 4 | if (!CSS.supports('animation-timeline: scroll()')) { 5 | gsap.registerPlugin(ScrollTrigger); 6 | gsap.set('section', { '--base': 0 }); 7 | gsap.to('section', { 8 | '--base': 320, 9 | ease: 'none', 10 | scrollTrigger: { 11 | horizontal: true, 12 | scrub: true, 13 | scroller: 'ul' } }); 14 | 15 | 16 | const ITEMS = document.querySelectorAll('li'); 17 | ITEMS.forEach(ITEM => { 18 | gsap. 19 | timeline(). 20 | set(ITEM, { '--sat': 0 }). 21 | to(ITEM, { 22 | '--sat': 100, 23 | scrollTrigger: { 24 | trigger: ITEM, 25 | start: 'right 75%', 26 | end: 'center center', 27 | horizontal: true, 28 | scrub: true, 29 | scroller: 'ul' } }). 30 | 31 | 32 | fromTo( 33 | ITEM, 34 | { '--sat': 100 }, 35 | { 36 | '--sat': 0, 37 | scrollTrigger: { 38 | trigger: ITEM, 39 | end: 'left 25%', 40 | start: 'center center', 41 | horizontal: true, 42 | scrub: true, 43 | scroller: 'ul' } }); 44 | 45 | 46 | 47 | }); 48 | } 49 | 50 | 51 | const syncPointer = ({ x, y }) => { 52 | document.documentElement.style.setProperty('--px', x.toFixed(2)); 53 | document.documentElement.style.setProperty('--py', y.toFixed(2)); 54 | }; 55 | document.body.addEventListener('pointermove', syncPointer); 56 | //# sourceURL=pen.js -------------------------------------------------------------------------------- /taklif/aboutus.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | درباره ما 6 | 7 | 8 | 9 |

10 |

12 |
13 |
14 | 17 |
سازندگان
18 | سهند محمدرضایی 19 |
20 |
21 | 22 | 23 |
24 |
26 |
27 |
28 | 31 |
سازندگان
32 | طاها فام علی پور 33 |
34 |
35 | 36 | 37 |
38 |
40 |
41 |
42 | 43 | 46 |
منابع
47 | هوش مصنوعی قادم 48 |
49 |
50 | 51 | 52 |
53 |

70 |

71 | 72 | 73 | -------------------------------------------------------------------------------- /taklif/style.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Shabnam'; 3 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff'); 4 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('embedded-opentype'), 5 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff2'), 6 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff'), 7 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('truetype'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | 13 | 14 | div{ 15 | font-family: "Shabnam"; 16 | } 17 | 18 | /* برای دستگاه‌های با عرض کمتر از 768 پیکسل */ 19 | @media (max-width: 767px) { 20 | /* کد CSS مربوط به صفحه HTML در این بخش */ 21 | } 22 | 23 | /* برای دستگاه‌های با عرض بین 768 و 992 پیکسل */ 24 | @media (min-width: 768px) and (max-width: 991px) { 25 | /* کد CSS مربوط به صفحه HTML در این بخش */ 26 | } 27 | 28 | /* برای دستگاه‌های با عرض بین 992 و 1200 پیکسل */ 29 | @media (min-width: 992px) and (max-width: 1199px) { 30 | /* کد CSS مربوط به صفحه HTML در این بخش */ 31 | } 32 | 33 | /* برای دستگاه‌های با عرض بیشتر از 1200 پیکسل */ 34 | @media (min-width: 1200px) { 35 | /* کد CSS مربوط به صفحه HTML در این بخش */ 36 | } 37 | 38 | * { 39 | box-sizing: border-box; 40 | } 41 | 42 | :root { 43 | --bg: hsl(0 0% 0%) 44 | } 45 | 46 | body { 47 | display: grid; 48 | place-items: center; 49 | 50 | font-family: "Shabnam"; 51 | background: var(--bg); 52 | } 53 | 54 | body::before { 55 | --size: 120px; 56 | --line: hsl(0 0% 100% / 0.13); 57 | --thickness: 2px; 58 | --offset: 60px; 59 | content: ""; 60 | z-index: -1; 61 | position: absolute; 62 | inset: 0; 63 | background: 64 | linear-gradient(transparent 0 calc(var(--size) - var(--thickness)), var(--line) calc(var(--size) - var(--thickness)) var(--size)) var(--offset) var(--offset) / var(--size) var(--size), 65 | linear-gradient(90deg, transparent 0 calc(var(--size) - var(--thickness)), var(--line) calc(var(--size) - var(--thickness)) var(--size)) var(--offset) var(--offset) / var(--size) var(--size); 66 | } 67 | 68 | :root { 69 | --primary-bg: linear-gradient(var(--primary), var(--primary)); 70 | } 71 | 72 | [data-gradient=true] { 73 | --primary-bg: conic-gradient(from var(--angle, 180deg) at 50% 70%,hsla(0,0%,98%,1) 0deg,#eec32d 72.0000010728836deg,#ec4b4b 144.0000021457672deg,#709ab9 216.00000858306885deg,#4dffbf 288.0000042915344deg,hsla(0,0%,98%,1) 1turn); 74 | } 75 | 76 | h2 { 77 | font-weight: 120; 78 | 79 | resize: both; 80 | place-items: center; 81 | overflow: hidden; 82 | width: 10ch; 83 | background: 84 | var(--primary-bg), 85 | linear-gradient(var(--secondary), var(--secondary)), 86 | linear-gradient(var(--secondary) 0 calc((var(--highlight) + var(--spread)) * 1lh), transparent); 87 | background-repeat: no-repeat; 88 | background-size: 89 | 100% calc(var(--highlight) * 1lh), 90 | 100% calc((var(--highlight) + var(--spread)) * 1lh), 91 | 100% 100%; 92 | -webkit-background-clip: text; 93 | background-clip: text; 94 | color: transparent; 95 | 96 | display: inline-block; 97 | margin: 0; 98 | } 99 | 100 | .wrapper { 101 | padding: 2rem; 102 | background: var(--bg); 103 | position: relative; 104 | } 105 | 106 | @media(prefers-reduced-motion: no-preference) { 107 | @property --angle { 108 | inherits: true; 109 | initial-value: 180deg; 110 | syntax: ''; 111 | } 112 | @-webkit-keyframes rotate { 113 | to { --angle: 540deg; } 114 | } 115 | @keyframes rotate { 116 | to { --angle: 540deg; } 117 | } 118 | [data-gradient=true][data-animate=true] { 119 | -webkit-animation: rotate 6s infinite linear; 120 | animation: rotate 6s infinite linear; 121 | } 122 | } 123 | 124 | .simam{ 125 | font-size: smaller; 126 | background:#000000; 127 | } 128 | 129 | .sieles{ 130 | color: white; 131 | background: #000000; 132 | align-items: center; 133 | } -------------------------------------------------------------------------------- /taklif/deploy.css: -------------------------------------------------------------------------------- 1 | .dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .cr.function .property-name{width:100%}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;@font-face { 2 | font-family: 'Shabnam'; 3 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff'); 4 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('embedded-opentype'), 5 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff2'), 6 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff'), 7 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('truetype'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | 13 | 14 | div{ 15 | font-family: "Shabnam"; 16 | } 17 | 18 | /* برای دستگاه‌های با عرض کمتر از 768 پیکسل */ 19 | @media (max-width: 767px) { 20 | /* کد CSS مربوط به صفحه HTML در این بخش */ 21 | } 22 | 23 | /* برای دستگاه‌های با عرض بین 768 و 992 پیکسل */ 24 | @media (min-width: 768px) and (max-width: 991px) { 25 | /* کد CSS مربوط به صفحه HTML در این بخش */ 26 | } 27 | 28 | /* برای دستگاه‌های با عرض بین 992 و 1200 پیکسل */ 29 | @media (min-width: 992px) and (max-width: 1199px) { 30 | /* کد CSS مربوط به صفحه HTML در این بخش */ 31 | } 32 | 33 | /* برای دستگاه‌های با عرض بیشتر از 1200 پیکسل */ 34 | @media (min-width: 1200px) { 35 | /* کد CSS مربوط به صفحه HTML در این بخش */ 36 | }border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px "Shabnam";text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px; 37 | line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2FA1D6}.dg .cr.number input[type=text]{color:#2FA1D6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2FA1D6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda} -------------------------------------------------------------------------------- /taklif/hublog.css: -------------------------------------------------------------------------------- 1 | .dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .cr.function .property-name{width:100%}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;@font-face { 2 | font-family: 'Shabnam'; 3 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff'); 4 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('embedded-opentype'), 5 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff2'), 6 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff'), 7 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('truetype'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | 13 | 14 | div{ 15 | font-family: "Shabnam"; 16 | } 17 | 18 | /* برای دستگاه‌های با عرض کمتر از 768 پیکسل */ 19 | @media (max-width: 767px) { 20 | /* کد CSS مربوط به صفحه HTML در این بخش */ 21 | } 22 | 23 | /* برای دستگاه‌های با عرض بین 768 و 992 پیکسل */ 24 | @media (min-width: 768px) and (max-width: 991px) { 25 | /* کد CSS مربوط به صفحه HTML در این بخش */ 26 | } 27 | 28 | /* برای دستگاه‌های با عرض بین 992 و 1200 پیکسل */ 29 | @media (min-width: 992px) and (max-width: 1199px) { 30 | /* کد CSS مربوط به صفحه HTML در این بخش */ 31 | } 32 | 33 | /* برای دستگاه‌های با عرض بیشتر از 1200 پیکسل */ 34 | @media (min-width: 1200px) { 35 | /* کد CSS مربوط به صفحه HTML در این بخش */ 36 | }border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none; 37 | line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain #dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2FA1D6}.dg .cr.number input[type=text]{color:#2FA1D6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2FA1D6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda} -------------------------------------------------------------------------------- /taklif/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | viewer-course 7 | 8 | 9 | 10 |

به نام خدا

11 |

12 |
13 |
14 |
15 | 16 |

17 |

18 | موضوع : جایگاه مرد قدرتمند و زن سیاستمدار در خانواده از دیدگاه اسلامی ایرانی 19 |

20 |

21 |

22 |
23 |
24 |
25 |
26 |
27 | 28 |

تقدیم به استاد افشاری دبیر مطالعات اجتماعی

29 | 30 |
31 |
32 | 33 |

34 |

35 | در اسلام و فرهنگ ایرانی، خانواده به عنوان رکن اصلی جامعه و محل پرورش انسان های صالح و متعهد شناخته می شود. در این ساختار، زن و مرد هر کدام نقش ها و وظایف خاص خود را دارند که با همدیگر همپوشانی و هم افزایی دارند 36 | 37 |

38 |

39 | نقش مرد 40 |

41 |

42 | مرد در خانواده به عنوان "رئیس" و "سرپرست" شناخته می شود. این به معنای آن است که او مسئولیت تامین مالی خانواده، تصمیم گیری های مهم و حفظ نظم و انضباط در خانه را بر عهده دارد. از سوی دیگر، از مرد انتظار می رود که با همسر خود مشورت کند و به نظرات و خواسته های او احترام بگذارد 43 | 44 |

45 |

46 | نقش زن 47 | 48 |

49 |

50 | زن در خانواده به عنوان "قلب" و "مادر" شناخته می شود. او مسئولیت تربیت فرزندان، ایجاد فضایی گرم و صمیمی در خانه و مراقبت از اعضای خانواده را بر عهده دارد. از سوی دیگر، از زن انتظار می رود که پشتیبان و حامی همسر خود باشد و در مواقع سختی و مشکلات به او کمک کند 51 | 52 |

53 |

54 | زن سیاستمدار 55 | 56 |

57 |

58 | در دنیای امروز، زنان به طور فزاینده ای در عرصه های مختلف اجتماعی، از جمله سیاست، حضور پیدا می کنند. این موضوع می تواند چالش هایی را برای خانواده ایجاد کند، زیرا زن سیاستمدار باید بین وظایف شغلی و خانوادگی خود تعادل برقرار کند 59 | 60 |

61 |

62 | دیدگاه اسلام 63 | 64 |

65 |

66 | اسلام با حضور زنان در عرصه های اجتماعی، از جمله سیاست، مخالفتی ندارد. با این حال، اسلام تاکید می کند که زن نباید وظایف اصلی خود در خانواده را نادیده بگیرد 67 | 68 |

69 |

70 | راهکار هوش مصنوعی قادم جیست و چه چیزی می باشد 71 | 72 |

73 |

74 | برای حل چالش های حضور زنان سیاستمدار در خانواده، راهکارهای مختلفی وجود دارد، از جمله 75 | 76 |

77 |

78 | تقسیم وظایف: زن و شوهر باید وظایف خانه داری و تربیت فرزندان را بین خود تقسیم کنند. 79 | 80 |

81 |

82 | برنامه ریزی: زن سیاستمدار باید برای زمان خود برنامه ریزی دقیق داشته باشد تا بتواند به وظایف شغلی و خانوادگی خود به طور مناسب رسیدگی کند 83 |

84 |

85 | حمایت: زن سیاستمدار به حمایت همسر، خانواده و دوستان خود نیاز دارد تا بتواند در عرصه های اجتماعی و خانوادگی موفق باشد 86 |

87 |

88 | در نهایت 89 | 90 |

91 |

92 | موفقیت زن سیاستمدار در خانواده در گرو تعادل بین وظایف شغلی و خانوادگی او است. این تعادل با برنامه ریزی دقیق، تقسیم وظایف و حمایت همسر، خانواده و دوستان امکان پذیر است 93 | 94 |

95 |

96 | نکاتی برای تامل: 97 | 98 |

99 |

100 | آیا نقش های سنتی زن و مرد در خانواده در حال تغییر هستند؟ 101 |

102 |

103 | چه چالش هایی برای زنان سیاستمدار در خانواده وجود دارد؟ 104 |

105 |

106 | چگونه می توان به زن سیاستمدار در تعادل بین وظایف شغلی و خانوادگی کمک کرد؟ 107 | 108 |

109 |

110 | در مورد جایگاه مرد قدرتمند و زن سیاستمدار در خانواده از دیدگاه اسلامی ایرانی، می توان به چند نتیجه کلی رسید 111 | 112 |

113 |

114 | اهمیت خانواده 115 | 116 |

117 |

118 | اسلام و فرهنگ ایرانی، خانواده را به عنوان رکن اصلی جامعه و محل پرورش انسان های صالح و متعهد می شناسند. در این ساختار، زن و مرد هر کدام نقش ها و وظایف خاص خود را دارند که با همدیگر همپوشانی و هم افزایی دارند 119 | 120 |

121 |

122 | برابری و احترام 123 | 124 |

125 |

126 | اسلام بر برابری زن و مرد در کرامت انسانی تاکید می کند. با این حال، این برابری به معنای یکسانی نقش ها و وظایف نیست. زن و مرد در خانواده وظایف متفاوتی دارند، اما هر دو باید به یکدیگر احترام بگذارند و نظرات همدیگر را در نظر بگیرند 127 | 128 |

129 |

130 | تعادل 131 | 132 |

133 |

134 | زن سیاستمدار باید بین وظایف شغلی و خانوادگی خود تعادل برقرار کند. این تعادل با برنامه ریزی دقیق، تقسیم وظایف و حمایت همسر، خانواده و دوستان امکان پذیر است 135 | 136 |

137 |

138 | تغییر و تحول 139 | 140 |

141 |

142 | نقش های سنتی زن و مرد در خانواده در حال تغییر هستند. زنان به طور فزاینده ای در عرصه های مختلف اجتماعی، از جمله سیاست، حضور پیدا می کنند. این موضوع می تواند چالش هایی را برای خانواده ایجاد کند، اما می تواند فرصت های جدیدی را نیز برای رشد و پیشرفت خانواده فراهم کند 143 | 144 |

145 |

146 | ضرورت گفتگو 147 | 148 |

149 |

150 | برای حل چالش های مربوط به جایگاه زن و مرد در خانواده، لازم است که زن و شوهر با یکدیگر گفتگو کنند و به نظرات و خواسته های همدیگر احترام بگذارند 151 | 152 |

153 |

154 | اهمیت آموزش 155 | 156 |

157 |

158 | آموزش نقش های زن و مرد در خانواده از سنین پایین می تواند به نهادینه شدن فرهنگ احترام و برابری در خانواده کمک کند 159 | 160 |

161 |

162 | نیاز به حمایت 163 | 164 |

165 |

166 | زن سیاستمدار به حمایت همسر، خانواده و دوستان خود نیاز دارد تا بتواند در عرصه های اجتماعی و خانوادگی موفق باشد 167 | 168 |

169 |

170 | در نهایت، می توان گفت که جایگاه مرد قدرتمند و زن سیاستمدار در خانواده از دیدگاه اسلامی ایرانی، موضوعی پیچیده و چندوجهی است که نیاز به بررسی دقیق و همه جانبه دارد 171 | 172 |

173 |
174 |
175 | 176 |

177 | 178 |
179 |
180 |
181 |
182 | 183 | 184 | 185 | -------------------------------------------------------------------------------- /taklif/moze.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: 'Shabnam'; 3 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff'); 4 | src: url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('embedded-opentype'), 5 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff2'), 6 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('woff'), 7 | url('https://sahand.storage.iran.liara.space/font/Shabnam.woff') format('truetype'); 8 | font-weight: normal; 9 | font-style: normal; 10 | } 11 | 12 | 13 | 14 | div{ 15 | font-family: "Shabnam"; 16 | } 17 | 18 | /* برای دستگاه‌های با عرض کمتر از 768 پیکسل */ 19 | @media (max-width: 767px) { 20 | /* کد CSS مربوط به صفحه HTML در این بخش */ 21 | } 22 | 23 | /* برای دستگاه‌های با عرض بین 768 و 992 پیکسل */ 24 | @media (min-width: 768px) and (max-width: 991px) { 25 | /* کد CSS مربوط به صفحه HTML در این بخش */ 26 | } 27 | 28 | /* برای دستگاه‌های با عرض بین 992 و 1200 پیکسل */ 29 | @media (min-width: 992px) and (max-width: 1199px) { 30 | /* کد CSS مربوط به صفحه HTML در این بخش */ 31 | } 32 | 33 | /* برای دستگاه‌های با عرض بیشتر از 1200 پیکسل */ 34 | @media (min-width: 1200px) { 35 | /* کد CSS مربوط به صفحه HTML در این بخش */ 36 | } 37 | 38 | :root { 39 | --card-size: clamp(350px, 40vw, 450px); 40 | --card-ar: 2 / 1; 41 | --x: calc(50vw * 1); 42 | --y: calc((50vh - (var(--card-size) * 0.25)) * 1); 43 | --spotlight: 50vmin; 44 | --backdrop: black; 45 | --radius: 14; 46 | --border: 3; 47 | --backup-border: hsl(0 0% 10% / 0.2); 48 | --size: 200; 49 | --bg-spot-opacity: 0.16; 50 | --border-light-opacity: 1; 51 | --border-spot-opacity: 0.75; 52 | } 53 | 54 | *, 55 | *:after, 56 | *:before { 57 | box-sizing: border-box; 58 | } 59 | 60 | body { 61 | display: grid; 62 | place-items: center; 63 | min-height: 100vh; 64 | overflow: hidden; 65 | background: hsl(0 0% 2%); 66 | font-family: "Shabnam"; 67 | font-weight: 80; 68 | color: hsl(0 0% 100%); 69 | } 70 | 71 | article { 72 | aspect-ratio: var(--card-ar); 73 | border-radius: calc(var(--radius) * 1px); 74 | display: grid; 75 | gap: 1rem; 76 | grid-template: 1fr 1fr 1fr / 1fr auto; 77 | padding: 2rem; 78 | position: relative; 79 | width: var(--card-size); 80 | } 81 | 82 | article *::-moz-selection { 83 | background: hsl(var(--hue) 80% 40%); 84 | } 85 | 86 | article *::selection { 87 | background: hsl(var(--hue) 80% 40%); 88 | } 89 | 90 | /* Article layout */ 91 | 92 | article > div { 93 | align-content: center; 94 | display: grid; 95 | font-size: 1.5rem; 96 | gap: 0 3rem; 97 | grid-column: 1 / -1; 98 | grid-template: 1fr 1fr / auto 1fr; 99 | } 100 | 101 | article hr { 102 | grid-column: 1 / -1; 103 | -webkit-mask: linear-gradient(90deg, transparent, white 15% 85%, transparent); 104 | mask: linear-gradient(90deg, transparent, white 15% 85%, transparent); 105 | width: 100%; 106 | } 107 | 108 | article > div span { 109 | font-size: 1.25rem; 110 | font-weight: 20; 111 | opacity: 0.65; 112 | } 113 | 114 | article svg { 115 | grid-row: span 2; 116 | width: 48px; 117 | color: hsl(var(--hue) calc(var(--sat, 0) * 1%) 50%); 118 | } 119 | 120 | article > span:first-of-type { 121 | font-weight: 40; 122 | opacity: 0.65; 123 | } 124 | article > span:last-of-type { 125 | font-weight: 60; 126 | } 127 | 128 | h2 { 129 | font-size: 1.5rem; 130 | font-weight: 80; 131 | margin: 0; 132 | } 133 | 134 | ul { 135 | display: flex; 136 | gap: 4rem; 137 | margin: 0; 138 | -webkit-mask: linear-gradient(90deg, transparent, white, transparent); 139 | mask: linear-gradient(90deg, transparent, white, transparent); 140 | overflow: auto; 141 | padding-block: 2rem; 142 | padding-inline: calc(50vw - (var(--card-size) * 0.5)); 143 | -ms-scroll-snap-type: x mandatory; 144 | scroll-snap-type: x mandatory; 145 | width: 100%; 146 | } 147 | 148 | li { 149 | display: grid; 150 | place-items: center; 151 | scroll-snap-align: center; 152 | position: relative; 153 | } 154 | 155 | li::after { 156 | --border-size: calc(var(--border) * 1px); 157 | content: ""; 158 | position: absolute; 159 | inset: 0; 160 | background-image: radial-gradient( 161 | calc(var(--spotlight) * 0.15) calc(var(--spotlight) * 0.15) at 162 | calc(var(--px, 0) * 1px) calc(var(--py, 0) * 1px), 163 | hsl(0 0% 100% / 1), transparent 164 | ); 165 | background-color: var(--backdrop, transparent); 166 | background-size: calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size))); 167 | background-position: 50% 50%; 168 | background-attachment: fixed; 169 | background-color: transparent; 170 | border: var(--border-size) solid transparent; 171 | border-radius: calc(var(--radius) * 1px); 172 | -webkit-mask: 173 | linear-gradient(transparent, transparent), 174 | linear-gradient(white, white); 175 | mask: 176 | linear-gradient(transparent, transparent), 177 | linear-gradient(white, white); 178 | -webkit-mask-clip: padding-box, border-box; 179 | mask-clip: padding-box, border-box; 180 | -webkit-mask-composite: source-in, xor; 181 | mask-composite: intersect; 182 | } 183 | 184 | 185 | section { 186 | width: 100vw; 187 | } 188 | 189 | section::after, 190 | section::before { 191 | content: ""; 192 | position: fixed; 193 | top: 50%; 194 | left: 50%; 195 | background: radial-gradient(hsl(var(--base, 0) 80% 50%), transparent); 196 | filter: blur(100px); 197 | width: calc(var(--card-size) * 1.5); 198 | aspect-ratio: 1; 199 | translate: -50% -50%; 200 | border-radius: 50%; 201 | opacity: 0.0875; 202 | pointer-events: none; 203 | z-index: -1; 204 | } 205 | 206 | section::after { 207 | width: calc(var(--card-size) * 0.5); 208 | opacity: 0.25; 209 | z-index: 2; 210 | translate: -50% -75%; 211 | } 212 | 213 | @supports (animation-timeline: scroll()) { 214 | @property --base { 215 | inherits: true; 216 | syntax: ''; 217 | initial-value: 0; 218 | } 219 | @-webkit-keyframes change-accent { 220 | to { 221 | --base: 320; 222 | } 223 | } 224 | @keyframes change-accent { 225 | to { 226 | --base: 320; 227 | } 228 | } 229 | @property --sat { 230 | inherits: true; 231 | syntax: ''; 232 | initial-value: 0; 233 | } 234 | @-webkit-keyframes saturate { 235 | 0%, 25%, 75%, 100% { 236 | --sat: 0; 237 | } 238 | 50% { 239 | --sat: 100; 240 | } 241 | } 242 | @keyframes saturate { 243 | 0%, 25%, 75%, 100% { 244 | --sat: 0; 245 | } 246 | 50% { 247 | --sat: 100; 248 | } 249 | } 250 | section { 251 | timeline-scope: --list; 252 | -webkit-animation: change-accent both linear; 253 | animation: change-accent both linear; 254 | animation-timeline: --list; 255 | } 256 | ul { 257 | scroll-timeline: --list inline; 258 | } 259 | li { 260 | -webkit-animation: saturate both linear; 261 | animation: saturate both linear; 262 | animation-timeline: view(inline); 263 | } 264 | } 265 | 266 | /* Glow specific styles */ 267 | [data-glow] { 268 | --border-size: calc(var(--border, 2) * 1px); 269 | --spotlight-size: calc(var(--card-size) * 1.2); 270 | --hue: calc(var(--base) + (var(--xp, 0) * var(--spread, 0))); 271 | background-image: radial-gradient( 272 | var(--spotlight-size) var(--spotlight-size) at 273 | var(--x) 274 | var(--y), 275 | hsl(var(--hue, 210) calc(var(--saturation, 100) * 1%) calc(var(--lightness, 70) * 1%) / var(--bg-spot-opacity, 0.15)), transparent 276 | ); 277 | background-color: var(--backdrop, transparent); 278 | background-size: calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size))); 279 | background-position: 50% 50%; 280 | background-attachment: fixed; 281 | border: var(--border-size) solid var(--backup-border); 282 | position: relative; 283 | touch-action: none; 284 | } 285 | 286 | [data-glow]::before, 287 | [data-glow]::after { 288 | pointer-events: none; 289 | content: ""; 290 | position: absolute; 291 | inset: calc(var(--border-size) * -1); 292 | border: var(--border-size) solid transparent; 293 | border-radius: calc(var(--radius) * 1px); 294 | background-attachment: fixed; 295 | background-size: calc(100% + (2 * var(--border-size))) calc(100% + (2 * var(--border-size))); 296 | background-repeat: no-repeat; 297 | background-position: 50% 50%; 298 | -webkit-mask: 299 | linear-gradient(transparent, transparent), 300 | linear-gradient(white, white); 301 | mask: 302 | linear-gradient(transparent, transparent), 303 | linear-gradient(white, white); 304 | -webkit-mask-clip: padding-box, border-box; 305 | mask-clip: padding-box, border-box; 306 | -webkit-mask-composite: source-in, xor; 307 | mask-composite: intersect; 308 | } 309 | 310 | /* This is the emphasis light */ 311 | [data-glow]::before { 312 | background-image: radial-gradient( 313 | calc(var(--spotlight-size) * 0.75) calc(var(--spotlight-size) * 0.75) at 314 | var(--x) 315 | var(--y), 316 | hsl(var(--hue, 210) calc(var(--saturation, 100) * 1%) calc(var(--lightness, 50) * 1%) / var(--border-spot-opacity, 1)), transparent 100% 317 | ); 318 | filter: brightness(2); 319 | } 320 | /* This is the spotlight */ 321 | [data-glow]::after { 322 | background-image: radial-gradient( 323 | calc(var(--spotlight-size) * 0.4) calc(var(--spotlight-size) * 0.4) at 324 | var(--x) 325 | var(--y), 326 | hsl(0 100% 100% / var(--border-light-opacity, 1)), transparent 100% 327 | ); 328 | } --------------------------------------------------------------------------------

سازندگان