*/}
+{/*
*/}
+
+{/* flex consideres each element for itself - takes only as much space as required by default */}
+
+
+
+# Under Construction
+
+The content is not defined up to now and will be provided inshallah later on.
+
+
+{/* make sure to have an addional line break after imports, otherwise calling the components wont work */}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/0_Own/2_Used_Tools.md b/src/pages/0_Own/2_Used_Tools.md
new file mode 100644
index 0000000..c426362
--- /dev/null
+++ b/src/pages/0_Own/2_Used_Tools.md
@@ -0,0 +1,45 @@
+---
+layout: '../../layouts/main.astro'
+title: 'Used Tools'
+
+---
+
+
+
+# Used Tools
+
+
diff --git a/src/pages/0_Own/3_License.md b/src/pages/0_Own/3_License.md
new file mode 100644
index 0000000..f695845
--- /dev/null
+++ b/src/pages/0_Own/3_License.md
@@ -0,0 +1,158 @@
+---
+layout: '../../layouts/main.astro'
+title: 'License'
+---
+
+
+
+
+# License
+
+[](https://firstdonoharm.dev/version/3/0/bds-cl-eco-extr-media-mil-sv-xuar.html)
+
+## License in Short
+You are free to use the content of this webpage for whatever you like, including modification, sale, distribution, and more. However, please note that there are some important restrictions: You can do whatever you like with this content as long as it is halal or morally supportable. If you are unsure about a topic, please consult the license agreement.
+
+First, you are not allowed to insult, target minorities or religious groups, support Israel's government, assist India in its oppression in Kashmir, assist the Chinese government's oppression against Uighurs, and so on.
+Second, there is a copyleft - it basically means, your work is mandated to have the same license, i.e., you as well want to make sure that your work cannot be misused.
+
+
+## Hippocratic License in Detail
+**HIPPOCRATIC LICENSE**
+
+**Version 3.0, October 2021**
+
+
+
+**TERMS AND CONDITIONS**
+
+TERMS AND CONDITIONS FOR USE, COPY, MODIFICATION, PREPARATION OF DERIVATIVE WORK, REPRODUCTION, AND DISTRIBUTION:
+
+**[1.](#1) DEFINITIONS:**
+
+_This section defines certain terms used throughout this license agreement._
+
+[1.1.](#1.1) “License” means the terms and conditions, as stated herein, for use, copy, modification, preparation of derivative work, reproduction, and distribution of Software (as defined below).
+
+[1.2.](#1.2) “Licensor” means the copyright and/or patent owner or entity authorized by the copyright and/or patent owner that is granting the License.
+
+[1.3.](#1.3) “Licensee” means the individual or entity exercising permissions granted by this License, including the use, copy, modification, preparation of derivative work, reproduction, and distribution of Software (as defined below).
+
+[1.4.](#1.4) “Software” means any copyrighted work, including but not limited to software code, authored by Licensor and made available under this License.
+
+[1.5.](#1.5) “Supply Chain” means the sequence of processes involved in the production and/or distribution of a commodity, good, or service offered by the Licensee.
+
+[1.6.](#1.6) “Supply Chain Impacted Party” or “Supply Chain Impacted Parties” means any person(s) directly impacted by any of Licensee’s Supply Chain, including the practices of all persons or entities within the Supply Chain prior to a good or service reaching the Licensee.
+
+[1.7.](#1.7) “Duty of Care” is defined by its use in tort law, delict law, and/or similar bodies of law closely related to tort and/or delict law, including without limitation, a requirement to act with the watchfulness, attention, caution, and prudence that a reasonable person in the same or similar circumstances would use towards any Supply Chain Impacted Party.
+
+[1.8.](#1.8) “Worker” is defined to include any and all permanent, temporary, and agency workers, as well as piece-rate, salaried, hourly paid, legal young (minors), part-time, night, and migrant workers.
+
+**[2.](#2) INTELLECTUAL PROPERTY GRANTS:**
+
+_This section identifies intellectual property rights granted to a Licensee_.
+
+[2.1.](#2.1) _Grant of Copyright License_: Subject to the terms and conditions of this License, Licensor hereby grants to Licensee a worldwide, non-exclusive, no-charge, royalty-free copyright license to use, copy, modify, prepare derivative work, reproduce, or distribute the Software, Licensor authored modified software, or other work derived from the Software.
+
+[2.2.](#2.2) _Grant of Patent License_: Subject to the terms and conditions of this License, Licensor hereby grants Licensee a worldwide, non-exclusive, no-charge, royalty-free patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer Software.
+
+**[3.](#3) ETHICAL STANDARDS:**
+
+_This section lists conditions the Licensee must comply with in order to have rights under this License._
+
+The rights granted to the Licensee by this License are expressly made subject to the Licensee’s ongoing compliance with the following conditions:
+
+* [3.1.](#3.1) The Licensee SHALL NOT, whether directly or indirectly, through agents or assigns:
+ * [3.1.1.](#3.1.1) Infringe upon any person’s right to life or security of person, engage in extrajudicial killings, or commit murder, without lawful cause (See Article 3, _United Nations Universal Declaration of Human Rights_; Article 6, _International Covenant on Civil and Political Rights_)
+ * [3.1.2.](#3.1.2) Hold any person in slavery, servitude, or forced labor (See Article 4, _United Nations Universal Declaration of Human Rights_; Article 8, _International Covenant on Civil and Political Rights_);
+ * [3.1.3.](#3.1.3) Contribute to the institution of slavery, slave trading, forced labor, or unlawful child labor (See Article 4, _United Nations Universal Declaration of Human Rights_; Article 8, _International Covenant on Civil and Political Rights_);
+ * [3.1.4.](#3.1.4) Torture or subject any person to cruel, inhumane, or degrading treatment or punishment (See Article 5, _United Nations Universal Declaration of Human Rights_; Article 7, _International Covenant on Civil and Political Rights_);
+ * [3.1.5.](#3.1.5) Discriminate on the basis of sex, gender, sexual orientation, race, ethnicity, nationality, religion, caste, age, medical disability or impairment, and/or any other like circumstances (See Article 7, _United Nations Universal Declaration of Human Rights_; Article 2, _International Covenant on Economic, Social and Cultural Rights_; Article 26, _International Covenant on Civil and Political Rights_);
+ * [3.1.6.](#3.1.6) Prevent any person from exercising his/her/their right to seek an effective remedy by a competent court or national tribunal (including domestic judicial systems, international courts, arbitration bodies, and other adjudicating bodies) for actions violating the fundamental rights granted to him/her/them by applicable constitutions, applicable laws, or by this License (See Article 8, _United Nations Universal Declaration of Human Rights_; Articles 9 and 14, _International Covenant on Civil and Political Rights_);
+ * [3.1.7.](#3.1.7) Subject any person to arbitrary arrest, detention, or exile (See Article 9, _United Nations Universal Declaration of Human Rights_; Article 9, _International Covenant on Civil and Political Rights_);
+ * [3.1.8.](#3.1.8) Subject any person to arbitrary interference with a person’s privacy, family, home, or correspondence without the express written consent of the person (See Article 12, _United Nations Universal Declaration of Human Rights_; Article 17, _International Covenant on Civil and Political Rights_);
+ * [3.1.9.](#3.1.9) Arbitrarily deprive any person of his/her/their property (See Article 17, _United Nations Universal Declaration of Human Rights_);
+ * [3.1.10.](#3.1.10) Forcibly remove indigenous peoples from their lands or territories or take any action with the aim or effect of dispossessing indigenous peoples from their lands, territories, or resources, including without limitation the intellectual property or traditional knowledge of indigenous peoples, without the free, prior, and informed consent of indigenous peoples concerned (See Articles 8 and 10, _United Nations Declaration on the Rights of Indigenous Peoples_);
+ * [3.1.11.](#3.1.11) _Ecocide_: Commit ecocide:
+ * [3.1.11.1.](#3.1.11.1) For the purpose of this section, “ecocide” means unlawful or wanton acts committed with knowledge that there is a substantial likelihood of severe and either widespread or long-term damage to the environment being caused by those acts;
+ * [3.1.11.2.](#3.1.11.2) For the purpose of further defining ecocide and the terms contained in the previous paragraph:
+ * [3.1.11.2.1.](#3.1.11.2.1) “Wanton” means with reckless disregard for damage which would be clearly excessive in relation to the social and economic benefits anticipated;
+ * [3.1.11.2.2.](#3.1.11.2.2) “Severe” means damage which involves very serious adverse changes, disruption, or harm to any element of the environment, including grave impacts on human life or natural, cultural, or economic resources;
+ * [3.1.11.2.3.](#3.1.11.2.3) “Widespread” means damage which extends beyond a limited geographic area, crosses state boundaries, or is suffered by an entire ecosystem or species or a large number of human beings;
+ * [3.1.11.2.4.](#3.1.11.2.4) “Long-term” means damage which is irreversible or which cannot be redressed through natural recovery within a reasonable period of time; and
+ * [3.1.11.2.5.](#3.1.11.2.5) “Environment” means the earth, its biosphere, cryosphere, lithosphere, hydrosphere, and atmosphere, as well as outer space
+ (See Section II, _Independent Expert Panel for the Legal Definition of Ecocide_, Stop Ecocide Foundation and the Promise Institute for Human Rights at UCLA School of Law, June 2021);
+ * [3.1.12.](#3.1.12) _Extractive Industries_: Be an individual or entity, or a representative, agent, affiliate, successor, attorney, or assign of an individual or entity, that engages in fossil fuel or mineral exploration, extraction, development, or sale;
+ * [3.1.13.](#3.1.13) _Boycott / Divestment / Sanctions_: Be an individual or entity, or a representative, agent, affiliate, successor, attorney, or assign of an individual or entity, identified by the Boycott, Divestment, Sanctions (“BDS”) movement on its website () as a target for boycott;
+ * [3.1.14.](#3.1.14) _Xinjiang Uygur Autonomous Region_: Be an individual or entity, or a representative, agent, affiliate, successor, attorney, or assign of any individual or entity, that does business in, purchases goods from, or otherwise benefits from goods produced in the Xinjiang Uygur Autonomous Region of China;
+ * [3.1.15.](#3.1.15) _Mass Surveillance_: Be a government agency or multinational corporation, or a representative, agent, affiliate, successor, attorney, or assign of a government or multinational corporation, which participates in mass surveillance programs;
+ * [3.1.16.](#3.1.16) _Military Activities_: Be an entity or a representative, agent, affiliate, successor, attorney, or assign of an entity which conducts military activities;
+ * [3.1.17.](#3.1.17) _Media_: Be an individual or entity, or a or a representative, agent, affiliate, successor, attorney, or assign of an individual or entity, that broadcasts messages promoting killing, torture, or other forms of extreme violence;
+ * [3.1.18.](#3.1.18) Interfere with Workers' free exercise of the right to organize and associate (See Article 20, United Nations Universal Declaration of Human Rights; C087 - Freedom of Association and Protection of the Right to Organise Convention, 1948 (No. 87), International Labour Organization; Article 8, International Covenant on Economic, Social and Cultural Rights); and
+ * [3.1.19.](#3.1.19) Harm the environment in a manner inconsistent with local, state, national, or international law.
+* [3.2.](#3.2) The Licensee SHALL:
+ * [3.2.1.](#3.2.1) Provide equal pay for equal work where the performance of such work requires equal skill, effort, and responsibility, and which are performed under similar working conditions, except where such payment is made pursuant to:
+ * [3.2.1.1.](#3.2.1.1) A seniority system;
+ * [3.2.1.2.](#3.2.1.2) A merit system;
+ * [3.2.1.3.](#3.2.1.3) A system which measures earnings by quantity or quality of production; or
+ * [3.2.1.4.](#3.2.1.4) A differential based on any other factor other than sex, gender, sexual orientation, race, ethnicity, nationality, religion, caste, age, medical disability or impairment, and/or any other like circumstances (See 29 U.S.C.A. § 206(d)(1); Article 23, _United Nations Universal Declaration of Human Rights_; Article 7, _International Covenant on Economic, Social and Cultural Rights_; Article 26, _International Covenant on Civil and Political Rights_); and
+ * [3.2.2.](#3.2.2) Allow for reasonable limitation of working hours and periodic holidays with pay (See Article 24, _United Nations Universal Declaration of Human Rights_; Article 7, _International Covenant on Economic, Social and Cultural Rights_).
+
+**[4.](#4) SUPPLY CHAIN IMPACTED PARTIES:**
+
+_This section identifies additional individuals or entities that a Licensee could harm as a result of violating the Ethical Standards section, the condition that the Licensee must voluntarily accept a Duty of Care for those individuals or entities, and the right to a private right of action that those individuals or entities possess as a result of violations of the Ethical Standards section._
+
+[4.1.](#4.1) In addition to the above Ethical Standards, Licensee voluntarily accepts a Duty of Care for Supply Chain Impacted Parties of this License, including individuals and communities impacted by violations of the Ethical Standards. The Duty of Care is breached when a provision within the Ethical Standards section is violated by a Licensee, one of its successors or assigns, or by an individual or entity that exists within the Supply Chain prior to a good or service reaching the Licensee.
+
+[4.2.](#4.2) Breaches of the Duty of Care, as stated within this section, shall create a private right of action, allowing any Supply Chain Impacted Party harmed by the Licensee to take legal action against the Licensee in accordance with applicable negligence laws, whether they be in tort law, delict law, and/or similar bodies of law closely related to tort and/or delict law, regardless if Licensee is directly responsible for the harms suffered by a Supply Chain Impacted Party. Nothing in this section shall be interpreted to include acts committed by individuals outside of the scope of his/her/their employment.
+
+[5.](#5) **NOTICE:** _This section explains when a Licensee must notify others of the License._
+
+[5.1.](#5.1) _Distribution of Notice_: Licensee must ensure that everyone who receives a copy of or uses any part of Software from Licensee, with or without changes, also receives the License and the copyright notice included with Software (and if included by the Licensor, patent, trademark, and attribution notice). Licensee must ensure that License is prominently displayed so that any individual or entity seeking to download, copy, use, or otherwise receive any part of Software from Licensee is notified of this License and its terms and conditions. Licensee must cause any modified versions of the Software to carry prominent notices stating that Licensee changed the Software.
+
+[5.2.](#5.2) _Modified Software_: Licensee is free to create modifications of the Software and distribute only the modified portion created by Licensee, however, any derivative work stemming from the Software or its code must be distributed pursuant to this License, including this Notice provision.
+
+[5.3.](#5.3) _Recipients as Licensees_: Any individual or entity that uses, copies, modifies, reproduces, distributes, or prepares derivative work based upon the Software, all or part of the Software’s code, or a derivative work developed by using the Software, including a portion of its code, is a Licensee as defined above and is subject to the terms and conditions of this License.
+
+**[6.](#6) REPRESENTATIONS AND WARRANTIES:**
+
+[6.1.](#6.1) _Disclaimer of Warranty_: TO THE FULL EXTENT ALLOWED BY LAW, THIS SOFTWARE COMES “AS IS,” WITHOUT ANY WARRANTY, EXPRESS OR IMPLIED, AND LICENSOR SHALL NOT BE LIABLE TO ANY PERSON OR ENTITY FOR ANY DAMAGES OR OTHER LIABILITY ARISING FROM, OUT OF, OR IN CONNECTION WITH THE SOFTWARE OR THIS LICENSE, UNDER ANY LEGAL CLAIM.
+
+[6.2.](#6.2) _Limitation of Liability_: LICENSEE SHALL HOLD LICENSOR HARMLESS AGAINST ANY AND ALL CLAIMS, DEBTS, DUES, LIABILITIES, LIENS, CAUSES OF ACTION, DEMANDS, OBLIGATIONS, DISPUTES, DAMAGES, LOSSES, EXPENSES, ATTORNEYS' FEES, COSTS, LIABILITIES, AND ALL OTHER CLAIMS OF EVERY KIND AND NATURE WHATSOEVER, WHETHER KNOWN OR UNKNOWN, ANTICIPATED OR UNANTICIPATED, FORESEEN OR UNFORESEEN, ACCRUED OR UNACCRUED, DISCLOSED OR UNDISCLOSED, ARISING OUT OF OR RELATING TO LICENSEE’S USE OF THE SOFTWARE. NOTHING IN THIS SECTION SHOULD BE INTERPRETED TO REQUIRE LICENSEE TO INDEMNIFY LICENSOR, NOR REQUIRE LICENSOR TO INDEMNIFY LICENSEE.
+
+**[7.](#7) TERMINATION**
+
+[7.1.](#7.1) _Violations of Ethical Standards or Breaching Duty of Care_: If Licensee violates the Ethical Standards section or Licensee, or any other person or entity within the Supply Chain prior to a good or service reaching the Licensee, breaches its Duty of Care to Supply Chain Impacted Parties, Licensee must remedy the violation or harm caused by Licensee within 30 days of being notified of the violation or harm. If Licensee fails to remedy the violation or harm within 30 days, all rights in the Software granted to Licensee by License will be null and void as between Licensor and Licensee.
+
+[7.2.](#7.2) _Failure of Notice_: If any person or entity notifies Licensee in writing that Licensee has not complied with the Notice section of this License, Licensee can keep this License by taking all practical steps to comply within 30 days after the notice of noncompliance. If Licensee does not do so, Licensee’s License (and all rights licensed hereunder) will end immediately.
+
+[7.3.](#7.3) _Judicial Findings_: In the event Licensee is found by a civil, criminal, administrative, or other court of competent jurisdiction, or some other adjudicating body with legal authority, to have committed actions which are in violation of the Ethical Standards or Supply Chain Impacted Party sections of this License, all rights granted to Licensee by this License will terminate immediately.
+
+[7.4.](#7.4) _Patent Litigation_: If Licensee institutes patent litigation against any entity (including a cross-claim or counterclaim in a suit) alleging that the Software, all or part of the Software’s code, or a derivative work developed using the Software, including a portion of its code, constitutes direct or contributory patent infringement, then any patent license, along with all other rights, granted to Licensee under this License will terminate as of the date such litigation is filed.
+
+[7.5.](#7.5) _Additional Remedies_: Termination of the License by failing to remedy harms in no way prevents Licensor or Supply Chain Impacted Party from seeking appropriate remedies at law or in equity.
+
+**[8.](#8) MISCELLANEOUS:**
+
+[8.1.](#8.1) _Conditions_: Sections 3, 4.1, 5.1, 5.2, 7.1, 7.2, 7.3, and 7.4 are conditions of the rights granted to Licensee in the License.
+
+[8.2.](#8.2) _Equitable Relief_: Licensor and any Supply Chain Impacted Party shall be entitled to equitable relief, including injunctive relief or specific performance of the terms hereof, in addition to any other remedy to which they are entitled at law or in equity.
+
+[8.3.](#8.3) _Copyleft_: Modified software, source code, or other derivative work must be licensed, in its entirety, under the exact same conditions as this License.
+
+[8.4.](#8.4) _Severability_: If any term or provision of this License is determined to be invalid, illegal, or unenforceable by a court of competent jurisdiction, any such determination of invalidity, illegality, or unenforceability shall not affect any other term or provision of this License or invalidate or render unenforceable such term or provision in any other jurisdiction. If the determination of invalidity, illegality, or unenforceability by a court of competent jurisdiction pertains to the terms or provisions contained in the Ethical Standards section of this License, all rights in the Software granted to Licensee shall be deemed null and void as between Licensor and Licensee.
+
+[8.5.](#8.5) _Section Titles_: Section titles are solely written for organizational purposes and should not be used to interpret the language within each section.
+
+[8.6.](#8.6) _Citations_: Citations are solely written to provide context for the source of the provisions in the Ethical Standards.
+
+[8.7.](#8.7) _Section Summaries_: Some sections have a brief _italicized description_ which is provided for the sole purpose of briefly describing the section and should not be used to interpret the terms of the License.
+
+[8.8.](#8.8) _Entire License_: This is the entire License between the Licensor and Licensee with respect to the claims released herein and that the consideration stated herein is the only consideration or compensation to be paid or exchanged between them for this License. This License cannot be modified or amended except in a writing signed by Licensor and Licensee.
+
+[8.9.](#8.9) _Successors and Assigns_: This License shall be binding upon and inure to the benefit of the Licensor’s and Licensee’s respective heirs, successors, and assigns.
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/0_Own/h2_Density.html b/src/pages/0_Own/h2_Density.html
deleted file mode 100644
index 0db7ce9..0000000
--- a/src/pages/0_Own/h2_Density.html
+++ /dev/null
@@ -1,8 +0,0 @@
-
-
-
-
-
+
+# Next title
+
+After some text the next title shall be shown
+
+
+
+
+
+
+this cannot be added inside the article tag - do not know why
+
+
+an ,
+
diff --git a/src/pages/1_Trials/1_Trial.md b/src/pages/1_Trials/1_Trial.md
new file mode 100644
index 0000000..de3b454
--- /dev/null
+++ b/src/pages/1_Trials/1_Trial.md
@@ -0,0 +1,60 @@
+---
+layout: '../../layouts/main.astro'
+title: 'License'
+variable_0: "Testing Things"
+---
+
+
+
+ # h1 header
+ Some text
+
+ Some text
+
+ Some text
+
+ Some text
+
+
+
+
+ # h1 header
+ Some text
+
+ Some text
+
+ Some text
+
+ Some text
+
+
+an ,
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+{/* ![The cat trap in action] ({swith_Img}) */}
+
+
+# Under Construction
+
+The content is not defined up to now and will be provided inshallah later on.
+
+
+{/* make sure to have an addional line break after imports, otherwise calling the components wont work */}
+
+
+
+
+
\ No newline at end of file
diff --git a/src/pages/1_Trials/3_Trial.md b/src/pages/1_Trials/3_Trial.md
new file mode 100644
index 0000000..93c825b
--- /dev/null
+++ b/src/pages/1_Trials/3_Trial.md
@@ -0,0 +1,86 @@
+---
+layout: '../../layouts/main.astro'
+title: 'Used Tools'
+
+---
+
+
+
+# Used Tools
+1. Astro
+2. tailwindcss
+3. Plotly
+4. Astro landing page
+5. LottieFiles
+6. VSCode
+7. GitHub
+
+
+
+
+
+
+
+
+
+
+
+# here
+
+Some checks
+
+
+
+
+
+
+
+# here
+
+Some checks
+
+
+
\ No newline at end of file
diff --git a/src/pages/1_Trials/4_Acknowledge.mdx b/src/pages/1_Trials/4_Acknowledge.mdx
new file mode 100644
index 0000000..9acd60a
--- /dev/null
+++ b/src/pages/1_Trials/4_Acknowledge.mdx
@@ -0,0 +1,89 @@
+---
+layout: '../../layouts/main.astro'
+title: 'Acknowledgement'
+
+---
+
+{/* ------------------------- export some variables ------------------------ */}
+export const lot_Path_Bismillah = "../../H2_Plot/src/assets/0_Lotti/bismillah.lottie";
+
+
+export const lot_Path_Mosque = "../../H2_Plot/src/assets/0_Lotti/mosque.lottie";
+
+{/* ----------------------- load all required sources ---------------------- */}
+
+
+
+{/* ======================================================================== */}
+{/* ============================= start article ============================ */}
+{/* ======================================================================== */}
+
+
+# Acknowledgement
+
+
+
+
+
+, Who does neither need my praise nor my thanks. To the
+
+{/* --------------------------- mosque animation --------------------------- */}
+
+ **ONE**
+
+
+
+ {/* the bismillah file is obtained through:https://lottiefiles.com/4098-bismillah-in-the-name-of-allah?lang=de
+and https://lottiefiles.com/xylam */}
+
+
+
+
+
+
+
+, Who is independent of everything and everyone, but on Whom everything and everyone depends.
+
+
+
+
diff --git a/src/pages/0_Own/1_Building_Mess.mdx b/src/pages/0_Own/1_Building_Mess.mdx
new file mode 100644
index 0000000..3eef6a8
--- /dev/null
+++ b/src/pages/0_Own/1_Building_Mess.mdx
@@ -0,0 +1,45 @@
+---
+layout: '../../layouts/main.astro'
+title: 'Under Construction'
+---
+
+{/* lottie path*/}
+{/* export const lottie_Path = "../../H2_Plot/src/assets/0_Lotti/construc_Lotti.json"; */}
+
+export const lottie_Path = "/H2_Plot/0_Lotti/construc_Lotti.json";
+
+
+{/* next important statement requires one free line */}
+import Confetti_Btn from "~/components/1_Trials/confetti_Button.astro";
+
+
+
+ {/* the mosque file is obtained through:https://lottiefiles.com/102940-faisal-mosque?lang=de and https://lottiefiles.com/ranaadeelfarrukh */}
+
+
+
+ **ONE**
+
+
+
+
+
+
+
+ 1. Astro
+
+
+ 2. tailwindcss
+
+
+ 3. Plotly
+
+
+ 4. Astro landing page
+
+
+ 5. LottieFiles
+
+
+ 6. VSCode
+
+
+ 7. GitHub
+
+
+ 8. Astro Icon
+
+
+ 9. Iconify
+
+
+ 10. daisyUI
+
+
-
-
-
\ No newline at end of file
diff --git a/src/pages/1_Trials/0_Trial.mdx b/src/pages/1_Trials/0_Trial.mdx
new file mode 100644
index 0000000..474c60d
--- /dev/null
+++ b/src/pages/1_Trials/0_Trial.mdx
@@ -0,0 +1,75 @@
+---
+layout: '../../layouts/main.astro'
+title: 'License'
+variable_0: "Testing Things"
+---
+
+
+
+# {frontmatter.variable_0}
+
+
+ > Some notable things in a block quote!
+
+
+++ +# Heading (rank 1) +## Heading 2 +### 3 +#### 4 +##### 5 +###### 6 + +> Block quote + +* Unordered +* List + +1. Ordered +2. List + +A paragraph, introducing a thematic break: + +--- + +```js +some.code() +``` + +export const name = 'World' +export const title = 'Hi, ' + name + '!' + +# {title} + + + + +Works + +1 + +3 +4 + +something **strong**, and finally a little `code()`. + +a [link](https://example.com) some *emphasis*, +A blockquote with some emphasis.
+
Garlic bread with cheese: What the science tells us
++ For years parents have espoused the health benefits of eating garlic bread with cheese to their + children, with the food earning such an iconic status in our culture that kids will often dress + up as warm, cheesy loaf for Halloween. +
++ But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases + springing up around the country. +
+
+# Here comes the big titless
+Some text multiple times
+Some text multiple times
+Some text multiple times
+Some text multiple times
+$\sqrt{a^2 + b^2}$
+
+
diff --git a/src/pages/1_Trials/2_Trial.mdx b/src/pages/1_Trials/2_Trial.mdx
new file mode 100644
index 0000000..6e5463d
--- /dev/null
+++ b/src/pages/1_Trials/2_Trial.mdx
@@ -0,0 +1,56 @@
+---
+layout: '../../layouts/main.astro'
+title: 'Under Construction'
+---
+
+{/* lottie path*/}
+export const lottie_Path = "../../H2_Plot/src/assets/0_Lotti/construc_Lotti.json";
+
+{/* add swith image - does not work */}
+export const swith_Img = "../../H2_Plot/src/assets/0_Wing_Tube.png";
+
+{/* next important statement requires one free line */}
+import Confetti_Btn from "~/components/1_Trials/confetti_Button.astro";
+
+
+
+
+
+01
+ 01
+ 01
+ 01
+ 09
+
+
+
+01
+ 02
+ 03
+
+
+
+
+01
+ 01
+ 01
+ 01
+ 09
+My Heading
+...
+ +
+
+
+01
+ 01
+ 01
+ 01
+ 09
+
+All praise and thanks to the
+
+{/* -------------------------- bismillah animation ------------------------- */}
+{/* grid gives each item the same space - not desired here */}
+{/*
*/}
+{/*
+
+# Acknowledgement
+
+
+All praise and thanks to the
+
+
+
+
+
+
+
+
+
diff --git a/src/pages/0_Own/1_Building_Mess.md b/src/pages/1_Trials/6_Building_Mess_.md
similarity index 95%
rename from src/pages/0_Own/1_Building_Mess.md
rename to src/pages/1_Trials/6_Building_Mess_.md
index 0864b05..79c1ea5 100644
--- a/src/pages/0_Own/1_Building_Mess.md
+++ b/src/pages/1_Trials/6_Building_Mess_.md
@@ -1,6 +1,6 @@
---
layout: '../../layouts/main.astro'
-title: 'My Markdown page'
+title: 'Under Construction'
---
diff --git a/src/pages/1_Trials/7_Path_Resolve.md b/src/pages/1_Trials/7_Path_Resolve.md
new file mode 100644
index 0000000..65fa113
--- /dev/null
+++ b/src/pages/1_Trials/7_Path_Resolve.md
@@ -0,0 +1,39 @@
+---
+layout: '../../layouts/main.astro'
+title: 'Path_Trail'
+date: 2023-07-09
+---
+
+# Testing due to some issues with finding data after deployed on github
+
+# Load Image
+
+Works just fine
+Lets Load an Image from web:
+,
+
+
+next attempt (working):
+
+
+
+
+# Lotti Files
+
+
+
+1
+
+
+
+2
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 51b466e..31733bc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,5 @@
---
-import "@fontsource/inter/variable.css";
+import "@fontsource-variable/inter";
import Compatibility from "~/components/compatibility.astro";
import Features from "~/components/features.astro";
@@ -17,7 +17,7 @@ const { generator, site } = Astro;
const image = new URL("social.jpg", site);
const description =
- "Build fast websites, faster. Astro is a new kind of site builder for the modern web. Lightning-fast performance meets powerful developer experience.";
+ "No descirption provided";
---
@@ -25,7 +25,11 @@ const description =
-
+
+
+
+
+
SWITH - Hydrogen Paper
diff --git a/src/styles/index.css b/src/styles/index.css
index dd04240..21bb141 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,2 +1,2 @@
@import "global.css";
-@import "theme.css";
+@import "theme.css";
\ No newline at end of file
diff --git a/src/styles/markdown.css b/src/styles/markdown.css
index 1324b90..e3aa3c8 100644
--- a/src/styles/markdown.css
+++ b/src/styles/markdown.css
@@ -1,3 +1,8 @@
+/* @tailwind base;
+@tailwind components;
+@tailwind utilities; */
+
+
body {
font-family: system-ui;
background-color: black;
@@ -5,7 +10,7 @@ body {
}
.content {
- max-width: 640px;
+ max-width: 833px;
margin: 40px auto;
padding: 0 20px;
}
@@ -53,3 +58,13 @@ pre[class^='language-'] {
background: rgba(0, 0, 0, 0.05);
border-radius: 0 0 4px 4px;
}
+
+
+/* define color variables */
+:root {
+ --cl_Neon_Green: #ecff80;
+ --shiny_White: #fffdfa;
+ --red_Cl: #EF0C58;
+ --green_Cl: #0CEF22;
+ --turq_Cl: #0CDAEF;
+ }
\ No newline at end of file
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index bc1f883..74a7cb7 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,9 +1,16 @@
+/** @type {import('tailwindcss').Config} */
+
+
const defaultTheme = require("tailwindcss/defaultTheme");
module.exports = {
- content: ["./src/**/*.{astro,html,js,jsx,svelte,ts,tsx,vue}"],
+ content: ["./src/**/*.{astro,html,md, mdx,js,jsx,svelte,ts,tsx,vue}"],
+
+ /* --------------------------------- theme -------------------------------- */
theme: {
extend: {
+
+ /* --------------------------- theme extend --------------------------- */
fontFamily: {
sans: ["InterVariable", ...defaultTheme.fontFamily.sans],
},
@@ -22,10 +29,67 @@ module.exports = {
borderColor: {
default: "var(--color-border)",
},
+
+ /* --------------------------- theme extend --------------------------- */
+ typography: {
+ DEFAULT: {
+ css: {
+ // '--tw-prose-body': 'var(--tw-prose-invert-body)',
+ // '--tw-prose-headings': 'var(--tw-prose-invert-headings)',
+ '--tw-prose-body': 'var(--shiny_White)',
+ '--tw-prose-headings': 'var(--cl_Neon_Green)',
+ '--tw-prose-lead': 'var(--tw-prose-invert-lead)',
+ '--tw-prose-links': 'var(--tw-prose-invert-links)',
+ '--tw-prose-bold': 'var(--tw-prose-invert-bold)',
+ '--tw-prose-counters': 'var(--tw-prose-invert-counters)',
+ '--tw-prose-bullets': 'var(--tw-prose-invert-bullets)',
+ '--tw-prose-hr': 'var(--tw-prose-invert-hr)',
+ '--tw-prose-quotes': 'var(--tw-prose-invert-quotes)',
+ '--tw-prose-quote-borders': 'var(--tw-prose-invert-quote-borders)',
+ '--tw-prose-captions': 'var(--tw-prose-invert-captions)',
+ '--tw-prose-code': 'var(--tw-prose-invert-code)',
+ '--tw-prose-pre-code': 'var(--tw-prose-invert-pre-code)',
+ '--tw-prose-pre-bg': 'var(--tw-prose-invert-pre-bg)',
+ '--tw-prose-th-borders': 'var(--tw-prose-invert-th-borders)',
+ '--tw-prose-td-borders': 'var(--tw-prose-invert-td-borders)',
+ },
+ },
+ },
+
},
+
+ darkMode: 'media',
+
},
+
+
corePlugins: {
fontSize: false,
+
+ // If this is activated margins will be set to 0, see:
+ // https://tailwindcss.com/docs/preflight
+ // default bahaviour is: true
+ // preflight: true, // this disables preflight
},
- plugins: [require("tailwindcss-fluid-type")],
+ plugins: [
+ require("tailwindcss-fluid-type"),
+ require("@tailwindcss/typography"),
+ require("daisyui")
+
+],
+
+
+
+daisyui: {
+ // themes: false, // disable all themes
+ themes: ["",
+ // "light", "dark", "cupcake"
+],
+},
+
+
+
};
+
+
+
*/}
+
+{/* flex consideres each element for itself - takes only as much space as required by default */}
+
+
+
+
diff --git a/src/pages/1_Trials/5_Acknowledge.md b/src/pages/1_Trials/5_Acknowledge.md
new file mode 100644
index 0000000..29be6ff
--- /dev/null
+++ b/src/pages/1_Trials/5_Acknowledge.md
@@ -0,0 +1,83 @@
+---
+layout: '../../layouts/main.astro'
+title: 'Acknowledgement'
+date: 2023-07-09
+---
+
+
+
+
+
+
+
+
+
+
+
+
+, Who does neither need my praise nor my thanks. To the
+
+{/* --------------------------- mosque animation --------------------------- */}
+
+ **ONE**
+
+
+
+ {/* the bismillah file is obtained through:https://lottiefiles.com/4098-bismillah-in-the-name-of-allah?lang=de
+and https://lottiefiles.com/xylam */}
+
+
+
+
+
+
+
+, Who is independent of everything and everyone, but on Whom everything and everyone depends.
+
+
+ {/* the mosque file is obtained through:https://lottiefiles.com/102940-faisal-mosque?lang=de and https://lottiefiles.com/ranaadeelfarrukh */}
+
+
+
+ **ONE**
+
+
+
+
+
+
+, Who does neither need my praise nor my thanks. To the
+
+
+
+ ONE
+
+
+
+
+
+
+
+
+
+
+
+, Who is independent of everything and everyone, but on Whom everything and everyone depends.
+
+
+
+
+
+
+
+
+ ONE
+
+
+