diff --git a/assets/AI Notes.jpg b/assets/AI Notes.jpg new file mode 100644 index 0000000..a611d7a Binary files /dev/null and b/assets/AI Notes.jpg differ diff --git a/docs/img/IMSP-image.jpeg b/assets/IMSP-image.jpeg similarity index 100% rename from docs/img/IMSP-image.jpeg rename to assets/IMSP-image.jpeg diff --git a/assets/afiaLogo.png b/assets/afiaLogo.png new file mode 100644 index 0000000..4dbc6a7 Binary files /dev/null and b/assets/afiaLogo.png differ diff --git a/assets/ai&adu.jpg b/assets/ai&adu.jpg new file mode 100644 index 0000000..ad6b288 Binary files /dev/null and b/assets/ai&adu.jpg differ diff --git a/assets/ai&edu.jpg b/assets/ai&edu.jpg new file mode 100644 index 0000000..35228e6 Binary files /dev/null and b/assets/ai&edu.jpg differ diff --git a/assets/aidriven.jpg b/assets/aidriven.jpg new file mode 100644 index 0000000..960cb70 Binary files /dev/null and b/assets/aidriven.jpg differ diff --git a/assets/bdts.jpg b/assets/bdts.jpg new file mode 100644 index 0000000..6aca2ba Binary files /dev/null and b/assets/bdts.jpg differ diff --git a/assets/conversation.jpg b/assets/conversation.jpg new file mode 100644 index 0000000..702c108 Binary files /dev/null and b/assets/conversation.jpg differ diff --git a/assets/dataScience2.jpg b/assets/dataScience2.jpg new file mode 100644 index 0000000..66c914b Binary files /dev/null and b/assets/dataScience2.jpg differ diff --git a/assets/dataSicence1.jpg b/assets/dataSicence1.jpg new file mode 100644 index 0000000..fd39ac3 Binary files /dev/null and b/assets/dataSicence1.jpg differ diff --git a/assets/iaethique.jpg b/assets/iaethique.jpg new file mode 100644 index 0000000..fc19641 Binary files /dev/null and b/assets/iaethique.jpg differ diff --git a/assets/intelligent.jpg b/assets/intelligent.jpg new file mode 100644 index 0000000..9282a55 Binary files /dev/null and b/assets/intelligent.jpg differ diff --git a/assets/llm.jpg b/assets/llm.jpg new file mode 100644 index 0000000..99ab119 Binary files /dev/null and b/assets/llm.jpg differ diff --git a/docs/img/logo_ceasma_fr.png b/assets/logo_ceasma_fr.png similarity index 100% rename from docs/img/logo_ceasma_fr.png rename to assets/logo_ceasma_fr.png diff --git a/assets/logoimsp.png b/assets/logoimsp.png new file mode 100644 index 0000000..8aa0598 Binary files /dev/null and b/assets/logoimsp.png differ diff --git "a/assets/minist\303\250re.png" "b/assets/minist\303\250re.png" new file mode 100644 index 0000000..97e7631 Binary files /dev/null and "b/assets/minist\303\250re.png" differ diff --git "a/assets/t\303\251l\303\251chargement.jpg" "b/assets/t\303\251l\303\251chargement.jpg" new file mode 100644 index 0000000..1b5ab81 Binary files /dev/null and "b/assets/t\303\251l\303\251chargement.jpg" differ diff --git a/docs/img/logo-calavi.png b/assets/uac.png similarity index 100% rename from docs/img/logo-calavi.png rename to assets/uac.png diff --git a/committee.html b/committee.html new file mode 100644 index 0000000..653cf45 --- /dev/null +++ b/committee.html @@ -0,0 +1,112 @@ + + + + + + + + + + + + Data Science School 2023 | DSS23 + + + +
+
+
+ + + + + + +
+

SOUDE BAH is presenting about "thème"

+ +
+ +

+ +

+
+
+ +
+

SOUDE BAH is presenting about "thème"

+ +
+
+ + +
+

Organization Committee

+
+
+

Carlos Ogouyandjou

+
+ +
+

Joël Tossa

+
+ +
+

Habib Sidi

+
+ +
+

Arnaud Ahouandjinou

+
+ +
+

Ratheil Houndji

+
+
+

Ghislain Atemezing

+
+ +
+

Pélagie Hounguè

+
+ +
+

Hénoc Soude

+
+ +
+

Jules Dégila

+
+
+
+ +
+

Data Science School Website

+ Build from scratch with by Organization Committee +
+
+ + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..11ab576 --- /dev/null +++ b/index.html @@ -0,0 +1,283 @@ + + + + + + + + + + + + Data Science School 2023 | DSS23 + + + +
+
+
+ + + + + + +
+

SOUDE BAH is presenting about "thème"

+ +
+ +

+ +

+
+
+ +
+

SOUDE BAH is presenting about "thème"

+ +
+
+ +
+
+ Fourth Data Science School +

Artificial Intelligence and Education

+
+ +
+ Image présenatant la dataScience +
+ +
+
+ Fourth Data Science School +

Artificial Intelligence and Education

+
+ +

Education faces significant challenges worldwide, particularly in underserved regions. Limited access to quality education, insufficient resources, and a shortage of qualified teachers hinder students' learning and future opportunities... Read more

+ +
+

SOUDE BAH is presenting about "thème"

+ +
+ +
+ +

Objectifs

+ + + + +

Programmes

+ + +
+
+
+ +
+

Context

+ +

Education faces significant challenges worldwide, particularly in underserved regions. Limited access to quality education, insufficient resources, and a shortage of qualified teachers hinder students' learning and future opportunities.

Traditional teaching methods may not suit individual learning needs, leading to disengagement and lower academic outcomes.

Additionally, AI's potential in education is limited due to the lack of localized and unbiased training data, affecting students from diverse linguistic and cultural backgrounds. Addressing these issues is crucial to create an equitable and inclusive learning environment, empowering all students to succeed in today's rapidly changing world.

+
+ +
+

Objectives

+ +

The overall objective of this school is to highlight the benefits of using AI in education in order to enhance the quality of the learning experience and teaching material in different languages. + +

+
+ +

At the end of this school, the participants will be able to :

+ +
+ +

Explain the major innovative approaches around AI for a better education;

+
+ +
+ +

Implement at least one use case on AI usage for : +
+ - Learning experience personalization (including students with special needs),
+ - Learning outcomesprediction,
+ - Administrative workflows,
+ - Resource planning,
+ - Curriculum design. +

+
+ +
+ +

Use AI-based approaches for spreading teaching materials to the largest in local languages seamlessly.

+
+
+ +
+ Objectives Image +
+
+
+ +
+ +

Organization Committee

+ + +
+ +
+

Participants

+
+
+

Educators and Lecturers

+
+ +
+

EdTech Entrepreneurs

+
+ +
+

AI Industryrepresentatives

+
+ +
+

Masters, PhD students

+
+ +
+

Young AI researchers

+
+ +
+

Representatives of the Ministries of Education

+
+
+
+ +
+

Addressed Topics

+ +
+
+ AI model for notes +

Implement an AI model for notes taking and learning outcome predictions based on silent AI listeners and course materials.

+
+ +
+ +

Tutorials on LLM models and applications in education

+
+ +
+ +

Conversational agents for teaching

+
+ +
+ +

Intelligent tutoringsystems (ITS)

+
+ +
+ +

Dialogue-based tutoring systems (DBTS)

+
+ +
+ +

AI-driven Personalization for students learning paths

+
+ +
+ +

Ethical considerations in AI-driven education

+
+
+
+ +
+

Venue

+ +
+ +
+ +

View Partners

+ + +
+ +
+

Organization Committee

+
+
+

Carlos Ogouyandjou

+
+ +
+

Joël Tossa

+
+ +
+

Habib Sidi

+
+ +
+

Arnaud Ahouandjinou

+
+ +
+

Ratheil Houndji

+
+
+

Ghislain Atemezing

+
+ +
+

Pélagie Hounguè

+
+ +
+

Hénoc Soude

+
+ +
+

Jules Dégila

+
+
+
+ +
+

Data Science School Website

+ Build from scratch with by Organization Committee +
+
+ + + + + + + diff --git a/index.md b/index.md index 8593a92..3e5192e 100644 --- a/index.md +++ b/index.md @@ -89,7 +89,6 @@ The details for the remote participation will be shared here in due time. ## Partners - [List of university partners](partners.md) -- ## Main Sponsor diff --git a/LICENSE b/old/LICENSE similarity index 100% rename from LICENSE rename to old/LICENSE diff --git a/README.md b/old/README.md similarity index 100% rename from README.md rename to old/README.md diff --git a/docs/img/Gayo.jpeg b/old/docs/img/Gayo.jpeg similarity index 100% rename from docs/img/Gayo.jpeg rename to old/docs/img/Gayo.jpeg diff --git a/old/docs/img/IMSP-image.jpeg b/old/docs/img/IMSP-image.jpeg new file mode 100644 index 0000000..2d5a76c Binary files /dev/null and b/old/docs/img/IMSP-image.jpeg differ diff --git a/docs/img/bannerDSS2023.jpg b/old/docs/img/bannerDSS2023.jpg similarity index 100% rename from docs/img/bannerDSS2023.jpg rename to old/docs/img/bannerDSS2023.jpg diff --git a/docs/img/dss-banner.png b/old/docs/img/dss-banner.png similarity index 100% rename from docs/img/dss-banner.png rename to old/docs/img/dss-banner.png diff --git a/docs/img/edoh.jpeg b/old/docs/img/edoh.jpeg similarity index 100% rename from docs/img/edoh.jpeg rename to old/docs/img/edoh.jpeg diff --git a/docs/img/glitoh.jpeg b/old/docs/img/glitoh.jpeg similarity index 100% rename from docs/img/glitoh.jpeg rename to old/docs/img/glitoh.jpeg diff --git a/docs/img/kana.jpeg b/old/docs/img/kana.jpeg similarity index 100% rename from docs/img/kana.jpeg rename to old/docs/img/kana.jpeg diff --git a/old/docs/img/logo-calavi.png b/old/docs/img/logo-calavi.png new file mode 100644 index 0000000..b10602e Binary files /dev/null and b/old/docs/img/logo-calavi.png differ diff --git a/docs/img/logo-minsupBenin.png b/old/docs/img/logo-minsupBenin.png similarity index 100% rename from docs/img/logo-minsupBenin.png rename to old/docs/img/logo-minsupBenin.png diff --git a/old/docs/img/logo_ceasma_fr.png b/old/docs/img/logo_ceasma_fr.png new file mode 100644 index 0000000..324164b Binary files /dev/null and b/old/docs/img/logo_ceasma_fr.png differ diff --git a/docs/img/logoimsp.png b/old/docs/img/logoimsp.png similarity index 100% rename from docs/img/logoimsp.png rename to old/docs/img/logoimsp.png diff --git a/docs/img/mbaye.png b/old/docs/img/mbaye.png similarity index 100% rename from docs/img/mbaye.png rename to old/docs/img/mbaye.png diff --git a/docs/img/ngonga.jpeg b/old/docs/img/ngonga.jpeg similarity index 100% rename from docs/img/ngonga.jpeg rename to old/docs/img/ngonga.jpeg diff --git a/docs/img/roussey.jpeg b/old/docs/img/roussey.jpeg similarity index 100% rename from docs/img/roussey.jpeg rename to old/docs/img/roussey.jpeg diff --git a/old/docs/partners.md b/old/docs/partners.md new file mode 100644 index 0000000..8d86a37 --- /dev/null +++ b/old/docs/partners.md @@ -0,0 +1,14 @@ +## Partners + +List of university partners + +1. IMSP +2. University of D'Abomey-Calavi, Bénin +3. University of Joseph Ki-Zerbo, Burkina Faso +4. University Virtuelle du Sénégal +5. University Alioune Dioup, Sénégal +6. University Nazi Boni, Burkina Faso +7. University Cheikh Anta-Diop, Sénégal +8. University Abdou Moumouni, Niger +9. University Gaston Berger, Sénégal +10. University of Labé, Guinée \ No newline at end of file diff --git a/old/docs/program.md b/old/docs/program.md new file mode 100644 index 0000000..7965ede --- /dev/null +++ b/old/docs/program.md @@ -0,0 +1,90 @@ + +## Schedule +Nota: This schedule is local time, GMT +1. + +![Programme overview](img/programme-overview.png) + +--- + +- **Monday, 03 October 2022** + - 08:00-10:00 Official Opening Ceremony + - Intro to ACE-SMIA (**Jules D.**) + - Data Science and Data Science School jointly with fourth BI & SemWeb Program (**Ghislain A.**) + - 10:00-12:00 + - [Intro to Data Science and Data Analytics for strategic decisions](resource/intro_ml_datascience.pdf) (Part I) **Mbaye Babacar Gueye** ( [bio & abstract](mbaye.md) ) + - 12:00-14:00 *Lunch* + - 14:00-16:00 + - [Intro to Data Science and Data Analytics for strategic decisions](resource/intro_ml_datascience.pdf)(Part II) **Mbaye Babacar Gueye** ( [bio & abstract](mbaye.md) ) + - 16:00-18:00 ML and Robotic Surgery + - [Machine Learning for Remote Tactile Internet Robotic Surgery](resource/DataSchool-IMSP-2022.pdf) + **Roch GLITHO** ([bio & abstract](glitoh.md) ) + +- **Tuesday, 04 October 2022** + - 08:00-10:00 + - [Emotion AI in Mental Health](resource/slide_Immersively.care.pdf) + **Atoudem Kana Michel** ([bio & abstract](kana.md) ) + - 10:00-12:00 + - [Digital Health in the Global South: challenges, opportunities and implementation](resource/Digital_Health_Global_South.pdf) + **Gayo Diallo** ([bio & abstract](gayo.md) ) + - 12:00-14:00 *Lunch* + - 14:00-16:00 + - [Emergency Data for Patient Centric Data Analytics to support Personalized Medicine](resource/EmergencyMedicalCare.pdf) + **Thierry EDOH** ([bio & abstract](edoh.md) ) + - 16:00-18:00 + - Multidimensional Smart Home Automation Systems to Support Home Care + **Thierry EDOH** ([bio & abstract](edoh.md) ) + + +- **Wednesday, 05 October 2022** + - 08:00-10:00 Official Opening Ceremony + - Model Training for Detecting Pneumonia on X-ray Images + **Kevin DEGILA** + - 10:00-12:00 + - The detection of different types of vocal paralysis from patients’ voice recordings. + **Kevin DEGILA** + - 12:00-14:00 *Lunch* + - 14:00-16:00 + - [COVID-19 vaccine hesitancy: a social media analysis using deep learning](resource/Vaccine%20hesitancy_published%202022.pdf) + **Serge Nyawa** + - 16:00-18:00 + - [Machine Learning for Remote Tactile Internet Robotic Surgery](resource/DataSchool-IMSP-2022.pdf) + **Roch GLITHO** ([bio & abstract](glitoh.md) ) +- **Thursday, 06 October 2022** + - 08:00-10:00 + - [Usage du data science pour l'aide au diagnostic en santé](resource/DataDiagnosis-Health.pdf). A paper [to read](resource/On%20the%20Efficiency%20of%20Machine%20Learning%20Models%20in%20Malaria%20Prediction%20-%20PubMed.pdf) + **Mouhamadou Lamine Ba** + - 10:00-12:00 + - [NoSQL applications with MongoDB](resource/nosql.pdf) + **Mihaela Juganaru** ([bio & abstract](mihaela.md) ) + - 12:00-14:00 *Lunch* + - 14:00-16:00 + - [Data Visualization](resource/visualisation_ecole_ete_Benin.pdf) + **Mihaela Juganaru** ([bio & abstract](mihaela.md) ) + - 16:00-18:00 + - Transferable Belief Model-based Machine Learning for activities and patients monitoring in Intensive care of cardiology. + **Arnaud Ahouandjinou** +- **Friday, 07 October 2022** + - 08:00-10:00 + - [ML algorithms on Knowledge Graphs & Applications](resource/explainableMLonKGs.pdf) + **Axel-Cyrille Ngonga** ([bio & abstract](ngonga.md) ) + - 10:00-12:00 + - [Web Annotation Ontology for Knowledge Engineering](resource/ingenierie_inrae.pdf) + **Catherine Roussey, Stephan Bernard, Ghislain Atemezing** ([bio & abstract](roussey.md) ) + - 12:00-14:00 *Lunch* + - 14:00-16:00 + - [Practical session Web annotation (Plant Health Bulletin)](resource/ingenierie_inrae.pdf) + **Catherine Roussey, Stephan Bernard, Ghislain Atemezing** ([bio & abstract](roussey.md) ) + - 16:00-18:00 + - Predicting Heart Disease with Multiple Classifiiers **Charly Gnoguem, Jules DEGILA** +- **Saturday, 08 October 2022** + - 08:00-10:00 + - AI4CARDIO Students presentation + - 10:00-12:00 + - Presentation of ACE-SMIA HPC Infrastructure / Partnership / Closing Session (**Jules Degila, Ghislain Atemezing**) + - 12:00-14:00 *Lunch* + - 14:00-16:00 + - Social Event (What do you want to visit? Please, some suggestions.) + - Visit Cotonou, Songhaï + +--- +[<< Back Home](index.md) \ No newline at end of file diff --git a/old/docs/speakers.md b/old/docs/speakers.md new file mode 100644 index 0000000..729d184 --- /dev/null +++ b/old/docs/speakers.md @@ -0,0 +1,18 @@ + +## List of speakers + +1. [Mbaye Babacar Gueye](https://www.mbayebabacar.me/), Montreal +2. [Thierry EDOH](https://scholar.google.com/citations?user=8pg9kIYAAAAJ&hl=en), Bonn, Germany +3. [Roch Giltho](https://www.concordia.ca/faculty/roch-glitho.html), Concordia University +4. [Kevin Degila](https://www.kevindegila.com/), OpenClassroom +5. [Catherine Roussey](https://sites.google.com/site/rousseycat/), INRAE, France +6. [Gayo Diallo](https://www.gayodiallo.org/), Univ. Bordeaux, France +7. [Mihaela JUGANARU-Mathieu](https://dblp.org/pid/118/3537.html), EMSE, France +8. [Axel-Cyrille Ngonga](https://dice-research.org/AxelCyrilleNgongaNgomo), Univ. Paderborn, Germany +9. [Michel Atoudem](https://michel-kana.medium.com/), Founder @Immersively.care, Prague +10. [Arnaud Ahouandjinou](https://scholar.google.fr/citations?user=13DHnfkAAAAJ&hl=fr), IMSP, Benin +11. [Ghislain Atemezing](http://atemezing.org/), Mondeca, France +12. [Jules Degila](https://orcid.org/0000-0003-4688-9178), IMSP, Benin + +--- +You can also find the list of the speakers with their [bio](resource/speakers.pdf). diff --git a/old/index.md b/old/index.md new file mode 100644 index 0000000..8593a92 --- /dev/null +++ b/old/index.md @@ -0,0 +1,107 @@ +Data Science School 2023 +============================= + +![Banner DSS 2022 ](docs/img/bannerDSS2023.jpg) +## Context +Education faces significant challenges worldwide, particularly in underserved regions. Limited access to quality education, insufficient resources, and a shortage of qualified teachers hinder students' learning and future opportunities. Traditional teaching methods may not suit individual learning needs, leading to disengagement and lower academic outcomes. Additionally, AI's potential in education is limited due to the lack of localized and unbiased training data, affecting students from diverse linguistic and cultural backgrounds. Addressing these issues is crucial to create an equitable and inclusive learning environment, empowering all students to succeed in today's rapidly changing world. + +## Objectives + +The overall objective of this school is to highlight the benefits of using AI in education in order to enhance the quality of the learning experience and teaching material in different languages. +At the end of this school, the participants will be able to : +1. Explain the major innovative approaches around AI for a better education; +2. Identify the challenges of openly available, unbiased and localized training data for underrepresented cultures and languages; +3. Implement at least one use case on AI usage for : + - Learning experience personalization (including students with special needs), + - Learning outcomes prediction, + - Administrative workflows, + - Resource planning, + - Curriculum design. + - Use AI-based approaches for spreading teaching materials to the largest in local languages seamlessly. + + + + +## Participants +Educators and Lecturers, EdTech Entrepreneurs, AI Industry representatives, Masters, PhD students, Young AI researchers, Representatives of the Ministries of Education. + + +## Addressed Topics + +- Implement an AI model for notes taking and learning outcome predictions based on silent AI listeners and course materials. +- Tutorial on LLM models and applications in education +- Conversational agents for teaching +- Intelligent tutoring systems (ITS) +- Dialogue-based tutoring systems (DBTS) +- AI-driven Personalization for students learning paths +- Ethical considerations in AI-driven education +- AI solutions Survey + + +## Main speakers +- Théophile Dagba +- John Aoga +- Habib SIDI +- Ratheil Houndji +- Eugène C. Ezin +- Arnaud Ahouandjinou +- Hafiz Tiomoko Ali +- Jessica LOPEZ +- Ghislain Atemezing +- Bonaventure Dossou +- Mouhamadou Lamine Ba +- Félicité DOMGUE +- Ifeoma OMOKO +- Matthew EKUM + + +## Organizers +- Carlos Ogouyandjou +- Joël Tossa +- Habib Sidi +- Arnaud Ahouandjinou +- Ratheil Houndji +- Ghislain Atemezing +- Pélagie Hounguè +- Hénoc Soude +- Jules Dégila + + + + +## Program + +[Check the program details](docs/program.md) + + +## Speakers + +The list of the speakers is available [here](docs/speakers.md) + + +## Venue + +This event will be held at the [Institut de Mathématiques et de Sciences Physiques (IMSP)](http://www.imsp-benin.com/home/) Dangbo, Bénin. +![IMSP image](docs/img/IMSP-image.jpeg) + +The details for the remote participation will be shared here in due time. + +## Partners + +- [List of university partners](partners.md) +- + + +## Main Sponsor +- [CEA-SMIA](https://ceasma-benin.org/) + + +## Logos + +![IMSP](docs/img/logoimsp.png) +CEA-SMIA +Université Calavi +MinSup Bénin + + + diff --git a/partners.html b/partners.html new file mode 100644 index 0000000..d02da0d --- /dev/null +++ b/partners.html @@ -0,0 +1,94 @@ + + + + + + + + + + + + Data Science School 2023 | DSS23 + + + +
+
+
+ + + + + + +
+

SOUDE BAH is presenting about "thème"

+ +
+ +

+ +

+
+
+ +
+

SOUDE BAH is presenting about "thème"

+ +
+
+ + +
+

Our partners

+ +
+
+ AI model for notes +

Ministère de l'enseignement supérieur et de la recherche scientifique

+
+ +
+ +

Université d'Abomey Calavi

+
+ +
+ + +

Institut de Mathématiques Sciences Physiques

+
+
+
+ +
+

Data Science School Website

+ Build from scratch with by Organization Committee +
+
+ + + + + + + \ No newline at end of file diff --git a/programs.html b/programs.html new file mode 100644 index 0000000..bf68cb9 --- /dev/null +++ b/programs.html @@ -0,0 +1,96 @@ + + + + + + + + + + + + + Data Science School 2023 | DSS23 + + + + +
+
+
+ + + + + + +
+

SOUDE BAH is presenting about "thème"

+ +
+ +

+ +

+
+
+ +
+

SOUDE BAH is presenting about "thème"

+ +
+
+ + +

DSS 2023 Schedule

+ +
+ +
+
+ + + + +
+

Data Science School Website

+ Build from scratch with by Organization Committee +
+ + + + + + + + + \ No newline at end of file diff --git a/scripts/live.js b/scripts/live.js new file mode 100644 index 0000000..17dd12b --- /dev/null +++ b/scripts/live.js @@ -0,0 +1,125 @@ +var programs = [ + { + date: "2023-11-06", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "NLP and applications", author: "Théophile DAGBA"}, + {heure1: "10:00", heure2: "12:00", theme: "Demo : Using LLMs conversational agents to produce teaching or research materials.", author: "Habib SIDI"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "NLP applications in education", author: "John AOGA"}, + {heure1: "16:00", heure2: "16:30", theme: "Speech to text translation from a low-resourced language Fongbe to French", author: "KPONOU Fortuné"}, + {heure1: "16:30", heure2: "17:00", theme: "Application of artificial intelligence for malaria diagnosis: in medical decision help", author: "Ibrahim M. && LAOUALY HAHAROU"}, + {heure1: "17:00", heure2: "17:30", theme: "AI for multispectral face recognition.", author: "Dr Elvire HOUSSOU"}, + {heure1: "17:30", heure2: "18:00", theme: "", author: ""}, + ] + }, + + { + date: "2023-11-07", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Demo/practice : Chat GTP Practice session with presentations by small group", author: "les participants"}, + + {heure1: "10:00", heure2: "12:00", theme: "Intelligent guidance and orientation system for higher education students: challenges and prospects", author: "Mouhamadou Lamine Ba"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "Maximizing Model Usability in Industry through Pruning.", author: "Jessica LOPEZ"}, + {heure1: "16:00", heure2: "16:30", theme: "Model for predicting academic orientations using Machine Learning", author: "HOUNTONDJI Michel"}, + {heure1: "16:30", heure2: "17:00", theme: "Automatisation des véhicules aériens sans pilote à l’aide du deep learning: Application à la surveillance environnementale", author: ""}, + {heure1: "17:00", heure2: "17:30", theme: "Optimization and prediction of crop yield with Machine Learning in Sub-Saharan Africa", author: "Daniel DZARMA"}, + {heure1: "17:30", heure2: "18:00", theme: "A workflow for modeling path loss in wireless communication systems using machine learning.", author: "Marianne BALOGOUN"}, + ] + }, + + { + date: "2023-11-08", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Introductory talk on AI and its applications ineducation", author: "Eugène C. Ezin"}, + {heure1: "10:00", heure2: "12:00", theme: "Basics of LLMs : What is a language model and how is it implemented?", author: "Hafiz TIOMOKO ALI"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "NLP in (African) Language Learning", author: "Bonaventure DOSSOU"}, + {heure1: "16:00", heure2: "16:30", theme: "Assessment of farms agroecological transition in Burkina Faso: Proposal of an empirical approach", author: "Théodore NIKIEMA"}, + {heure1: "16:30", heure2: "17:00", theme: "AAI to support healthcare professionals in skin cancerdiagnosis process", author: "Dr Esther CHABI ADJOBO"}, + {heure1: "17:00", heure2: "17:30", theme: "Disturbances in water distribution networks: AI-based simulation and prediction", author: "Hermione F. W.Denakpo"}, + {heure1: "17:30", heure2: "18:00", theme: "", author: ""}, + ] + }, + + { + date: "2023-11-09", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Automatic text classification of research results using Deep Neural Networks: an overview of the comparison of classifiers", author: "Félicité DOMGUE"}, + {heure1: "10:00", heure2: "12:00", theme: "Ethical considerations in AI-driven education (privacy, bias and fairness)", author: "Ratheil HOUNDJI"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "Scholarly Knowledge Graph applications", author: "Ghislain ATEMEZING"}, + {heure1: "16:00", heure2: "16:30", theme: "Sensory Characterization of Local Products using an Electronic Robot and Smart Data Classifier", author: "AFFOGNON Lionel"}, + {heure1: "16:30", heure2: "17:00", theme: "Anomaly detection in smart contracts", author: "Rosaire SENOU"}, + {heure1: "17:00", heure2: "17:30", theme: "A Bibliometric Analysis of Research on Techniques for Network Communications Security", author: "ISMAEEL ABIODUN SIKIRU"}, + {heure1: "17:30", heure2: "18:00", theme: "", author: ""}, + ] + }, + + { + date: "2023-11-10", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Data Science and mathematical applications && Normal-Power Regression Model", author: "Matthew EKUM"}, + {heure1: "10:00", heure2: "12:00", theme: "Security challenges in Educational Data", author: "Arnaud Ahouandjinou"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "Case Studies of Successful AI Implementation in Education - Focus in Africa ", author: "Panel"}, + {heure1: "16:00", heure2: "16:30", theme: "Open discussions and closing marks", author: ""}, + {heure1: "16:30", heure2: "17:00", theme: "Open discussions and closing marks", author: ""}, + {heure1: "17:00", heure2: "17:30", theme: "Open discussions and closing marks", author: ""}, + {heure1: "17:30", heure2: "18:00", theme: "Open discussions and closing marks", author: ""}, + ] + }, + +] + + + +var dateActuelle = new Date(); +var lives = document.querySelectorAll('.live.flex p') +var programmeEnCours = null; +var fullLive = document.querySelectorAll('header .live'); + +for (let i = 0; i < programs.length; i++) { + const program = programs[i]; + + for (let j = 0; j < program.horaires.length; j++) { + const horaire = program.horaires[j]; + + var dateD = new Date(program.date + " " + horaire.heure1); + var dateF = new Date(program.date + " " + horaire.heure2); + + if (dateActuelle <= dateF && dateActuelle >= dateD) { + programmeEnCours = horaire; + break; + } + + } +} + +for (let i = 0; i < lives.length; i++) { + const live = lives[i]; + + if (programmeEnCours && (programmeEnCours.author || programmeEnCours.theme)) { + if(programmeEnCours.author && programmeEnCours.theme) + { + live.innerHTML = "

" + programmeEnCours.author + " is presenting about " + programmeEnCours.theme +"

" + fullLive.innerHTML = "

" + programmeEnCours.author + " is presenting about " + programmeEnCours.theme +"

" + } + else + { + if(!programmeEnCours.author){ + live.innerHTML = "

Presentation about " + programmeEnCours.theme +"

" + fullLive.innerHTML = "

Presentation about " + programmeEnCours.theme +"

" + } + + if(!programmeEnCours.theme){ + live.innerHTML = "

" + programmeEnCours.author + " is presenting

"; + fullLive.innerHTML = "

" + programmeEnCours.author + " is presenting

" + } + + } + + }else{ + live.innerHTML = "

No presentation for moment

"; + } +} \ No newline at end of file diff --git a/scripts/menu.js b/scripts/menu.js new file mode 100644 index 0000000..dfc08b5 --- /dev/null +++ b/scripts/menu.js @@ -0,0 +1,30 @@ +var menuBtn = document.querySelector('.menuBtn'); +var menuLinks = document.querySelector('.menuLinks'); +var overflow = document.querySelector('.overflow'); +var menuStatus = 0; + +function remove() { + overflow.classList.remove('overflowActive'); + menuStatus = 0; + menuBtn.innerHTML = ""; + menuLinks.classList.remove('menuActive'); +} + +menuBtn.addEventListener('click', () => { + if (!menuStatus) { + menuLinks.classList.add('menuActive'); + overflow.classList.add('overflowActive'); + menuBtn.innerHTML = ""; + menuStatus =1; + } + else{ + remove(); + } + + console.log(menuLinks) +}); + + +overflow.addEventListener('click', () => { + remove(); +}); \ No newline at end of file diff --git a/scripts/program.js b/scripts/program.js new file mode 100644 index 0000000..ae1de24 --- /dev/null +++ b/scripts/program.js @@ -0,0 +1,117 @@ +var programsDiv = document.querySelector(".programs"); + +var programs = [ + { + date: "2023-11-06", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "NLP and applications", author: "Théophile DAGBA"}, + {heure1: "10:00", heure2: "12:00", theme: "Demo : Using LLMs conversational agents to produce teaching or research materials.", author: "Habib SIDI"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "NLP applications in education", author: "John AOGA"}, + {heure1: "16:00", heure2: "16:30", theme: "Speech to text translation from a low-resourced language Fongbe to French", author: "KPONOU Fortuné"}, + {heure1: "16:30", heure2: "17:00", theme: "Application of artificial intelligence for malaria diagnosis: in medical decision help", author: "Ibrahim M. && LAOUALY HAHAROU"}, + {heure1: "17:00", heure2: "17:30", theme: "AI for multispectral face recognition.", author: "Dr Elvire HOUSSOU"}, + {heure1: "17:30", heure2: "18:00", theme: "", author: ""}, + ] + }, + + { + date: "2023-11-07", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Demo/practice : Chat GTP Practice session with presentations by small group", author: "les participants"}, + + {heure1: "10:00", heure2: "12:00", theme: "Intelligent guidance and orientation system for higher education students: challenges and prospects", author: "Mouhamadou Lamine Ba"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "Maximizing Model Usability in Industry through Pruning.", author: "Jessica LOPEZ"}, + {heure1: "16:00", heure2: "16:30", theme: "Model for predicting academic orientations using Machine Learning", author: "HOUNTONDJI Michel"}, + {heure1: "16:30", heure2: "17:00", theme: "Automatisation des véhicules aériens sans pilote à l’aide du deep learning: Application à la surveillance environnementale", author: ""}, + {heure1: "17:00", heure2: "17:30", theme: "Optimization and prediction of crop yield with Machine Learning in Sub-Saharan Africa", author: "Daniel DZARMA"}, + {heure1: "17:30", heure2: "18:00", theme: "A workflow for modeling path loss in wireless communication systems using machine learning.", author: "Marianne BALOGOUN"}, + ] + }, + + { + date: "2023-11-08", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Introductory talk on AI and its applications ineducation", author: "Eugène C. Ezin"}, + {heure1: "10:00", heure2: "12:00", theme: "Basics of LLMs : What is a language model and how is it implemented?", author: "Hafiz TIOMOKO ALI"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "NLP in (African) Language Learning", author: "Bonaventure DOSSOU"}, + {heure1: "16:00", heure2: "16:30", theme: "Assessment of farms agroecological transition in Burkina Faso: Proposal of an empirical approach", author: "Théodore NIKIEMA"}, + {heure1: "16:30", heure2: "17:00", theme: "AAI to support healthcare professionals in skin cancerdiagnosis process", author: "Dr Esther CHABI ADJOBO"}, + {heure1: "17:00", heure2: "17:30", theme: "Disturbances in water distribution networks: AI-based simulation and prediction", author: "Hermione F. W.Denakpo"}, + {heure1: "17:30", heure2: "18:00", theme: "", author: ""}, + ] + }, + + { + date: "2023-11-09", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Automatic text classification of research results using Deep Neural Networks: an overview of the comparison of classifiers", author: "Félicité DOMGUE"}, + {heure1: "10:00", heure2: "12:00", theme: "Ethical considerations in AI-driven education (privacy, bias and fairness)", author: "Ratheil HOUNDJI"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "Scholarly Knowledge Graph applications", author: "Ghislain ATEMEZING"}, + {heure1: "16:00", heure2: "16:30", theme: "Sensory Characterization of Local Products using an Electronic Robot and Smart Data Classifier", author: "AFFOGNON Lionel"}, + {heure1: "16:30", heure2: "17:00", theme: "Anomaly detection in smart contracts", author: "Rosaire SENOU"}, + {heure1: "17:00", heure2: "17:30", theme: "A Bibliometric Analysis of Research on Techniques for Network Communications Security", author: "ISMAEEL ABIODUN SIKIRU"}, + {heure1: "17:30", heure2: "18:00", theme: "", author: ""}, + ] + }, + + { + date: "2023-11-10", + horaires: [ + {heure1: "08:00", heure2: "10:00", theme: "Data Science and mathematical applications && Normal-Power Regression Model", author: "Matthew EKUM"}, + {heure1: "10:00", heure2: "12:00", theme: "Security challenges in Educational Data", author: "Arnaud Ahouandjinou"}, + {heure1: "12:00", heure2: "14:00", theme: "Lunch Break", author: ""}, + {heure1: "14:00", heure2: "16:00", theme: "Case Studies of Successful AI Implementation in Education - Focus in Africa ", author: "Panel"}, + {heure1: "16:00", heure2: "16:30", theme: "Open discussions and closing marks", author: ""}, + {heure1: "16:30", heure2: "17:00", theme: "", author: ""}, + {heure1: "17:00", heure2: "17:30", theme: "", author: ""}, + {heure1: "17:30", heure2: "18:00", theme: "", author: ""}, + ] + }, + +] + +function getDayName(date) { + var date = new Date(date); + + var options = { weekday: 'long' }; + + return date.toLocaleDateString('en-US', options); +} + + +for (let i = 0; i < programs.length; i++) { + const program = programs[i]; + var author = ""; + var topic = ""; + var programDiv="", horaireDiv=""; + + for (let j = 0; j < program.horaires.length; j++) { + const horaire = program.horaires[j]; + + if (horaire.theme == null || horaire.theme == "") + break; + + else if (horaire.theme != null || horaire.theme != "") { + + if(horaire.author === "" || horaire.author === null) + author = ""; + else + author = "By: "; + + if(horaire.theme === "" || horaire.theme === null) + topic = ""; + else + topic = "Topic: "; + + horaireDiv += "
" + horaire.heure1 + " – "+ horaire.heure2 +"

" + topic + horaire.theme +"

" + author + " "+ horaire.author +"
"; + } + } + + programDiv = "
"+ "

" + getDayName(program.date) +": " + program.date + "

" + horaireDiv + "
" + + programsDiv.innerHTML += programDiv; +} diff --git a/styles/context.css b/styles/context.css new file mode 100644 index 0000000..133f184 --- /dev/null +++ b/styles/context.css @@ -0,0 +1,219 @@ +.context{ + margin-top: 4rem; +} + +.context h2, .objectivesPresentation h2, .participantsSection h2{ + margin-top: 2rem; +} + +.context h2{ + font-size: 2.5rem; + font-weight: 500; + margin-bottom: 15px; +} + +.context p{ + font-size: 18px; + border-left: 4px solid rgba(0, 0, 0, 0.119); + padding-left: 20px; + margin-top: 10px; + max-width: 800px; + text-align: justify; +} + +.objectivesPresentation{ + margin-top: 4rem; +} + +.objectivesPresentation h2{ + font-size: 2.5rem; + margin: 20px 0; + font-weight: 500; + +} + +.objectivesPresentation p{ + max-width: 800px; + text-align: justify; + +} + +.objectivesPresentation .objectives{ + gap: 5%; +} + +.objectivesPresentation .objectives .objectivesImage{ + width: 50%; + height: 100%; +} + +.objectivesPresentation .objectivesImage img{ + width: 100%; + height: 100%; + min-height: 300px; +} + +.objectivesPresentation .objectives .objective{ + align-items: start; + margin-top: 20px; + gap: 10px; + color: var(--colorPrimary); + justify-content: start; +} + +.objectivesPresentation .objectives p.objDesc{ + font-size: 18px; + border-left: solid rgba(0, 0, 0, 0.295); + padding-left: 20px; +} + +.objectivesPresentation .objectives .objective i{ + margin-top: 3px; + fill: var(--colorPrimary); + color: rgb(13, 107, 194); + font-size: 22px; +} + +.objectivesPresentation .objectives .objective span{ + margin-left: 10px; +} + + +.participantsSection{ + margin-top: 4rem;; +} + +.participantsSection.sectionM{ + margin-top: 8rem;; +} + + +.participantsSection h2{ + font-size: 2.5rem; + font-weight: 500; + margin-bottom: 20px; +} + +.participantsSection .participants{ + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + gap: 5%; + row-gap: 15px; +} + +.participantsSection .participants .participant{ + display: flex; + padding: 10px 15px; + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.195); + border-radius: 10px; + align-items: center; + text-align: center; + font-size: 18px; +} + +.participantsSection .addressedTopics{ + display: grid; + grid-template-columns: 1fr 1fr 1fr; + gap: 5%; + row-gap: 30px; +} + +.participantsSection .adressedTopic{ + box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.195), -1px -1px 10px rgba(0, 0, 0, 0.195); + border-radius: 10px; + text-align: left; + gap: 10px; + justify-content: start; + padding: 10px; +} + +.participantsSection .adressedTopic img{ + width: 130px; + border-radius: 10px; + height: 100%; +} + + +.participantsSection.venue img{ + width: 100%; + max-width: 600px; +} + +@media screen and (max-width: 900px){ + .participantsSection .addressedTopics{ + grid-template-columns: 1fr; + } +} + +@media screen and (max-width: 700px) { + .context p{ + font-size: 17px; + } + + .objectivesPresentation .objectives{ + flex-direction: column; + } + + .objectivesPresentation .objectives .objectivesImage{ + width: 100%; + margin-top: 2rem; + } + + .objectivesPresentation .objectivesImage img{ + height: 100%; + min-height: 200px; + } + + .participantsSection .participants{ + grid-template-columns: 1fr 1fr; + } + + .participantsSection .addressedTopics{ + grid-template-columns: 1fr; + } + + .participantsSection{ + margin-top: 0 !important; + } +} + +@media screen and (max-width: 450px) { + .context p{ + font-size: 16px; + padding-left: 10px; + margin: 0 5px; + } + + .objectivesPresentation .objectives p{ + font-size: 16px; + text-align: left; + } + + .objectivesPresentation .objectives p.objDesc{ + font-size: 16px; + padding-left: 5px; + } + + .participantsSection .participants{ + grid-template-columns: 1fr; + } + + .context h2, .objectivesPresentation h2, .participantsSection h2{ + font-size: 1.8rem; + } +} + +.footer{ + text-align: center; + margin: 4rem 0 0; + border-top: 1px solid rgba(0, 0, 0, 0.295); + padding-top: 20px; +} + +.footer p{ + margin-bottom: 20px; +} + +.footer span b{ + color: var(--primaryColor); +} \ No newline at end of file diff --git a/styles/header.css b/styles/header.css new file mode 100644 index 0000000..a1de391 --- /dev/null +++ b/styles/header.css @@ -0,0 +1,152 @@ +header{ + margin: 140px 0 2rem; + position: relative; + flex-direction: row-reverse; + gap: 5%; + align-items: center; +} + +header .headerImage{ + background: white; + border-radius: 30px; + height: 400px; + width: 50%; +} + +header .headerImage img{ + width: 100%; + border-radius: 30px; + height: 100%; +} + +header .headerContent{ + position: relative; + z-index: 10; +} + +header .headerContent p{ + font-size: 18px; + max-width: 600px; +} + +header .headerContent span{ + font-size: 17px; + white-space: nowrap; +} + +header .headerContent h1{ + margin: 30px 0 10px; + font-size: 2.7rem; +} + +header .headerContent .live{ + margin: 20px 0 20px 0; + padding: 15px 15px; + width: fit-content; + border: 1px solid rgba(0, 0, 0, 0.459); + border-radius: 20px; +} + +header .headerContent .buttons{ + justify-content: start; + gap: 5%; +} + +header .headerContent .buttons a, .buttonStyle a{ + gap: 10px; + color: white; + background: var(--primaryColor); + border: 1px solid var(--primaryColor); + padding: 10px 20px; +} + +header .headerTitle.headerTitleRespon{ + display: none; +} + +@media screen and (max-width: 1000px) { + header{ + flex-direction: column; + margin-top: 150px; + } + + header .headerImage{ + height: 270px; + width: 100%; + border-radius: 30px; + margin-bottom: 20px; + } + + header .headerImage img{ + border-radius: 30px; + } + + header .headerTitle{ + display: none; + } + + header .headerTitle.headerTitleRespon{ + display: block; + } + + + header .headerTitle.headerTitleRespon h1{ + margin: 5px 0 10px; + font-size: 2.5rem; + } + +} + + +@media screen and (max-width: 750px){ + header{ + margin-top: 40px; + } +} + + +@media screen and (max-width: 450px){ + header .headerTitle.headerTitleRespon h1{ + font-size: 1.8rem; + } + + header p{ + font-size: 16px; + } + + header .headerContent .buttons a, .buttonStyle a{ + gap: 5px; + font-size: 16px; + } + + header .headerContent .live p{ + font-size: 14px; + } + + header .headerContent p{ + font-size: 16px; + } + +} + +@media screen and (max-width: 330px){ + header .headerContent .buttons{ + flex-direction: column-reverse; + gap: 10px; + } + + header .headerContent .buttons a, .buttonStyle a{ + gap: 10px; + color: white; + background: var(--primaryColor); + border: 1px solid var(--primaryColor); + padding: 10px 20px; + } +} + +.buttonStyle a{ + margin: 2rem 0; + width: fit-content; + white-space: nowrap; + padding: 15px 10px; +} \ No newline at end of file diff --git a/styles/home.css b/styles/home.css new file mode 100644 index 0000000..4e1175d --- /dev/null +++ b/styles/home.css @@ -0,0 +1,175 @@ +.content{ + margin: 1rem 5%; +} + +.content .full_bar .bar{ + position: fixed; + top: 20px; left: 5%; + border-radius: 20px; + border: 1px solid rgba(0, 0, 0, 0.1); + justify-content: space-between; + padding: 10px 1rem; + width: 90%; + background: white; + z-index: 100; +} + +.content .full_bar .bar .logo{ + font-size: 20px; + align-items: center; + gap: 10px; + white-space: nowrap; +} + +.content .full_bar .bar .logo i{ + color: var(--primaryColor); +} + +.content .full_bar ul.menuLinks{ + gap: 25px; + color: black; + font-size: 17px; +} + +.content .full_bar ul.menuLinks i{ + display: none; +} + +.content .full_bar ul.menuLinks a{ + color: black; +} + +.content .full_bar ul.menuLinks a.active{ + color: var(--primaryColor); +} + +.content .full_bar ul.menuLinks a.active::before{ + top: calc(100% + 3px); + left: 50%; + background: var(--primaryColor); + transform: translate(-50%, 0%); + width: 30%; + height: 4px; + border-radius: 5px; +} + +.content .full_bar .live{ + background: var(--primaryColor); + border-radius: 10px; + padding: 10px 20px; + color: white; + white-space: nowrap; + overflow: hidden; +} + +.content .full_bar .bar .live p{ + /* white-space: nowrap; */ + overflow: hidden; + text-overflow: ellipsis; + max-width: 200px; +} + +.content .full_bar .overflow{ + display: none; +} + +.content .full_bar .bar .menuBtn{ + display: none; + font-size: 18px; +} + +.content .full_bar .live.liveres{ + display: none; +} + +@media screen and (max-width: 1100px) { + .content{ + margin: 0rem 3%; + } + + .content .full_bar .bar{ + position: fixed; + z-index: 100; + background: white; + width: 95%; + left: 2.5%; + } + + .content .full_bar ul.menuLinks{ + position: fixed; + top: 45vh; + left: 50%; + background: white; + border-radius: 10px; + padding: 3rem 5rem; + flex-direction: column; + gap: 15px; + transform: translate(-50%, 90vh) scale(.5); + z-index: 10; + transition: .5s ease; + } + + .content .full_bar .menuLinks.menuActive{ + transform: translate(-50%, -50%) scale(1); + } + + + .content .full_bar ul.menuLinks a{ + margin-bottom: 20px; + font-size: 20px; + } + + .content .full_bar .overflow{ + display: none; + } + + .content .full_bar .overflow.overflowActive{ + display: block; + } + + .content .full_bar .bar .menuBtn{ + display: block; + cursor: pointer; + } +} + +@media screen and (max-width: 750px){ + .content .full_bar .bar .live{ + display: none; + } + + .content .full_bar .live.liveres{ + display: flex; + width: 90%; + margin-left: 5%; + margin-top: 80px; + border-radius: 5px; + } + + .content .full_bar .bar .live p{ + max-width: 400px; + } +} + +@media screen and (max-width: 450px){ + + .content .full_bar .bar{ + width: 96%; + padding: 10px 1rem; + left: 2; + } + + .content .full_bar .live.liveres{ + width: 100%; + margin-left: 0; + padding: 10px 10px; + } + + .content .full_bar .bar .live p{ + max-width: 200px; + } + + .content .full_bar .bar .logo{ + font-size: 18px; + } +} \ No newline at end of file diff --git a/styles/index.css b/styles/index.css new file mode 100644 index 0000000..e142600 --- /dev/null +++ b/styles/index.css @@ -0,0 +1,55 @@ +@import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;1,100;1,200&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,800;1,300;1,400;1,800&display=swap'); + +*, ::before, ::after{ + margin: 0; + padding: 0; + box-sizing: border-box; + text-decoration: none; + list-style: none; +} + +:root{ + --primaryColor: rgb(13, 107, 194); +} + +body{ + font-family: 'Montserrat', sans-serif; + background: white; + max-width: 1300px; + margin: auto; + overflow-x: hidden; + width: 100%; +} + +a{ + color: black; +} + +.flex{ + display: flex; + flex-wrap: nowrap; + align-items: center; + justify-content: space-between; +} + +.before, .after{ + position: relative; +} + +.before::before, .after::after{ + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 1px; +} + +.overflow{ + position: absolute; + background: rgba(0, 0, 0, 0.466); + top: 0; left: 0; + width: 100%; + height: 100%; + z-index: 5; +} \ No newline at end of file diff --git a/styles/program.css b/styles/program.css new file mode 100644 index 0000000..074b569 --- /dev/null +++ b/styles/program.css @@ -0,0 +1,67 @@ +.programs{ + margin: 2rem 5%; +} + +.content.programsSection h2{ + margin-top: 7rem; +} + +.programs .program{ + margin-top: 5rem; + border-left: 4px solid rgba(0, 0, 0, 0.179); + padding-left: 20px; +} + +.programs .program h4{ + font-size: 2rem; + font-weight: 500; + margin-bottom: 15px; + text-decoration: underline var(--primaryColor); +} + +.programs .program .hoursPrograms{ + margin-bottom: 40px; + margin-left: 30px; +} +.programs .program .hoursPrograms .hProgramContent{ + border-left: 1px solid rgba(0, 0, 0, 0.479); + padding-left: 20px; + padding-top: 10px; + margin-left: 55px; +} + +.programs .program .hoursPrograms .hProgramContent p{ + margin-bottom: 15px; + max-width: 500px; +} + +@media screen and (max-width: 500px) { + .programs{ + margin: 1rem 3%; + } + + .content.programsSection h2{ + margin-top: 2rem; + } + + .programs .program{ + margin-bottom: 3rem; + border-left: 3px solid rgba(0, 0, 0, 0.179); + padding-left: 10px; + } + + .programs .program h4{ + font-size: 1.4rem; + } + + .programs .program .hoursPrograms{ + margin-bottom: 40px; + margin-left: 5px; + } + + .programs .program .hoursPrograms .hProgramContent{ + padding-left: 20px; + padding-top: 10px; + margin-left: 7px; + } +} \ No newline at end of file