text: export default function Tibistory(props) {
      const titre = {
          "en" : "oh yeah !!",
          "fr" : "oh la la !",
          "cn" : "dui dui dui",
          "date" : {
              "en" : "2016",
              "fr" : "2015",
              "cn" : "2014年",
          }
      }
  
      return (
          <section className="min-h-screen md:p-36 bg-sec-75">
              <h1  className="text-center text-primary-content uppercase text-5xl font-extralight col-span-full">
                  Tibistory - {(props.lang === "fr") ?
                  (
                      <p>est en français !!</p>
                  ) : (
                      <p>est dans une autre langue : {props.lang}</p>
                  )}
              </h1>
  
              <h1>{titre[props.lang]}</h1>
              <p>{titre.date[props.lang]}</p>
  
  
  
              <div className="grid grid-cols-1 bg-primary/75 gap-20">
                  <article className="grid grid-cols-4 gap-8">
                      <header className="">
                          <h2>Penn University</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <main className="col-span-3">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
                  <article className="grid grid-cols-4 gap-8">
                      <header className="">
                          <h2>Penn University of MassaChaussette des USA d'Amériques en Amérique</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <main className="col-span-3">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
                  <article className="grid grid-cols-4 gap-8">
                      <header className="">
                          <h2>Penn University</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <main className="col-span-3">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
              </div>
  
  
              <div className="hidden h-8 bg-secondary my-20 lg:flex" />
              <div className="h-8 bg-primary my-20 lg:hidden" />
  
  
              <div className="grid grid-cols-1 bg-primary/75 gap-20">
                  <article className="flex">
                      <header className="flex-none w-36 lg:w-52 mr-8">
                          <h2>Penn University</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <main className="grow">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
                  <article className="flex">
                      <header className="flex-none w-36 lg:w-52 text-right">
                          <h2>Penn University of MassaChaussettes des USA d'Amériques en Amérique</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <div className="flex flex-col justify-items-center mx-6">
                          <span className="flex-none w-2 h-2  bg-white rounded-3xl m-3" />
                          <span className="grow w-0 border-r-[0.5px] border-accent mx-4"/>
                      </div>
                      <main className="grow pb-4">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
                  <article className="flex">
                      <header className="flex-none w-36 lg:w-52 text-right">
                          <h2>Penn University of MassaChaussettes des USA d'Amériques en Amérique</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <div className="flex flex-col justify-items-center mx-6">
                          <span className="flex-none w-2 h-2  bg-white rounded-3xl m-3" />
                          <span className="grow w-0 border-r-[0.5px] border-accent mx-4"/>
                      </div>
                      <main className="grow pb-4">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
              </div>
  
  
              <div className="grid grid-cols-1 bg-primary/75">
                  <article className="flex">
                      <header className="flex-none w-36 lg:w-52 text-right">
                          <h2>Penn University of MassaChaussettes des USA d'Amériques en Amérique</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <div className="flex flex-col justify-items-center mx-6">
                          <span className="flex-none w-2 h-2  bg-white rounded-3xl m-3" />
                          <span className="grow w-0 border-r-[0.5px] border-accent mx-4"/>
                      </div>
                      <main className="grow mb-6 pb-6 border-primary border-b-2">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
                  <article className="flex">
                      <header className="flex-none w-36 lg:w-52 text-right">
                          <h2>Penn University of MassaChaussettes des USA d'Amériques en Amérique</h2>
                          <p>May 2014 - Mar 2015</p>
                      </header>
                      <div className="flex flex-col justify-items-center mx-6">
                          <span className="flex-none w-2 h-2  bg-white rounded-full m-3" />
                          <span className="grow w-0 border-l-2 border-accent rounded-full border-dashed mx-4"/>
                      </div>
                      <main className="grow pb-6">
                          <h3>Course - Gamification (course)</h3>
                          <p>Gamification is the application of game elements and digital game design techniques to non-game problems, such as business and social impact challenges. This course thought me about the mechanisms of gamification, why it has such tremendous potential, and how to use it effectively. </p>
                          <a href="utc.fr">UTC</a>
                      </main>
                  </article>
              </div>
          </section>
      )
  }