added a style in index.html

hamida-mstafa · hamida-mstafa · commit f669513a6413 · 2018-12-14T10:19:40.000+03:00
diff --git a/.env b/.env
@@ -2,8 +2,8 @@ MODE = "dev"
 DB_NAME = 'replica'
 DB_USER = 'moringaschoolcom'
 DB_PASSWORD = 'mids'
-DB_HOST = '127.0.0.1'
-SECRET_KEY = '1ll$18*&mv-m0k%0167+7)9a%j+@6863q#k9@8v%r2(8mik_=l'
+DB_HOST='127.0.0.1'
+SECRET_KEY='1ll$18*&mv-m0k%0167+7)9a%j+@6863q#k9@8v%r2(8mik_=l'
 DEBUG=True
 ALLOWED_HOSTS='.localhost','.herokuapp.com','.127.0.0.1'
 DISABLE_COLLECTSTATIC=1
diff --git a/.gitignore b/.gitignore
@@ -84,7 +84,6 @@ celerybeat-schedule
 *.sage.py
 
 # Environments
-.env
 .venv
 env/
 venv/
diff --git a/Replica/static/js/script.js b/Replica/static/js/script.js
@@ -13,3 +13,38 @@ $(document).ready(function(){
     });
 
 });
+// Wrap every letter in a span
+$('.ml11 .letters').each(function(){
+  $(this).html($(this).text().replace(/([^\x00-\x80]|\w)/g, "<span class='letter'>$&</span>"));
+});
+
+anime.timeline({loop: true})
+  .add({
+    targets: '.ml11 .line',
+    scaleY: [0,1],
+    opacity: [0.5,1],
+    easing: "easeOutExpo",
+    duration: 700
+  })
+  .add({
+    targets: '.ml11 .line',
+    translateX: [0,$(".ml11 .letters").width()],
+    easing: "easeOutExpo",
+    duration: 700,
+    delay: 100
+  }).add({
+    targets: '.ml11 .letter',
+    opacity: [0,1],
+    easing: "easeOutExpo",
+    duration: 600,
+    offset: '-=775',
+    delay: function(el, i) {
+      return 34 * (i+1)
+    }
+  }).add({
+    targets: '.ml11',
+    opacity: 0,
+    duration: 1000,
+    easing: "easeOutExpo",
+    delay: 1000
+  });
diff --git a/Replica/templates/base.html b/Replica/templates/base.html
@@ -1,3 +1,4 @@
+{%load bootstrap4 %}
 {% load staticfiles %}
 <!DOCTYPE html>
 <html>
diff --git a/Replica/templates/index.html b/Replica/templates/index.html
@@ -8,9 +8,17 @@
   alert("Copied the text: " + copyText.value);
 }
 </script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>
 
 	<div class="container-fluid">
     <div class="jumbotron">
+      <h1 class="ml11">
+  <span class="text-wrapper">
+    <span class="line line1"></span>
+    <span class="letters">welcome to replica</span>
+  </span>
+ </h1>
+
     <p style="font-family:sans-serif; font-size: 40px; color: white; justify-content: center;display:flex; position:relative;top:30%;">welcome to replica</p>
     <br>
     <p style="font-family:sans-serif; font-size: 40px; color: white; justify-content: center;display:flex; position:relative;top:40%;">prepare to be amazed</p>
diff --git a/replica/settings.py b/replica/settings.py
@@ -35,12 +35,15 @@
 
 INSTALLED_APPS = [
     'Replica',
+    'bootstrap4',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
+
+
 ]
 
 MIDDLEWARE = [
diff --git a/replica/urls.py b/replica/urls.py
@@ -19,6 +19,6 @@
 
 urlpatterns = [
     url(r'^admin/', admin.site.urls),
-    url(r'^',include('Replica.urls')),
+    url(r'',include('Replica.urls')),
 
 ]

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,4 @@`
	`1`	`+{%load bootstrap4 %}`
`1`	`2`	`{% load staticfiles %}`
`2`	`3`	`<!DOCTYPE html>`
`3`	`4`	`<html>`
Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,6 @@`
`19`	`19`
`20`	`20`	`urlpatterns = [`
`21`	`21`	`url(r'^admin/', admin.site.urls),`
`22`		`- url(r'^',include('Replica.urls')),`
	`22`	`+ url(r'',include('Replica.urls')),`
`23`	`23`
`24`	`24`	`]`