Merge pull request #20 from prateekin/theme-abstractpaper

Added abstractpaper theme
siddhantdixit · Oct 16, 2022 · c57cadf · c57cadf
2 parents 0e2c85e + 43df060
commit c57cadf
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 1 deletion.
diff --git a/models/profile.js b/models/profile.js
@@ -18,7 +18,7 @@ const profileSchema = new mongoose.Schema({
     },
     theme:{
         type:String,
-        enum: ['default','dark','wave','purple','hexagonal','bluedot','purpledot','shapes','soundwave'],
+        enum: ['default','dark','wave','purple','hexagonal','bluedot','purpledot','shapes','soundwave','abstractpaper'],
         default: 'default'
     },
     totalViews:{

diff --git a/views/dashboard/appearance.ejs b/views/dashboard/appearance.ejs
@@ -82,6 +82,7 @@
           <option value="purpledot">PurpleDot</option>
           <option value="shapes">Shapes</option>
           <option value="soundwave">SoundWave</option>
+          <option value="abstractpaper">AbstractPaper</option>
         </select>
        </div>
 

diff --git a/views/userpage/themes/abstractpaper.ejs b/views/userpage/themes/abstractpaper.ejs
@@ -0,0 +1,58 @@
+<%- include('default.ejs') %>
+<style>
+     @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,500&family=Oxygen:wght@700&display=swap');
+     @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,500&family=Oxygen:wght@700&family=Yeseva+One&display=swap');
+     @import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@1,500&family=Neuton:ital@1&family=Oxygen:wght@700&family=Yeseva+One&display=swap');
+     @import url('https://fonts.googleapis.com/css2?family=Aclonica&family=EB+Garamond:ital,wght@1,500&family=Neuton:ital@1&family=Oxygen:wght@700&family=Yeseva+One&display=swap');
+     @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
+
+    body{
+        background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1640' height='760' preserveAspectRatio='none' viewBox='0 0 1640 760'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1012%26quot%3b)' fill='none'%3e%3crect width='1640' height='760' x='0' y='0' fill='%231a4e83'%3e%3c/rect%3e%3cpath d='M0 0L935.49 0L0 1198.7z' filter='url(%23SvgjsFilter1013)' fill='%232d409e'%3e%3c/path%3e%3cpath d='M0 760L935.49 760L0 -438.70000000000005z' filter='url(%23SvgjsFilter1013)' fill='%232d409e'%3e%3c/path%3e%3cpath d='M1640 760L704.51 760L1640 -438.70000000000005z' filter='url(%23SvgjsFilter1013)' fill='%232d409e'%3e%3c/path%3e%3cpath d='M1640 0L704.51 0L1640 1198.7z' filter='url(%23SvgjsFilter1013)' fill='%232d409e'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1012'%3e%3crect width='1640' height='760' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cfilter height='130%25' id='SvgjsFilter1013'%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='TopLeftG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='-5' dy='-5' in='TopLeftG' result='TopLeftO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='TopLeftO' result='TopLeftC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='TopRightG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='5' dy='-5' in='TopRightG' result='TopRightO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='TopRightO' result='TopRightC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='BottomLeftG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='-5' dy='5' in='BottomLeftG' result='BottomLeftO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='BottomLeftO' result='BottomLeftC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeGaussianBlur in='SourceAlpha' stdDeviation='5' result='BottomRightG'%3e%3c/feGaussianBlur%3e%3cfeOffset dx='5' dy='5' in='BottomRightG' result='BottomRightO'%3e%3c/feOffset%3e%3cfeComponentTransfer in='BottomRightO' result='BottomRightC'%3e%3cfeFuncA type='linear' slope='0.7'%3e%3c/feFuncA%3e%3c/feComponentTransfer%3e%3cfeMerge%3e%3cfeMergeNode in='TopLeftC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='TopRightC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='BottomLeftC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='BottomRightC'%3e%3c/feMergeNode%3e%3cfeMergeNode in='SourceGraphic'%3e%3c/feMergeNode%3e%3c/feMerge%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e")
+    }
+
+   .container h3 {
+        color: azure;
+        /* font-family: 'EB Garamond', serif; */
+        /* font-family: 'Oxygen', sans-serif; */
+        /* font-family: 'Yeseva One', cursive; */
+        font-family: 'Poppins', sans-serif;
+        
+   }
+
+   .btn{
+        font-family: 'Aclonica', sans-serif;
+        font-family: 'EB Garamond', serif;
+        font-family: 'Neuton', serif;
+        font-family: 'Oxygen', sans-serif;
+        font-family: 'Yeseva One', cursive;
+        font-family: 'Poppins', sans-serif;
+        background-color: rgba(160, 167, 235, 0.666);
+        color:white;
+        border-radius: 22px;
+        border: initial;
+   }
+
+
+   .btn:hover {
+        background-color: initial;
+        color:white;
+        border: 2px solid rgba(160, 167, 235, 0.466);
+   }
+
+   .box i {
+        color:white;
+   }
+
+   .box i:hover {
+          color: rgb(66, 24, 105);
+          border: 0px solid white;
+   }
+
+   .profileIcon{
+        fill: rgba(160, 167, 235, 0.966);
+    }
+
+    .userbio{
+          color: aliceblue;
+    }
+</style>