TheShia

ویجٹس

اوقاتِ نماز، ہجری تاریخ یا اہلِ بیت علیہم السلام کی مناسبتیں ایک اسکرپٹ ٹیگ سے کسی بھی ویب سائٹ پر لگائیں — مفت، چار زبانوں میں، اسی سائٹ کے انجنوں سے۔

اوقاتِ نماز

یہ کوڈ کاپی کریں

<script src="https://theshia.org/widget/prayer-times.js"
        data-city="london" data-method="Tehran" data-lang="ur" data-theme="auto"
        defer></script>

خصوصیات

  • data-city required city id — find yours with /api/v1/cities?q=<name> (e.g. london, tehran, karbala, najaf).
  • data-method default: Tehran calculation method id — all sixteen values on the methods API page.
  • data-lang default: en values: "en" · "ar" · "fa" · "ur" — labels, digits and direction follow.
  • data-theme default: auto values: "light" · "dark" · "auto" (follows the visitor's system).

براہِ راست پیش منظر

ہجری تاریخ

یہ کوڈ کاپی کریں

<script src="https://theshia.org/widget/hijri-date.js"
        data-lang="ur" data-theme="auto"
        defer></script>

خصوصیات

  • data-lang default: en values: "en" · "ar" · "fa" · "ur".
  • data-calendar default: moonsighting values: "moonsighting" · "iran" (fa defaults to iran).
  • data-theme default: auto values: "light" · "dark" · "auto".

براہِ راست پیش منظر

آنے والی مناسبتیں

یہ کوڈ کاپی کریں

<script src="https://theshia.org/widget/events.js"
        data-lang="ur" data-count="3" data-theme="auto"
        defer></script>

خصوصیات

  • data-count default: 3 1 to 5 upcoming events.
  • data-importance default: major values: "major" (headline events) · "all".
  • data-lang default: en values: "en" · "ar" · "fa" · "ur".
  • data-theme default: auto values: "light" · "dark" · "auto".

براہِ راست پیش منظر

مناسبت کاؤنٹ ڈاؤن

یہ کوڈ کاپی کریں

<script src="https://theshia.org/widget/countdown.js"
        data-event="h-02-20-occasion-arba-een-40th-day-of-imam-hussain-s-martyrdom" data-lang="ur" data-theme="auto"
        defer></script>

خصوصیات

  • data-event required event id from /api/v1/events (e.g. the Arba'een id shown in the snippet).
  • data-lang default: en values: "en" · "ar" · "fa" · "ur".
  • data-theme default: auto values: "light" · "dark" · "auto".

براہِ راست پیش منظر

ویجٹس وہیں ظاہر ہوتے ہیں جہاں آپ اسکرپٹ ٹیگ رکھتے ہیں، ان کے اسٹائل مکمل الگ رہتے ہیں، اور کیش شدہ درخواستیں استعمال کرتے ہیں۔ شہر کی ids cities API سے، طریقوں کی ids methods سے اور مناسبتوں کی ids events API سے۔