migrating to github pages :)

the website of the club wont be hosted on godaddy servers any more :) time to move to open source and github !
INSEAIT · Jan 6, 2019 · 30c253e · 30c253e
1 parent 4dc774f
commit 30c253e
Show file tree

Hide file tree

Showing 300 changed files with 61,693 additions and 11,414 deletions.
diff --git a/1.jpg → blog/1.jpg b/1.jpg → blog/1.jpg
diff --git a/2.jpg → blog/2.jpg b/2.jpg → blog/2.jpg
diff --git a/3.jpg → blog/3.jpg b/3.jpg → blog/3.jpg
diff --git a/4.jpg → blog/4.jpg b/4.jpg → blog/4.jpg
diff --git a/README.md → blog/README.md b/README.md → blog/README.md
diff --git a/blog.png → blog/blog.png b/blog.png → blog/blog.png
diff --git a/businessIntelligence.html → blog/businessIntelligence.html b/businessIntelligence.html → blog/businessIntelligence.html
diff --git a/computer_virus.html → blog/computer_virus.html b/computer_virus.html → blog/computer_virus.html
diff --git a/contact.html → blog/contact.html b/contact.html → blog/contact.html
diff --git a/css/clean-blog.css → blog/css/clean-blog.css b/css/clean-blog.css → blog/css/clean-blog.css
diff --git a/css/clean-blog.min.css → blog/css/clean-blog.min.css b/css/clean-blog.min.css → blog/css/clean-blog.min.css
diff --git a/data.jpg → blog/data.jpg b/data.jpg → blog/data.jpg
diff --git a/data_science.html → blog/data_science.html b/data_science.html → blog/data_science.html
diff --git a/git.html → blog/git.html b/git.html → blog/git.html
diff --git a/golden_cercle.html → blog/golden_cercle.html b/golden_cercle.html → blog/golden_cercle.html
diff --git a/img/1.jpg → blog/img/1.jpg b/img/1.jpg → blog/img/1.jpg
diff --git a/img/2.jpg → blog/img/2.jpg b/img/2.jpg → blog/img/2.jpg
diff --git a/img/3.jpg → blog/img/3.jpg b/img/3.jpg → blog/img/3.jpg
diff --git a/img/4.jpg → blog/img/4.jpg b/img/4.jpg → blog/img/4.jpg
diff --git a/img/RstudioWorkspace.jpg → blog/img/RstudioWorkspace.jpg b/img/RstudioWorkspace.jpg → blog/img/RstudioWorkspace.jpg
diff --git a/img/about-bg.jpg → blog/img/about-bg.jpg b/img/about-bg.jpg → blog/img/about-bg.jpg
diff --git a/img/acc.jpeg → blog/img/acc.jpeg b/img/acc.jpeg → blog/img/acc.jpeg
diff --git a/img/ai1.jpg → blog/img/ai1.jpg b/img/ai1.jpg → blog/img/ai1.jpg
diff --git a/img/ai2.jpg → blog/img/ai2.jpg b/img/ai2.jpg → blog/img/ai2.jpg
diff --git a/img/aipost.jpg → blog/img/aipost.jpg b/img/aipost.jpg → blog/img/aipost.jpg
diff --git a/img/article_image.jpeg → blog/img/article_image.jpeg b/img/article_image.jpeg → blog/img/article_image.jpeg
diff --git a/img/backgroundimageweb3.jpeg → blog/img/backgroundimageweb3.jpeg b/img/backgroundimageweb3.jpeg → blog/img/backgroundimageweb3.jpeg
diff --git a/img/backgroundimageweb3new.jpeg → blog/img/backgroundimageweb3new.jpeg b/img/backgroundimageweb3new.jpeg → blog/img/backgroundimageweb3new.jpeg
diff --git a/img/band.jpg → blog/img/band.jpg b/img/band.jpg → blog/img/band.jpg
diff --git a/img/bi.jpg → blog/img/bi.jpg b/img/bi.jpg → blog/img/bi.jpg
diff --git a/img/confit.PNG → blog/img/confit.PNG b/img/confit.PNG → blog/img/confit.PNG
diff --git a/img/confit.jpg → blog/img/confit.jpg b/img/confit.jpg → blog/img/confit.jpg
diff --git a/img/contact-bg.jpg → blog/img/contact-bg.jpg b/img/contact-bg.jpg → blog/img/contact-bg.jpg
diff --git a/img/data.jpg → blog/img/data.jpg b/img/data.jpg → blog/img/data.jpg
diff --git a/img/data_frame.png → blog/img/data_frame.png b/img/data_frame.png → blog/img/data_frame.png
diff --git a/img/f_kouzmane.png → blog/img/f_kouzmane.png b/img/f_kouzmane.png → blog/img/f_kouzmane.png
diff --git a/img/git_logo.jpg → blog/img/git_logo.jpg b/img/git_logo.jpg → blog/img/git_logo.jpg
diff --git a/img/github.jpg → blog/img/github.jpg b/img/github.jpg → blog/img/github.jpg
diff --git a/img/github_logo.png → blog/img/github_logo.png b/img/github_logo.png → blog/img/github_logo.png
diff --git a/img/github_social_coding.jpg → blog/img/github_social_coding.jpg b/img/github_social_coding.jpg → blog/img/github_social_coding.jpg
diff --git a/img/github_yes_we_code.jpg → blog/img/github_yes_we_code.jpg b/img/github_yes_we_code.jpg → blog/img/github_yes_we_code.jpg
diff --git a/img/golden.jpg → blog/img/golden.jpg b/img/golden.jpg → blog/img/golden.jpg
diff --git a/img/health-1.png → blog/img/health-1.png b/img/health-1.png → blog/img/health-1.png
diff --git a/img/health-2.png → blog/img/health-2.png b/img/health-2.png → blog/img/health-2.png
diff --git a/img/home-bg.jpg → blog/img/home-bg.jpg b/img/home-bg.jpg → blog/img/home-bg.jpg
diff --git a/img/html code.png → blog/img/html code.png b/img/html code.png → blog/img/html code.png
diff --git a/img/installrvest.png → blog/img/installrvest.png b/img/installrvest.png → blog/img/installrvest.png
diff --git a/img/iot-bg.jpg → blog/img/iot-bg.jpg b/img/iot-bg.jpg → blog/img/iot-bg.jpg
diff --git a/img/itvillage.png → blog/img/itvillage.png b/img/itvillage.png → blog/img/itvillage.png
diff --git a/img/layers.png → blog/img/layers.png b/img/layers.png → blog/img/layers.png
diff --git a/img/mobilite.jpg → blog/img/mobilite.jpg b/img/mobilite.jpg → blog/img/mobilite.jpg
diff --git a/img/parascolaire.jpg → blog/img/parascolaire.jpg b/img/parascolaire.jpg → blog/img/parascolaire.jpg
diff --git a/img/post-bg.jpg → blog/img/post-bg.jpg b/img/post-bg.jpg → blog/img/post-bg.jpg
diff --git a/img/post-sample-image.jpg → blog/img/post-sample-image.jpg b/img/post-sample-image.jpg → blog/img/post-sample-image.jpg
diff --git a/img/post_image.jpeg → blog/img/post_image.jpeg b/img/post_image.jpeg → blog/img/post_image.jpeg
diff --git a/img/simon.jpg → blog/img/simon.jpg b/img/simon.jpg → blog/img/simon.jpg
diff --git a/img/simon_bg.jpg → blog/img/simon_bg.jpg b/img/simon_bg.jpg → blog/img/simon_bg.jpg
diff --git a/img/simon_book.jpg → blog/img/simon_book.jpg b/img/simon_book.jpg → blog/img/simon_book.jpg
diff --git a/img/simonn.jpg → blog/img/simonn.jpg b/img/simonn.jpg → blog/img/simonn.jpg
diff --git a/img/story.jpg → blog/img/story.jpg b/img/story.jpg → blog/img/story.jpg
diff --git a/img/transp.png → blog/img/transp.png b/img/transp.png → blog/img/transp.png
diff --git a/img/tuto_addhello.png → blog/img/tuto_addhello.png b/img/tuto_addhello.png → blog/img/tuto_addhello.png
diff --git a/img/tuto_addstatus.png → blog/img/tuto_addstatus.png b/img/tuto_addstatus.png → blog/img/tuto_addstatus.png
diff --git a/img/tuto_commit.png → blog/img/tuto_commit.png b/img/tuto_commit.png → blog/img/tuto_commit.png
diff --git a/img/tuto_createRepo.png → blog/img/tuto_createRepo.png b/img/tuto_createRepo.png → blog/img/tuto_createRepo.png
diff --git a/img/tuto_editHello.png → blog/img/tuto_editHello.png b/img/tuto_editHello.png → blog/img/tuto_editHello.png
diff --git a/img/tuto_gitstatus.png → blog/img/tuto_gitstatus.png b/img/tuto_gitstatus.png → blog/img/tuto_gitstatus.png
diff --git a/img/tuto_init.png → blog/img/tuto_init.png b/img/tuto_init.png → blog/img/tuto_init.png
diff --git a/img/tuto_woopsies.png → blog/img/tuto_woopsies.png b/img/tuto_woopsies.png → blog/img/tuto_woopsies.png
diff --git a/img/village.jpg → blog/img/village.jpg b/img/village.jpg → blog/img/village.jpg
diff --git a/img/village2.png → blog/img/village2.png b/img/village2.png → blog/img/village2.png
diff --git a/img/web3apps.png → blog/img/web3apps.png b/img/web3apps.png → blog/img/web3apps.png
diff --git a/blog/index.html b/blog/index.html
@@ -0,0 +1,304 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  <head>
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="">
+
+    <title>INSEA IT Blog</title>
+    <meta name="description" content="INSEA IT BLOG"/>
+    <meta property="og:image" content="blog.png">
+    <meta property="og:image:type" content="image/png">
+    <meta property="og:image:width" content="1024">
+    <meta property="og:image:height" content="1024">
+
+    <!-- Bootstrap core CSS -->
+    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Custom fonts for this template -->
+    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+
+    <!-- Custom styles for this template -->
+    <link href="css/clean-blog.min.css" rel="stylesheet">
+
+  </head>
+
+  <body>
+
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+      <div class="container">
+        <a class="navbar-brand" href="index.html">INSEA IT Blog </a>
+        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+          Menu
+          <i class="fa fa-bars"></i>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarResponsive">
+          <ul class="navbar-nav ml-auto">
+            <li class="nav-item">
+              <a class="nav-link" href="index.html">Home</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="index.html">Information Technology</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="insea_stories.html">INSEA Stories</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="https://inseait.com/">inseait.com</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+
+    <!-- Page Header -->
+    <header class="masthead" style="background-image: url('img/home-bg.jpg')">
+      <div class="overlay"></div>
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-8 col-md-10 mx-auto">
+            <div class="site-heading">
+              <h1>INSEA IT Blog</h1>
+              <span class="subheading"> It is through sharing knowledge,that our civilization come to be </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </header>
+
+    <!-- Main Content -->
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-md-10 mx-auto">
+          <div class="post-preview">
+            <a href="computer_virus.html">
+              <h2 class="post-title">
+                Computer virus for non IT-people
+              </h2>
+              <h3 class="post-subtitle">
+                this is all you need to know about computer virus and how to secure your hardware from them
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+              <a href="https://www.linkedin.com/in/zakaria-el-bazi-09a568131/">Zakaria ELBAZI</a>
+              on July 18, 2018</p>
+          </div>
+           <hr>
+           <div class="post-preview">
+            <a href="data_science.html">
+              <h2 class="post-title">
+                Demystifying Data Science
+              </h2>
+
+              <h3 class="post-subtitle">
+                We are seeing a hype about Data Science, and we hear many different interpretations of it. But for both developers and non developers, it became       very rare to pin exactly what is Data Science in exact meanings.
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+              <a href="https://www.linkedin.com/in/ihab-bendidi-31783b138/">Ihab BENDIDI</a>
+              on July 18, 2018</p>
+          </div>
+          <hr>
+           <div class="post-preview">
+            <a href="what_is_ai.html">
+              <h2 class="post-title">
+                What Is AI? 
+              </h2>
+
+              <h3 class="post-subtitle">
+               Artificial Intelligence For Beginners
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+               <a href="https://www.linkedin.com/in/abdelsamery/">Abdelouadoud ES-SAMERY</a>
+              on July 19, 2018</p>
+          </div>
+          <!--  article start here -->
+                    <hr>
+           <div class="post-preview">
+            <a href="scrapingR.html">
+              <h2 class="post-title">
+                Web scraping using R -Part1-
+              </h2>
+
+              <h3 class="post-subtitle">
+               The easiest way to scrap data from websites
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+               <a href="https://www.linkedin.com/in/fouad-kouzmane-b8a00a162/">Fouad Kouzmane</a>
+              on July 20, 2018</p>
+          </div>
+
+          <!--  article ends here -->
+
+                    <hr>
+           <div class="post-preview">
+            <a href="businessIntelligence.html">
+              <h2 class="post-title">
+                Cest quoi la Business Intelligence ?
+              </h2>
+
+              <h3 class="post-subtitle">
+
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+               <a href="https://www.linkedin.com/in/hamza-el-mastik-258647124/">El Mastik Hamza</a>
+              on July 23, 2018</p>
+          </div> <hr>
+          <!--  article ends here -->
+
+
+           <div class="post-preview">
+            <a href="git.html">
+              <h2 class="post-title">
+                Git and GitHub
+              </h2>
+
+              <h3 class="post-subtitle">
+               Why should you be using git and GitHub
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+                <a href="https://www.linkedin.com/in/nacer-sebti-2580a1142/">Nacer SEBTI</a>
+              on August 03, 2018</p>
+          </div>
+
+          <hr>
+          <div class="post-preview">
+            <a href="iot.html">
+              <h2 class="post-title">
+                The Internet Of Things : “Connected life & intelligent world”
+              </h2>
+
+              <h3 class="post-subtitle">
+               Can you imagine a world where billions of objects can sense, communicate and share information over the internet. Maybe one day you will be able to control your air conditioner and you can make it on, while you are returning home.
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+                <a href="https://www.linkedin.com/in/aicha-ouchkat-71175b143/">Aicha OUCHKAT</a>
+                on August 14, 2018</p>
+          </div>
+
+          <hr>
+           <div class="post-preview">
+            <a href="nextweb.html">
+              <h2 class="post-title">
+                Web 3.0 : the era of a decentralized web 
+              </h2>
+
+              <h3 class="post-subtitle">
+               Characterestics of the next web 
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+               <a href="https://www.linkedin.com/in/fouad-kouzmane-b8a00a162/">Fouad Kouzmane</a>
+              on November 09, 2018</p>
+          </div>
+
+          <!-- 
+          <hr>
+          <div class="post-preview">
+            <a href="post.html">
+              <h2 class="post-title">
+                I believe every human has a finite number of heartbeats. I don't intend to waste any of mine.
+              </h2>
+            </a>
+            <p class="post-meta">Posted by
+              <a href="#">Start Bootstrap</a>
+              on September 18, 2018</p>
+          </div>
+          <hr>
+          <div class="post-preview">
+            <a href="post.html">
+              <h2 class="post-title">
+                Science has not yet mastered prophecy
+              </h2>
+              <h3 class="post-subtitle">
+                We predict too much for the next year and yet far too little for the next ten.
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+              <a href="#">Start Bootstrap</a>
+              on August 24, 2018</p>
+          </div>
+          <hr>
+          <div class="post-preview">
+            <a href="post.html">
+              <h2 class="post-title">
+                Failure is not an option
+              </h2>
+              <h3 class="post-subtitle">
+                Many say exploration is part of our destiny, but it’s actually our duty to future generations.
+              </h3>
+            </a>
+            <p class="post-meta">Posted by
+              <a href="#">Start Bootstrap</a>
+              on July 8, 2018</p>
+          </div>
+          <hr>
+          -->
+          <!-- Pager -->
+          <div class="clearfix">
+            <a class="btn btn-primary float-right" href="#">Older Posts &rarr;</a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <hr>
+
+  <!-- Footer -->
+  <footer>
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-md-10 mx-auto">
+          <ul class="list-inline text-center">
+            <li class="list-inline-item">
+              <a href="https://inseait.com/">
+                <span class="fa-stack fa-lg">
+                  <i class="fa fa-circle fa-stack-2x"></i>
+                  <i class="fa fa-globe fa-stack-1x fa-inverse"></i>
+                </span>
+              </a>
+            </li>
+            <li class="list-inline-item">
+              <a href="https://www.facebook.com/insea.it">
+                <span class="fa-stack fa-lg">
+                  <i class="fa fa-circle fa-stack-2x"></i>
+                  <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+                </span>
+              </a>
+            </li>
+            <li class="list-inline-item">
+              <a href="#">
+                <span class="fa-stack fa-lg">
+                  <i class="fa fa-circle fa-stack-2x"></i>
+                  <i class="fa fa-github fa-stack-1x fa-inverse"></i>
+                </span>
+              </a>
+            </li>
+          </ul>
+          <p class="copyright text-muted">Copyright &copy; inseait.com 2018</p>
+        </div>
+      </div>
+    </div>
+  </footer>
+
+    <!-- Bootstrap core JavaScript -->
+    <script src="vendor/jquery/jquery.min.js"></script>
+    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+    <!-- Custom scripts for this template -->
+    <script src="js/clean-blog.min.js"></script>
+
+  </body>
+
+</html>
diff --git a/insea_stories.html → blog/insea_stories.html b/insea_stories.html → blog/insea_stories.html
diff --git a/iot.html → blog/iot.html b/iot.html → blog/iot.html
diff --git a/itvillage.html → blog/itvillage.html b/itvillage.html → blog/itvillage.html
diff --git a/itvillage2.html → blog/itvillage2.html b/itvillage2.html → blog/itvillage2.html
diff --git a/js/clean-blog.js → blog/js/clean-blog.js b/js/clean-blog.js → blog/js/clean-blog.js
diff --git a/js/clean-blog.min.js → blog/js/clean-blog.min.js b/js/clean-blog.min.js → blog/js/clean-blog.min.js
diff --git a/blog/js/contact_me.js b/blog/js/contact_me.js
@@ -0,0 +1,75 @@
+$(function() {
+
+  $("#contactForm input,#contactForm textarea").jqBootstrapValidation({
+    preventSubmit: true,
+    submitError: function($form, event, errors) {
+      // additional error messages or events
+    },
+    submitSuccess: function($form, event) {
+      event.preventDefault(); // prevent default submit behaviour
+      // get values from FORM
+      var name = $("input#name").val();
+      var email = $("input#email").val();
+      var phone = $("input#phone").val();
+      var message = $("textarea#message").val();
+      var firstName = name; // For Success/Failure Message
+      // Check for white space in name for Success/Fail message
+      if (firstName.indexOf(' ') >= 0) {
+        firstName = name.split(' ').slice(0, -1).join(' ');
+      }
+      $this = $("#sendMessageButton");
+      $this.prop("disabled", true); // Disable submit button until AJAX call is complete to prevent duplicate messages
+      $.ajax({
+        url: "././mail/contact_me.php",
+        type: "POST",
+        data: {
+          name: name,
+          phone: phone,
+          email: email,
+          message: message
+        },
+        cache: false,
+        success: function() {
+          // Success message
+          $('#success').html("<div class='alert alert-success'>");
+          $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
+            .append("</button>");
+          $('#success > .alert-success')
+            .append("<strong>Your message has been sent. </strong>");
+          $('#success > .alert-success')
+            .append('</div>');
+          //clear all fields
+          $('#contactForm').trigger("reset");
+        },
+        error: function() {
+          // Fail message
+          $('#success').html("<div class='alert alert-danger'>");
+          $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;")
+            .append("</button>");
+          $('#success > .alert-danger').append($("<strong>").text("Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!"));
+          $('#success > .alert-danger').append('</div>');
+          //clear all fields
+          $('#contactForm').trigger("reset");
+        },
+        complete: function() {
+          setTimeout(function() {
+            $this.prop("disabled", false); // Re-enable submit button when AJAX call is complete
+          }, 1000);
+        }
+      });
+    },
+    filter: function() {
+      return $(this).is(":visible");
+    },
+  });
+
+  $("a[data-toggle=\"tab\"]").click(function(e) {
+    e.preventDefault();
+    $(this).tab("show");
+  });
+});
+
+/*When clicking on Full hide fail/success boxes */
+$('#name').focus(function() {
+  $('#success').html('');
+});
diff --git a/js/contact_me.min.js → blog/js/contact_me.min.js b/js/contact_me.min.js → blog/js/contact_me.min.js