Add icons
This commit is contained in:
mustafa-rezae
parent
7e9244ede8
commit
658c28e45c
|
|
@ -1,15 +0,0 @@
|
|||
The *SVG* folder contains the icons you selected as separate SVG files.
|
||||
|
||||
If you prefer using PNGs, PDFs, or CSS sprites, refer to the Preferences panel of the IcoMoon app before downloading your zip pack.
|
||||
|
||||
*demo.html* lists the icons that you selected. To insert your icons as inline SVGs (with the <use> element), copy the <svg> element (that contains symbol definitions) from the source of the demo.html file, below your own HTML's <body> tag. After copying this SVG, you can reference your glyphs like the following:
|
||||
|
||||
<svg class="h h-search-normal"><use xlink:href="#h-search-normal"></use></svg>
|
||||
|
||||
You can get this code from the SVG tab of the IcoMoon app, or by referring to the source of the demo.html file. To see how you can change the color/size of your icons using CSS, refer to the example provided in the *style.css* file.
|
||||
|
||||
If you prefer to reference an external SVG (containing <defs>) instead of embedding it in HTML, you will need to use *svgxuse.js* in order to support IE 9+. In browsers that don't support referencing external SVGs (such as IE 9), this polyfill sends one HTTP request to fetch and cache all symbol definitions. See *demo-external-svg.html* for this approach. This demo references the *symbol-defs.svg* file and uses the aforementioned polyfill. Note that it must be hosted on a web server to work
|
||||
properly. Learn more about this polyfill here: https://github.com/Keyamoon/svgxuse
|
||||
|
||||
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.
|
||||
|
||||
|
|
@ -1,5 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M12.5 23h-0.5c-4 0-6-1-6-6v-5c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6h-0.5c-0.31 0-0.61 0.15-0.8 0.4l-1.5 2c-0.66 0.88-1.74 0.88-2.4 0l-1.5-2c-0.16-0.22-0.53-0.4-0.8-0.4z"></path>
|
||||
<path d="M21.5 15c0 0.006-0.005 0.011-0.011 0.012-1.423 0.090-2.765 0.696-3.773 1.704s-1.614 2.35-1.704 3.773c-0 0.006-0.006 0.011-0.012 0.011s-0.011-0.005-0.012-0.011c-0.090-1.423-0.696-2.765-1.704-3.773s-2.35-1.614-3.773-1.704c-0.006-0-0.011-0.005-0.011-0.012s0.005-0.011 0.011-0.012c1.423-0.090 2.765-0.696 3.773-1.704s1.614-2.35 1.704-3.773c0-0.006 0.005-0.011 0.012-0.011s0.011 0.005 0.012 0.011c0.090 1.423 0.696 2.764 1.704 3.773s2.35 1.614 3.773 1.704c0.006 0 0.011 0.005 0.011 0.012z"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 945 B |
|
|
@ -1,7 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M26 20.74v-12.070c0-1.2-0.98-2.090-2.17-1.99h-0.060c-2.1 0.18-5.29 1.25-7.070 2.37l-0.17 0.11c-0.29 0.18-0.77 0.18-1.060 0l-0.25-0.15c-1.78-1.11-4.96-2.17-7.060-2.34-1.19-0.1-2.16 0.8-2.16 1.99v12.080c0 0.96 0.78 1.86 1.74 1.98l0.29 0.040c2.17 0.29 5.52 1.39 7.44 2.44l0.040 0.020c0.27 0.15 0.7 0.15 0.96 0 1.92-1.060 5.28-2.17 7.46-2.46l0.33-0.040c0.96-0.12 1.74-1.020 1.74-1.98z"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M16 9.49v15"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M12.25 13l-2.75-0.51"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M12.25 17.5l-2.75-0.51"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,5 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M25 25l-4-4"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M15 23c4.418 0 8-3.582 8-8s-3.582-8-8-8c-4.418 0-8 3.582-8 8s3.582 8 8 8z"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 487 B |
|
|
@ -1,6 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M16.89 9.88h-7.78c-1.71 0-3.11 1.4-3.11 3.11v11.36c0 1.45 1.040 2.070 2.31 1.36l3.93-2.19c0.42-0.23 1.1-0.23 1.51 0l3.93 2.19c1.27 0.71 2.31 0.090 2.31-1.36v-11.36c0.010-1.71-1.39-3.11-3.1-3.11z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M26 9.11v11.36c0 1.45-1.040 2.060-2.31 1.36l-3.69-2.060v-6.78c0-1.71-1.4-3.11-3.11-3.11h-4.89v-0.77c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11z"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M20 12.99v11.36c0 1.45-1.040 2.060-2.31 1.36l-3.93-2.19c-0.42-0.23-1.1-0.23-1.52 0l-3.93 2.19c-1.27 0.7-2.31 0.090-2.31-1.36v-11.36c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11z"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 1.1 KiB |
|
|
@ -1,5 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#000" stroke-width="1.3333" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M4 28l24-24"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.3333" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M4 4l24 24"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 431 B |
|
|
@ -1,6 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M12.11 10.429c0.389-4.518 2.711-6.362 7.793-6.362h0.163c5.609 0 7.856 2.246 7.856 7.856v8.182c0 5.609-2.246 7.856-7.856 7.856h-0.163c-5.045 0-7.366-1.82-7.78-6.262"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M19.763 16h-14.281"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M8.282 11.796l-4.204 4.204 4.204 4.204"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 768 B |
|
|
@ -1,5 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M16 28.548c-6.927 0-12.549-5.622-12.549-12.549s5.622-12.549 12.549-12.549c6.927 0 12.549 5.622 12.549 12.549s-5.622 12.549-12.549 12.549z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M19.615 19.764c-0.891 0.778-2.046 1.255-3.313 1.255-2.773 0-5.020-2.246-5.020-5.020s2.246-5.020 5.020-5.020c1.267 0 2.422 0.477 3.313 1.255"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 689 B |
|
|
@ -1,6 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M21.020 3.45h-10.039c-5.020 0-7.529 2.51-7.529 7.529v16.314c0 0.69 0.565 1.255 1.255 1.255h16.314c5.020 0 7.529-2.51 7.529-7.529v-10.039c0-5.020-2.51-7.529-7.529-7.529z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M9.727 12.862h12.549"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M9.727 19.136h8.784"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 761 B |
|
|
@ -1,4 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#000" stroke-width="2" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M28 28l-5.333-5.333M25.333 14.667c0 5.891-4.776 10.667-10.667 10.667s-10.667-4.776-10.667-10.667c0-5.891 4.776-10.667 10.667-10.667s10.667 4.776 10.667 10.667z"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 428 B |
|
|
@ -1,5 +0,0 @@
|
|||
<!-- Generated by IcoMoon.io -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M22.275 26.666h-12.549c-3.765 0-6.274-1.882-6.274-6.274v-8.784c0-4.392 2.51-6.274 6.274-6.274h12.549c3.765 0 6.274 1.882 6.274 6.274v8.784c0 4.392-2.51 6.274-6.274 6.274z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" d="M22.274 12.235l-3.928 3.137c-1.293 1.029-3.413 1.029-4.706 0l-3.915-3.137"></path>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 658 B |
|
|
@ -1,71 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>IcoMoon - SVG Icons</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="demo-files/demo.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header class="bgc1 clearfix">
|
||||
<div class="mhl">
|
||||
<p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p><p><strong>Notice</strong>: This demo (along with "symbol-defs.svg" and "svgxuse.js" files) should be <b>hosted on a web server</b> to work properly.</p>
|
||||
</div>
|
||||
</header>
|
||||
<div class="clearfix mhl ptl">
|
||||
<h1 class="mvm mtn fgc1">Grid Size: 0</h1>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-search-normal"><use xlink:href="symbol-defs.svg#h-search-normal"></use></svg><span class="name"> h-search-normal</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Icon1"><use xlink:href="symbol-defs.svg#h-Icon1"></use></svg><span class="name"> h-Icon1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-copyright"><use xlink:href="symbol-defs.svg#h-copyright"></use></svg><span class="name"> h-copyright</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-sms"><use xlink:href="symbol-defs.svg#h-sms"></use></svg><span class="name"> h-sms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-message-text"><use xlink:href="symbol-defs.svg#h-message-text"></use></svg><span class="name"> h-message-text</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Icon"><use xlink:href="symbol-defs.svg#h-Icon"></use></svg><span class="name"> h-Icon</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-174352"><use xlink:href="symbol-defs.svg#h-Frame-174352"></use></svg><span class="name"> h-Frame-174352</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-174341"><use xlink:href="symbol-defs.svg#h-Frame-174341"></use></svg><span class="name"> h-Frame-174341</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-17435"><use xlink:href="symbol-defs.svg#h-Frame-17435"></use></svg><span class="name"> h-Frame-17435</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-17434"><use xlink:href="symbol-defs.svg#h-Frame-17434"></use></svg><span class="name"> h-Frame-17434</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script defer src="svgxuse.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,147 +0,0 @@
|
|||
body {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-family: sans-serif;
|
||||
font-size: 1em;
|
||||
line-height: 1.5;
|
||||
color: #555;
|
||||
background: #fff;
|
||||
}
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
font-weight: normal;
|
||||
box-shadow: 0 1px #ddd, 0 2px #fff, 0 3px #ddd;
|
||||
}
|
||||
small {
|
||||
font-size: .66666667em;
|
||||
}
|
||||
a {
|
||||
color: #e74c3c;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover, a:focus {
|
||||
box-shadow: 0 1px #e74c3c;
|
||||
}
|
||||
.bshadow0, input {
|
||||
box-shadow: inset 0 -2px #e7e7e7;
|
||||
}
|
||||
input:hover {
|
||||
box-shadow: inset 0 -2px #ccc;
|
||||
}
|
||||
input, fieldset {
|
||||
font-size: 1em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
input {
|
||||
color: inherit;
|
||||
line-height: 1.5;
|
||||
height: 1.5em;
|
||||
padding: .25em 0;
|
||||
}
|
||||
input:focus {
|
||||
outline: none;
|
||||
box-shadow: inset 0 -2px #449fdb;
|
||||
}
|
||||
.glyph {
|
||||
font-size: 16px;
|
||||
margin-right: 1.5em;
|
||||
float: left;
|
||||
width: 17em;
|
||||
}
|
||||
svg {
|
||||
color: #000;
|
||||
}
|
||||
.liga {
|
||||
width: 80%;
|
||||
width: calc(100% - 2.5em);
|
||||
}
|
||||
.talign-right {
|
||||
text-align: right;
|
||||
}
|
||||
.talign-center {
|
||||
text-align: center;
|
||||
}
|
||||
.bgc1 {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.fgc0 {
|
||||
color: #000;
|
||||
}
|
||||
.fgc1 {
|
||||
color: #999;
|
||||
}
|
||||
p {
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.mvm {
|
||||
margin-top: .75em;
|
||||
margin-bottom: .75em;
|
||||
}
|
||||
.mtn {
|
||||
margin-top: 0;
|
||||
}
|
||||
.mtl, .mal {
|
||||
margin-top: 1.5em;
|
||||
}
|
||||
.mbl, .mal {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
.mal, .mhl {
|
||||
margin-left: 1.5em;
|
||||
margin-right: 1.5em;
|
||||
}
|
||||
.mhmm {
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.ptl {
|
||||
padding-top: 1.5em;
|
||||
}
|
||||
.pbs, .pvs {
|
||||
padding-bottom: .25em;
|
||||
}
|
||||
.pvs, .pts {
|
||||
padding-top: .25em;
|
||||
}
|
||||
.unit {
|
||||
float: left;
|
||||
}
|
||||
.unitRight {
|
||||
float: right;
|
||||
}
|
||||
.size1of2 {
|
||||
width: 50%;
|
||||
}
|
||||
.size1of1 {
|
||||
width: 100%;
|
||||
}
|
||||
.clearfix:before, .clearfix:after {
|
||||
content: " ";
|
||||
display: table;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.hidden-true {
|
||||
display: none;
|
||||
}
|
||||
.textbox0 {
|
||||
width: 3em;
|
||||
background: #f1f1f1;
|
||||
padding: .25em .5em;
|
||||
line-height: 1.5;
|
||||
height: 1.5em;
|
||||
}
|
||||
.fs0 {
|
||||
font-size: 16px;
|
||||
}
|
||||
.fs1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
.name {
|
||||
margin-left: .25em;
|
||||
}
|
||||
|
||||
|
|
@ -1,120 +0,0 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>IcoMoon - SVG Icons</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="demo-files/demo.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<symbol id="h-search-normal" viewBox="0 0 32 32">
|
||||
<path stroke-width="2" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M28 28l-5.333-5.333M25.333 14.667c0 5.891-4.776 10.667-10.667 10.667s-10.667-4.776-10.667-10.667c0-5.891 4.776-10.667 10.667-10.667s10.667 4.776 10.667 10.667z"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Icon1" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M12.11 10.429c0.389-4.518 2.711-6.362 7.793-6.362h0.163c5.609 0 7.856 2.246 7.856 7.856v8.182c0 5.609-2.246 7.856-7.856 7.856h-0.163c-5.045 0-7.366-1.82-7.78-6.262"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M19.763 16h-14.281"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M8.282 11.796l-4.204 4.204 4.204 4.204"></path>
|
||||
</symbol>
|
||||
<symbol id="h-copyright" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M16 28.548c-6.927 0-12.549-5.622-12.549-12.549s5.622-12.549 12.549-12.549c6.927 0 12.549 5.622 12.549 12.549s-5.622 12.549-12.549 12.549z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M19.615 19.764c-0.891 0.778-2.046 1.255-3.313 1.255-2.773 0-5.020-2.246-5.020-5.020s2.246-5.020 5.020-5.020c1.267 0 2.422 0.477 3.313 1.255"></path>
|
||||
</symbol>
|
||||
<symbol id="h-sms" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M22.275 26.666h-12.549c-3.765 0-6.274-1.882-6.274-6.274v-8.784c0-4.392 2.51-6.274 6.274-6.274h12.549c3.765 0 6.274 1.882 6.274 6.274v8.784c0 4.392-2.51 6.274-6.274 6.274z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M22.274 12.235l-3.928 3.137c-1.293 1.029-3.413 1.029-4.706 0l-3.915-3.137"></path>
|
||||
</symbol>
|
||||
<symbol id="h-message-text" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M21.020 3.45h-10.039c-5.020 0-7.529 2.51-7.529 7.529v16.314c0 0.69 0.565 1.255 1.255 1.255h16.314c5.020 0 7.529-2.51 7.529-7.529v-10.039c0-5.020-2.51-7.529-7.529-7.529z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M9.727 12.862h12.549"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M9.727 19.136h8.784"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Icon" viewBox="0 0 32 32">
|
||||
<path stroke-width="1.3333" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M4 28l24-24"></path>
|
||||
<path stroke-width="1.3333" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M4 4l24 24"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-174352" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M16.89 9.88h-7.78c-1.71 0-3.11 1.4-3.11 3.11v11.36c0 1.45 1.040 2.070 2.31 1.36l3.93-2.19c0.42-0.23 1.1-0.23 1.51 0l3.93 2.19c1.27 0.71 2.31 0.090 2.31-1.36v-11.36c0.010-1.71-1.39-3.11-3.1-3.11z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M26 9.11v11.36c0 1.45-1.040 2.060-2.31 1.36l-3.69-2.060v-6.78c0-1.71-1.4-3.11-3.11-3.11h-4.89v-0.77c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11z"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M20 12.99v11.36c0 1.45-1.040 2.060-2.31 1.36l-3.93-2.19c-0.42-0.23-1.1-0.23-1.52 0l-3.93 2.19c-1.27 0.7-2.31 0.090-2.31-1.36v-11.36c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11z"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-174341" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M26 20.74v-12.070c0-1.2-0.98-2.090-2.17-1.99h-0.060c-2.1 0.18-5.29 1.25-7.070 2.37l-0.17 0.11c-0.29 0.18-0.77 0.18-1.060 0l-0.25-0.15c-1.78-1.11-4.96-2.17-7.060-2.34-1.19-0.1-2.16 0.8-2.16 1.99v12.080c0 0.96 0.78 1.86 1.74 1.98l0.29 0.040c2.17 0.29 5.52 1.39 7.44 2.44l0.040 0.020c0.27 0.15 0.7 0.15 0.96 0 1.92-1.060 5.28-2.17 7.46-2.46l0.33-0.040c0.96-0.12 1.74-1.020 1.74-1.98z"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M16 9.49v15"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M12.25 13l-2.75-0.51"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M12.25 17.5l-2.75-0.51"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-17435" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M25 25l-4-4"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M15 23c4.418 0 8-3.582 8-8s-3.582-8-8-8c-4.418 0-8 3.582-8 8s3.582 8 8 8z"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-17434" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M12.5 23h-0.5c-4 0-6-1-6-6v-5c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6h-0.5c-0.31 0-0.61 0.15-0.8 0.4l-1.5 2c-0.66 0.88-1.74 0.88-2.4 0l-1.5-2c-0.16-0.22-0.53-0.4-0.8-0.4z"></path>
|
||||
<path d="M21.5 15c0 0.006-0.005 0.011-0.011 0.012-1.423 0.090-2.765 0.696-3.773 1.704s-1.614 2.35-1.704 3.773c-0 0.006-0.006 0.011-0.012 0.011s-0.011-0.005-0.012-0.011c-0.090-1.423-0.696-2.765-1.704-3.773s-2.35-1.614-3.773-1.704c-0.006-0-0.011-0.005-0.011-0.012s0.005-0.011 0.011-0.012c1.423-0.090 2.765-0.696 3.773-1.704s1.614-2.35 1.704-3.773c0-0.006 0.005-0.011 0.012-0.011s0.011 0.005 0.012 0.011c0.090 1.423 0.696 2.764 1.704 3.773s2.35 1.614 3.773 1.704c0.006 0 0.011 0.005 0.011 0.012z"></path>
|
||||
</symbol>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
<header class="bgc1 clearfix">
|
||||
<div class="mhl">
|
||||
<p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
|
||||
</div>
|
||||
</header>
|
||||
<div class="clearfix mhl ptl">
|
||||
<h1 class="mvm mtn fgc1">Grid Size: 0</h1>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-search-normal"><use xlink:href="#h-search-normal"></use></svg><span class="name"> h-search-normal</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Icon1"><use xlink:href="#h-Icon1"></use></svg><span class="name"> h-Icon1</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-copyright"><use xlink:href="#h-copyright"></use></svg><span class="name"> h-copyright</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-sms"><use xlink:href="#h-sms"></use></svg><span class="name"> h-sms</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-message-text"><use xlink:href="#h-message-text"></use></svg><span class="name"> h-message-text</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Icon"><use xlink:href="#h-Icon"></use></svg><span class="name"> h-Icon</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-174352"><use xlink:href="#h-Frame-174352"></use></svg><span class="name"> h-Frame-174352</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-174341"><use xlink:href="#h-Frame-174341"></use></svg><span class="name"> h-Frame-174341</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-17435"><use xlink:href="#h-Frame-17435"></use></svg><span class="name"> h-Frame-17435</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="glyph fs1">
|
||||
<div class="clearfix pbs">
|
||||
<svg class="h h-Frame-17434"><use xlink:href="#h-Frame-17434"></use></svg><span class="name"> h-Frame-17434</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script defer src="svgxuse.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,799 +0,0 @@
|
|||
{
|
||||
"IcoMoonType": "selection",
|
||||
"icons": [
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M896 896l-170.667-170.667M810.667 469.333c0 188.514-152.819 341.333-341.333 341.333s-341.333-152.819-341.333-341.333c0-188.513 152.82-341.333 341.333-341.333s341.333 152.82 341.333 341.333z"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 64
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": false,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"search-normal"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 64
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 4,
|
||||
"id": 9,
|
||||
"name": "search-normal",
|
||||
"prevSize": 32,
|
||||
"code": 59648
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 0
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M387.529 333.713c12.449-144.565 86.739-203.595 249.375-203.595h5.222c179.501 0 251.38 71.881 251.38 251.382v261.825c0 179.501-71.879 251.38-251.38 251.38h-5.222c-161.431 0-235.721-58.229-248.973-200.385",
|
||||
"M632.426 512h-456.985",
|
||||
"M265.026 377.47l-134.526 134.526 134.526 134.527"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"Icon(1)"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 5,
|
||||
"id": 8,
|
||||
"name": "Icon1",
|
||||
"prevSize": 32,
|
||||
"code": 59649
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 1
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M512.010 913.547c-221.666 0-401.568-179.899-401.568-401.566 0-221.666 179.902-401.568 401.568-401.568 221.668 0 401.567 179.902 401.567 401.568 0 221.668-179.899 401.566-401.567 401.566z",
|
||||
"M627.672 632.453c-28.511 24.895-65.456 40.153-106.015 40.153-88.746 0-160.628-71.878-160.628-160.625s71.881-160.627 160.628-160.627c40.558 0 77.504 15.259 106.015 40.156"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"copyright"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 6,
|
||||
"id": 7,
|
||||
"name": "copyright",
|
||||
"prevSize": 32,
|
||||
"code": 59650
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 2
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M712.794 853.311h-401.569c-120.471 0-200.784-60.235-200.784-200.782v-281.098c0-140.549 80.314-200.784 200.784-200.784h401.569c120.471 0 200.782 60.235 200.782 200.784v281.098c0 140.547-80.312 200.782-200.782 200.782z",
|
||||
"M712.776 391.529l-125.693 100.392c-41.362 32.928-109.226 32.928-150.588 0l-125.289-100.392"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"sms"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 7,
|
||||
"id": 6,
|
||||
"name": "sms",
|
||||
"prevSize": 32,
|
||||
"code": 59651
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 3
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M672.635 110.412h-321.253c-160.628 0-240.941 80.314-240.941 240.941v522.041c0 22.082 18.071 40.153 40.156 40.153h522.038c160.629 0 240.941-80.312 240.941-240.941v-321.252c0-160.628-80.312-240.941-240.941-240.941z",
|
||||
"M311.265 411.588h401.566",
|
||||
"M311.265 612.352h281.098"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"message-text"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
},
|
||||
{
|
||||
"s": 1
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 60.23529411764706
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 8,
|
||||
"id": 5,
|
||||
"name": "message-text",
|
||||
"prevSize": 32,
|
||||
"code": 59652
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 4
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M128 896l768-768",
|
||||
"M128 128l768 768"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"strokeLinejoin": "miter",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 42.666666666666664
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"strokeLinejoin": "miter",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 42.666666666666664
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": false,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"Icon"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 0
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"strokeLinejoin": "miter",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 42.666666666666664
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"strokeLinejoin": "miter",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 42.666666666666664
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 9,
|
||||
"id": 4,
|
||||
"name": "Icon",
|
||||
"prevSize": 32,
|
||||
"code": 59653
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 5
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M540.48 316.156h-248.96c-54.72 0-99.52 44.801-99.52 99.521v363.52c0 46.4 33.28 66.24 73.92 43.52l125.76-70.080c13.44-7.36 35.2-7.36 48.32 0l125.76 70.080c40.64 22.72 73.92 2.88 73.92-43.52v-363.52c0.32-54.72-44.48-99.521-99.2-99.521z",
|
||||
"M832 291.52v363.52c0 46.4-33.28 65.92-73.92 43.52l-118.080-65.92v-216.96c0-54.72-44.8-99.52-99.52-99.52h-156.48v-24.64c0-54.72 44.8-99.52 99.52-99.52h248.96c54.72 0 99.52 44.8 99.52 99.52z",
|
||||
"M640 415.677v363.52c0 46.4-33.28 65.92-73.92 43.52l-125.76-70.080c-13.44-7.36-35.2-7.36-48.64 0l-125.76 70.080c-40.64 22.4-73.92 2.88-73.92-43.52v-363.52c0-54.72 44.8-99.521 99.52-99.521h248.96c54.72 0 99.52 44.801 99.52 99.521z"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"Frame 17435(2)"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
},
|
||||
{
|
||||
"s": 1
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 10,
|
||||
"id": 3,
|
||||
"name": "Frame-174352",
|
||||
"prevSize": 32,
|
||||
"code": 59654
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 6
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M832 663.67v-386.24c0-38.4-31.36-66.88-69.44-63.68h-1.92c-67.2 5.76-169.28 40-226.24 75.84l-5.44 3.52c-9.28 5.76-24.64 5.76-33.92 0l-8-4.8c-56.96-35.52-158.72-69.44-225.92-74.88-38.080-3.2-69.12 25.6-69.12 63.68v386.56c0 30.72 24.96 59.52 55.68 63.36l9.28 1.28c69.44 9.28 176.64 44.48 238.080 78.080l1.28 0.64c8.64 4.8 22.4 4.8 30.72 0 61.44-33.92 168.96-69.44 238.72-78.72l10.56-1.28c30.72-3.84 55.68-32.64 55.68-63.36z",
|
||||
"M512 303.687v479.999",
|
||||
"M391.997 416l-87.997-16.314",
|
||||
"M391.997 560l-87.997-16.314"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"Frame 17434(1)"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
},
|
||||
{
|
||||
"s": 0
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 11,
|
||||
"id": 2,
|
||||
"name": "Frame-174341",
|
||||
"prevSize": 32,
|
||||
"code": 59655
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 7
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M800 800l-128-128",
|
||||
"M480 736c141.386 0 256-114.614 256-256s-114.614-256-256-256c-141.386 0-256 114.614-256 256s114.614 256 256 256z"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"Frame 17435"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 0
|
||||
},
|
||||
{
|
||||
"s": 1
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(0, 0, 0)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "4",
|
||||
"strokeWidth": 32
|
||||
}
|
||||
],
|
||||
"properties": {
|
||||
"order": 12,
|
||||
"id": 1,
|
||||
"name": "Frame-17435",
|
||||
"prevSize": 32,
|
||||
"code": 59656
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 8
|
||||
},
|
||||
{
|
||||
"icon": {
|
||||
"paths": [
|
||||
"M400 736h-16c-128 0-192-32-192-192v-160c0-128 64-192 192-192h256c128 0 192 64 192 192v160c0 128-64 192-192 192h-16c-9.92 0-19.52 4.8-25.6 12.8l-48 64c-21.12 28.16-55.68 28.16-76.8 0l-48-64c-5.12-7.040-16.96-12.8-25.6-12.8z",
|
||||
"M688 480c0 0.198-0.154 0.362-0.352 0.374-45.536 2.88-88.464 22.269-120.736 54.538-32.269 32.272-51.658 75.2-54.538 120.736-0.013 0.198-0.176 0.352-0.374 0.352s-0.362-0.154-0.374-0.352c-2.874-45.539-22.262-88.47-54.534-120.739-32.269-32.272-75.2-51.661-120.739-54.534-0.198-0.013-0.352-0.176-0.352-0.374s0.154-0.362 0.352-0.374c45.539-2.874 88.47-22.262 120.739-54.534 32.272-32.269 51.661-75.2 54.534-120.74 0.013-0.197 0.176-0.352 0.374-0.352s0.362 0.154 0.374 0.352c2.88 45.536 22.269 88.464 54.538 120.736 32.272 32.269 75.2 51.658 120.736 54.538 0.198 0.013 0.352 0.176 0.352 0.374z"
|
||||
],
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{}
|
||||
],
|
||||
"isMulticolor": false,
|
||||
"isMulticolor2": true,
|
||||
"grid": 0,
|
||||
"tags": [
|
||||
"Frame 17434"
|
||||
],
|
||||
"colorPermutations": {
|
||||
"12733501": [
|
||||
{
|
||||
"s": 1
|
||||
},
|
||||
{}
|
||||
]
|
||||
}
|
||||
},
|
||||
"attrs": [
|
||||
{
|
||||
"fill": "none",
|
||||
"stroke": "rgb(27, 33, 50)",
|
||||
"strokeLinejoin": "round",
|
||||
"strokeLinecap": "round",
|
||||
"strokeMiterlimit": "10",
|
||||
"strokeWidth": 32
|
||||
},
|
||||
{}
|
||||
],
|
||||
"properties": {
|
||||
"order": 13,
|
||||
"id": 0,
|
||||
"name": "Frame-17434",
|
||||
"prevSize": 32,
|
||||
"code": 59657
|
||||
},
|
||||
"setIdx": 0,
|
||||
"setId": 1,
|
||||
"iconIdx": 9
|
||||
}
|
||||
],
|
||||
"height": 1024,
|
||||
"preferences": {
|
||||
"showGlyphs": true,
|
||||
"showCodes": true,
|
||||
"showQuickUse": true,
|
||||
"showQuickUse2": true,
|
||||
"showSVGs": true,
|
||||
"fontPref": {
|
||||
"prefix": "icon-",
|
||||
"metadata": {
|
||||
"fontFamily": "icomoon"
|
||||
},
|
||||
"metrics": {
|
||||
"emSize": 1024,
|
||||
"baseline": 6.25,
|
||||
"whitespace": 50
|
||||
},
|
||||
"embed": false
|
||||
},
|
||||
"imagePref": {
|
||||
"prefix": "h-",
|
||||
"png": false,
|
||||
"useClassSelector": true,
|
||||
"color": 0,
|
||||
"bgColor": 16777215,
|
||||
"name": "hadith",
|
||||
"classSelector": ".h",
|
||||
"height": 32,
|
||||
"columns": 16,
|
||||
"margin": 16,
|
||||
"minifyJs": true,
|
||||
"overrideSize": false,
|
||||
"addBgColor": false
|
||||
},
|
||||
"historySize": 50
|
||||
}
|
||||
}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
.h {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
/* ==========================================
|
||||
Single-colored icons can be modified like so:
|
||||
.h-name {
|
||||
font-size: 32px;
|
||||
color: red;
|
||||
}
|
||||
========================================== */
|
||||
12
assets/hadith/font-icons/svgxuse.min.js
vendored
12
assets/hadith/font-icons/svgxuse.min.js
vendored
|
|
@ -1,12 +0,0 @@
|
|||
/*!
|
||||
* @copyright Copyright (c) 2017 IcoMoon.io
|
||||
* @license Licensed under MIT license
|
||||
* See https://github.com/Keyamoon/svgxuse
|
||||
* @version 1.2.6
|
||||
*/
|
||||
(function(){if("undefined"!==typeof window&&window.addEventListener){var e=Object.create(null),l,d=function(){clearTimeout(l);l=setTimeout(n,100)},m=function(){},t=function(){window.addEventListener("resize",d,!1);window.addEventListener("orientationchange",d,!1);if(window.MutationObserver){var k=new MutationObserver(d);k.observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0});m=function(){try{k.disconnect(),window.removeEventListener("resize",d,!1),window.removeEventListener("orientationchange",
|
||||
d,!1)}catch(v){}}}else document.documentElement.addEventListener("DOMSubtreeModified",d,!1),m=function(){document.documentElement.removeEventListener("DOMSubtreeModified",d,!1);window.removeEventListener("resize",d,!1);window.removeEventListener("orientationchange",d,!1)}},u=function(k){function e(a){if(void 0!==a.protocol)var b=a;else b=document.createElement("a"),b.href=a;return b.protocol.replace(/:/g,"")+b.host}if(window.XMLHttpRequest){var d=new XMLHttpRequest;var m=e(location);k=e(k);d=void 0===
|
||||
d.withCredentials&&""!==k&&k!==m?XDomainRequest||void 0:XMLHttpRequest}return d};var n=function(){function d(){--q;0===q&&(m(),t())}function l(a){return function(){!0!==e[a.base]&&(a.useEl.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href","#"+a.hash),a.useEl.hasAttribute("href")&&a.useEl.setAttribute("href","#"+a.hash))}}function p(a){return function(){var c=document.body,b=document.createElement("x");a.onload=null;b.innerHTML=a.responseText;if(b=b.getElementsByTagName("svg")[0])b.setAttribute("aria-hidden",
|
||||
"true"),b.style.position="absolute",b.style.width=0,b.style.height=0,b.style.overflow="hidden",c.insertBefore(b,c.firstChild);d()}}function n(a){return function(){a.onerror=null;a.ontimeout=null;d()}}var a,b,q=0;m();var f=document.getElementsByTagName("use");for(b=0;b<f.length;b+=1){try{var h=f[b].getBoundingClientRect()}catch(w){h=!1}var g=(a=f[b].getAttribute("href")||f[b].getAttributeNS("http://www.w3.org/1999/xlink","href")||f[b].getAttribute("xlink:href"))&&a.split?a.split("#"):["",""];var c=
|
||||
g[0];g=g[1];var r=h&&0===h.left&&0===h.right&&0===h.top&&0===h.bottom;h&&0===h.width&&0===h.height&&!r?(c.length||!g||document.getElementById(g)||(c=""),f[b].hasAttribute("href")&&f[b].setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",a),c.length&&(a=e[c],!0!==a&&setTimeout(l({useEl:f[b],base:c,hash:g}),0),void 0===a&&(g=u(c),void 0!==g&&(a=new g,e[c]=a,a.onload=p(a),a.onerror=n(a),a.ontimeout=n(a),a.open("GET",c),a.send(),q+=1)))):r?c.length&&e[c]&&setTimeout(l({useEl:f[b],base:c,
|
||||
hash:g}),0):void 0===e[c]?e[c]=!0:e[c].onload&&(e[c].abort(),delete e[c].onload,e[c]=!0)}f="";q+=1;d()};var p=function(){window.removeEventListener("load",p,!1);l=setTimeout(n,0)};"complete"!==document.readyState?window.addEventListener("load",p,!1):p()}})();
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<symbol id="h-search-normal" viewBox="0 0 32 32">
|
||||
<path stroke-width="2" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" d="M28 28l-5.333-5.333M25.333 14.667c0 5.891-4.776 10.667-10.667 10.667s-10.667-4.776-10.667-10.667c0-5.891 4.776-10.667 10.667-10.667s10.667 4.776 10.667 10.667z"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Icon1" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M12.11 10.429c0.389-4.518 2.711-6.362 7.793-6.362h0.163c5.609 0 7.856 2.246 7.856 7.856v8.182c0 5.609-2.246 7.856-7.856 7.856h-0.163c-5.045 0-7.366-1.82-7.78-6.262"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M19.763 16h-14.281"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M8.282 11.796l-4.204 4.204 4.204 4.204"></path>
|
||||
</symbol>
|
||||
<symbol id="h-copyright" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M16 28.548c-6.927 0-12.549-5.622-12.549-12.549s5.622-12.549 12.549-12.549c6.927 0 12.549 5.622 12.549 12.549s-5.622 12.549-12.549 12.549z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M19.615 19.764c-0.891 0.778-2.046 1.255-3.313 1.255-2.773 0-5.020-2.246-5.020-5.020s2.246-5.020 5.020-5.020c1.267 0 2.422 0.477 3.313 1.255"></path>
|
||||
</symbol>
|
||||
<symbol id="h-sms" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M22.275 26.666h-12.549c-3.765 0-6.274-1.882-6.274-6.274v-8.784c0-4.392 2.51-6.274 6.274-6.274h12.549c3.765 0 6.274 1.882 6.274 6.274v8.784c0 4.392-2.51 6.274-6.274 6.274z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M22.274 12.235l-3.928 3.137c-1.293 1.029-3.413 1.029-4.706 0l-3.915-3.137"></path>
|
||||
</symbol>
|
||||
<symbol id="h-message-text" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M21.020 3.45h-10.039c-5.020 0-7.529 2.51-7.529 7.529v16.314c0 0.69 0.565 1.255 1.255 1.255h16.314c5.020 0 7.529-2.51 7.529-7.529v-10.039c0-5.020-2.51-7.529-7.529-7.529z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M9.727 12.862h12.549"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1.8824" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M9.727 19.136h8.784"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Icon" viewBox="0 0 32 32">
|
||||
<path stroke-width="1.3333" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M4 28l24-24"></path>
|
||||
<path stroke-width="1.3333" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="miter" d="M4 4l24 24"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-174352" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M16.89 9.88h-7.78c-1.71 0-3.11 1.4-3.11 3.11v11.36c0 1.45 1.040 2.070 2.31 1.36l3.93-2.19c0.42-0.23 1.1-0.23 1.51 0l3.93 2.19c1.27 0.71 2.31 0.090 2.31-1.36v-11.36c0.010-1.71-1.39-3.11-3.1-3.11z"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M26 9.11v11.36c0 1.45-1.040 2.060-2.31 1.36l-3.69-2.060v-6.78c0-1.71-1.4-3.11-3.11-3.11h-4.89v-0.77c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11z"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M20 12.99v11.36c0 1.45-1.040 2.060-2.31 1.36l-3.93-2.19c-0.42-0.23-1.1-0.23-1.52 0l-3.93 2.19c-1.27 0.7-2.31 0.090-2.31-1.36v-11.36c0-1.71 1.4-3.11 3.11-3.11h7.78c1.71 0 3.11 1.4 3.11 3.11z"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-174341" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M26 20.74v-12.070c0-1.2-0.98-2.090-2.17-1.99h-0.060c-2.1 0.18-5.29 1.25-7.070 2.37l-0.17 0.11c-0.29 0.18-0.77 0.18-1.060 0l-0.25-0.15c-1.78-1.11-4.96-2.17-7.060-2.34-1.19-0.1-2.16 0.8-2.16 1.99v12.080c0 0.96 0.78 1.86 1.74 1.98l0.29 0.040c2.17 0.29 5.52 1.39 7.44 2.44l0.040 0.020c0.27 0.15 0.7 0.15 0.96 0 1.92-1.060 5.28-2.17 7.46-2.46l0.33-0.040c0.96-0.12 1.74-1.020 1.74-1.98z"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M16 9.49v15"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M12.25 13l-2.75-0.51"></path>
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M12.25 17.5l-2.75-0.51"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-17435" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#000" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color2, #000)" d="M25 25l-4-4"></path>
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="4" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M15 23c4.418 0 8-3.582 8-8s-3.582-8-8-8c-4.418 0-8 3.582-8 8s3.582 8 8 8z"></path>
|
||||
</symbol>
|
||||
<symbol id="h-Frame-17434" viewBox="0 0 32 32">
|
||||
<path fill="none" stroke="#1b2132" stroke-width="1" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" style="stroke: var(--color1, #1b2132)" d="M12.5 23h-0.5c-4 0-6-1-6-6v-5c0-4 2-6 6-6h8c4 0 6 2 6 6v5c0 4-2 6-6 6h-0.5c-0.31 0-0.61 0.15-0.8 0.4l-1.5 2c-0.66 0.88-1.74 0.88-2.4 0l-1.5-2c-0.16-0.22-0.53-0.4-0.8-0.4z"></path>
|
||||
<path d="M21.5 15c0 0.006-0.005 0.011-0.011 0.012-1.423 0.090-2.765 0.696-3.773 1.704s-1.614 2.35-1.704 3.773c-0 0.006-0.006 0.011-0.012 0.011s-0.011-0.005-0.012-0.011c-0.090-1.423-0.696-2.765-1.704-3.773s-2.35-1.614-3.773-1.704c-0.006-0-0.011-0.005-0.011-0.012s0.005-0.011 0.011-0.012c1.423-0.090 2.765-0.696 3.773-1.704s1.614-2.35 1.704-3.773c0-0.006 0.005-0.011 0.012-0.011s0.011 0.005 0.012 0.011c0.090 1.423 0.696 2.764 1.704 3.773s2.35 1.614 3.773 1.704c0.006 0 0.011 0.005 0.011 0.012z"></path>
|
||||
</symbol>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 7.2 KiB |
BIN
assets/hadith/images/background.png
Normal file
BIN
assets/hadith/images/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 490 KiB |
|
|
@ -4,7 +4,7 @@
|
|||
--ui-container-wide: 1200px;
|
||||
--ui-color-one: #444;
|
||||
--ui-color-three: #626b84;
|
||||
--ui-color-two: #1b2132;
|
||||
--ui-color-two: #1b2132;
|
||||
|
||||
--ui-container: 720px; /* library show page*/
|
||||
--ui-container-two: 1232px; /* library show page*/
|
||||
|
|
@ -60,4 +60,9 @@ html {
|
|||
.isolate {
|
||||
flex-grow: 1;
|
||||
}
|
||||
[class*="i-haditha"] {
|
||||
/* font-size: 1.3em !important; */
|
||||
/* width: 2rem !important; */
|
||||
/* height: 2rem !important; */
|
||||
}
|
||||
}
|
||||
|
|
|
|||
11
assets/hadith/svg/about-us.svg
Normal file
11
assets/hadith/svg/about-us.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.6668 1.83301H5.3335C2.66683 1.83301 1.3335 3.16634 1.3335 5.83301V14.4997C1.3335 14.8663 1.6335 15.1663 2.00016 15.1663H10.6668C13.3335 15.1663 14.6668 13.833 14.6668 11.1663V5.83301C14.6668 3.16634 13.3335 1.83301 10.6668 1.83301Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.66748 6.83301H11.3341" stroke="url(#paint0_linear_67_3319)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.66748 10.166H9.33415" stroke="#1B2132" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_3319" x1="11.378" y1="6.83301" x2="4.33954" y2="7.69806" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 910 B |
4
assets/hadith/svg/add.svg
Normal file
4
assets/hadith/svg/add.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.7002 12.2842H18.7002" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.7002 18.2842V6.28418" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 304 B |
11
assets/hadith/svg/bookmark.svg
Normal file
11
assets/hadith/svg/bookmark.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12.89 5.87988H5.10999C3.39999 5.87988 2 7.27987 2 8.98987V20.3499C2 21.7999 3.04 22.4199 4.31 21.7099L8.23999 19.5199C8.65999 19.2899 9.34 19.2899 9.75 19.5199L13.68 21.7099C14.95 22.4199 15.99 21.7999 15.99 20.3499V8.98987C16 7.27987 14.6 5.87988 12.89 5.87988Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M22 5.10999V16.47C22 17.92 20.96 18.53 19.69 17.83L16 15.77V8.98999C16 7.27999 14.6 5.88 12.89 5.88H8V5.10999C8 3.39999 9.39999 2 11.11 2H18.89C20.6 2 22 3.39999 22 5.10999Z" stroke="url(#paint0_linear_67_5181)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16 8.98987V20.3499C16 21.7999 14.96 22.4099 13.69 21.7099L9.76001 19.5199C9.34001 19.2899 8.65999 19.2899 8.23999 19.5199L4.31 21.7099C3.04 22.4099 2 21.7999 2 20.3499V8.98987C2 7.27987 3.39999 5.87988 5.10999 5.87988H12.89C14.6 5.87988 16 7.27987 16 8.98987Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_5181" x1="22.0921" y1="2" x2="7.0919" y2="2.24016" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
10
assets/hadith/svg/chat-bot.svg
Normal file
10
assets/hadith/svg/chat-bot.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H16C20 2 22 4 22 8V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z" stroke="#1B2132" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M17.5 11C17.5 11.0062 17.4952 11.0113 17.489 11.0117C16.066 11.1017 14.7245 11.7076 13.716 12.716C12.7076 13.7245 12.1017 15.066 12.0117 16.489C12.0113 16.4952 12.0062 16.5 12 16.5C11.9938 16.5 11.9887 16.4952 11.9883 16.489C11.8985 15.0659 11.2926 13.7243 10.2841 12.7159C9.27568 11.7074 7.93408 11.1015 6.51099 11.0117C6.50482 11.0113 6.5 11.0062 6.5 11C6.5 10.9938 6.50482 10.9887 6.51099 10.9883C7.93408 10.8985 9.27568 10.2926 10.2841 9.28414C11.2926 8.27568 11.8985 6.93408 11.9883 5.51099C11.9887 5.50482 11.9938 5.5 12 5.5C12.0062 5.5 12.0113 5.50482 12.0117 5.51099C12.1017 6.93403 12.7076 8.27555 13.716 9.28398C14.7245 10.2924 16.066 10.8983 17.489 10.9883C17.4952 10.9887 17.5 10.9938 17.5 11Z" fill="url(#paint0_linear_67_2944)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_2944" x1="17.5724" y1="5.5" x2="5.78748" y2="5.71726" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
9
assets/hadith/svg/chevron-down.svg
Normal file
9
assets/hadith/svg/chevron-down.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10 13C10 13 12.0002 14 13.5002 15.5C15.1495 17.1492 16.0001 19.0001 16.0001 19.0001C16.0001 19.0001 17.0002 17 18.5002 15.5C20.2216 13.7787 22.0002 13 22.0002 13" stroke="url(#paint0_linear_67_3364)" stroke-linecap="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_3364" x1="10.5372" y1="13.5372" x2="17.6648" y2="18.162" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4BE8AE"/>
|
||||
<stop offset="1" stop-color="#00A762"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 566 B |
3
assets/hadith/svg/chevron-left.svg
Normal file
3
assets/hadith/svg/chevron-left.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M18 10.2158C18 10.2158 16.4491 12.3122 15.2727 13.4886C14.0962 14.665 11.9999 16.2159 11.9999 16.2159C11.9999 16.2159 14.0962 17.7669 15.2727 18.9433C16.4491 20.1197 18 22.216 18 22.216" stroke="#545AEA" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 341 B |
3
assets/hadith/svg/chevron-right.svg
Normal file
3
assets/hadith/svg/chevron-right.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M14 10.2158C14 10.2158 15.5509 12.3122 16.7273 13.4886C17.9038 14.665 20.0001 16.2159 20.0001 16.2159C20.0001 16.2159 17.9038 17.7669 16.7273 18.9433C15.5509 20.1197 14 22.216 14 22.216" stroke="#545AEA" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 341 B |
4
assets/hadith/svg/close.svg
Normal file
4
assets/hadith/svg/close.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3 21.4575L21 3.45746" stroke="#1B2132" stroke-linecap="round"/>
|
||||
<path d="M3 3.45746L21 21.4575" stroke="#1B2132" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 251 B |
13
assets/hadith/svg/color-swatch.svg
Normal file
13
assets/hadith/svg/color-swatch.svg
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15.1667 11.0002V13.0002C15.1667 14.0002 14.5 14.6668 13.5 14.6668H4.5C4.77333 14.6668 5.05333 14.6268 5.31333 14.5402C5.38667 14.5135 5.45999 14.4868 5.53333 14.4535C5.76666 14.3602 5.99334 14.2268 6.19334 14.0535C6.25334 14.0068 6.32 13.9468 6.38 13.8868L6.40666 13.8602L10.94 9.3335H13.5C14.5 9.3335 15.1667 10.0002 15.1667 11.0002Z" stroke="#1B2132" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3.70646 14.5468C3.30646 14.4268 2.92647 14.2068 2.61314 13.8868C2.29314 13.5735 2.07313 13.1935 1.95312 12.7935C2.21312 13.6268 2.87313 14.2868 3.70646 14.5468Z" stroke="#1B2132" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.7465 7.52647L10.9398 9.33314L6.40649 13.8598C6.87316 13.3798 7.1665 12.7198 7.1665 11.9998V5.55981L8.97316 3.75314C9.67983 3.04648 10.6265 3.04648 11.3332 3.75314L12.7465 5.16647C13.4532 5.87314 13.4532 6.8198 12.7465 7.52647Z" stroke="#1B2132" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.49992 12.6668C4.86811 12.6668 5.16659 12.3684 5.16659 12.0002C5.16659 11.632 4.86811 11.3335 4.49992 11.3335C4.13173 11.3335 3.83325 11.632 3.83325 12.0002C3.83325 12.3684 4.13173 12.6668 4.49992 12.6668Z" stroke="#1B2132" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.16659 3.00016V12.0002C7.16659 12.7202 6.87324 13.3802 6.40658 13.8602L6.37992 13.8868C6.31992 13.9468 6.25326 14.0068 6.19326 14.0535C5.99326 14.2268 5.76658 14.3602 5.53324 14.4535C5.45991 14.4868 5.38659 14.5135 5.31325 14.5402C5.05325 14.6268 4.77325 14.6668 4.49992 14.6668C4.31992 14.6668 4.13993 14.6468 3.96659 14.6135C3.87993 14.5935 3.79325 14.5735 3.70658 14.5468C3.59992 14.5135 3.49992 14.4802 3.39992 14.4335C3.39992 14.4268 3.39992 14.4268 3.39325 14.4335C3.20658 14.3402 3.02659 14.2335 2.85992 14.1068L2.85325 14.1002C2.76658 14.0335 2.68659 13.9668 2.61326 13.8868C2.53993 13.8068 2.46658 13.7268 2.39325 13.6402C2.26658 13.4735 2.15992 13.2935 2.06659 13.1068C2.07326 13.1002 2.07326 13.1002 2.06659 13.1002C2.06659 13.1002 2.06658 13.0935 2.05992 13.0868C2.01992 12.9935 1.98658 12.8935 1.95325 12.7935C1.92658 12.7068 1.90658 12.6202 1.88658 12.5335C1.85324 12.3602 1.83325 12.1802 1.83325 12.0002V3.00016C1.83325 2.00016 2.49992 1.3335 3.49992 1.3335H5.49992C6.49992 1.3335 7.16659 2.00016 7.16659 3.00016Z" stroke="url(#paint0_linear_482_800)" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_482_800" x1="7.20167" y1="1.3335" x2="1.48616" y2="1.37564" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.8 KiB |
10
assets/hadith/svg/contact-us.svg
Normal file
10
assets/hadith/svg/contact-us.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.3335 14.1663H4.66683C2.66683 14.1663 1.3335 13.1663 1.3335 10.833V6.16634C1.3335 3.83301 2.66683 2.83301 4.66683 2.83301H11.3335C13.3335 2.83301 14.6668 3.83301 14.6668 6.16634V10.833C14.6668 13.1663 13.3335 14.1663 11.3335 14.1663Z" stroke="#1B2132" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.3332 6.5L9.2465 8.16667C8.55983 8.71333 7.43317 8.71333 6.7465 8.16667L4.6665 6.5" stroke="url(#paint0_linear_67_3322)" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_3322" x1="11.377" y1="6.5" x2="4.25718" y2="6.92137" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 868 B |
10
assets/hadith/svg/copyright.svg
Normal file
10
assets/hadith/svg/copyright.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.00016 15.1663C4.32016 15.1663 1.3335 12.1797 1.3335 8.49967C1.3335 4.81967 4.32016 1.83301 8.00016 1.83301C11.6802 1.83301 14.6668 4.81967 14.6668 8.49967C14.6668 12.1797 11.6802 15.1663 8.00016 15.1663Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.92033 10.4997C9.447 10.913 8.83365 11.1663 8.16032 11.1663C6.68699 11.1663 5.49365 9.97301 5.49365 8.49967C5.49365 7.02634 6.68699 5.83301 8.16032 5.83301C8.83365 5.83301 9.447 6.08634 9.92033 6.49967" stroke="url(#paint0_linear_67_3325)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_3325" x1="9.94945" y1="5.83301" x2="5.20641" y2="5.90558" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 915 B |
3
assets/hadith/svg/dropdown-chevron-down.svg
Normal file
3
assets/hadith/svg/dropdown-chevron-down.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.5 7.71582L8.5 9.71582L10.5 7.71582" stroke="#8A92A8" stroke-width="0.8" stroke-linecap="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 212 B |
10
assets/hadith/svg/explore.svg
Normal file
10
assets/hadith/svg/explore.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.5 19.2158H8C4 19.2158 2 18.2158 2 13.2158V8.21582C2 4.21582 4 2.21582 8 2.21582H16C20 2.21582 22 4.21582 22 8.21582V13.2158C22 17.2158 20 19.2158 16 19.2158H15.5C15.19 19.2158 14.89 19.3658 14.7 19.6158L13.2 21.6158C12.54 22.4958 11.46 22.4958 10.8 21.6158L9.3 19.6158C9.14 19.3958 8.77 19.2158 8.5 19.2158Z" fill="white"/>
|
||||
<path d="M17.5 11.2158C17.5 11.222 17.4952 11.2271 17.489 11.2275C16.066 11.3175 14.7245 11.9234 13.716 12.9318C12.7076 13.9403 12.1017 15.2818 12.0117 16.7048C12.0113 16.711 12.0062 16.7158 12 16.7158C11.9938 16.7158 11.9887 16.711 11.9883 16.7048C11.8985 15.2817 11.2926 13.9401 10.2841 12.9317C9.27568 11.9232 7.93408 11.3174 6.51099 11.2275C6.50482 11.2271 6.5 11.222 6.5 11.2158C6.5 11.2096 6.50482 11.2045 6.51099 11.2041C7.93408 11.1143 9.27568 10.5084 10.2841 9.49996C11.2926 8.4915 11.8985 7.1499 11.9883 5.72681C11.9887 5.72064 11.9938 5.71582 12 5.71582C12.0062 5.71582 12.0113 5.72064 12.0117 5.72681C12.1017 7.14985 12.7076 8.49137 13.716 9.4998C14.7245 10.5082 16.066 11.1141 17.489 11.2041C17.4952 11.2045 17.5 11.2096 17.5 11.2158Z" fill="url(#paint0_linear_67_5769)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_5769" x1="17.5724" y1="5.71582" x2="5.78748" y2="5.93308" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
16
assets/hadith/svg/hashtag.svg
Normal file
16
assets/hadith/svg/hashtag.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.56673 2L6.2334 14" stroke="url(#paint0_linear_482_790)" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.5667 2L10.2334 14" stroke="#1B2132" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3.2334 6H15.2334" stroke="url(#paint1_linear_482_790)" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M2.56689 10H14.5669" stroke="#1B2132" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_482_790" x1="7.5755" y1="2" x2="6.14655" y2="2.00293" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_482_790" x1="15.3123" y1="6" x2="3.05178" y2="8.71235" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.0 KiB |
10
assets/hadith/svg/home.svg
Normal file
10
assets/hadith/svg/home.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.02 6.91585L7.63 11.1158C6.73 11.8158 6 13.3058 6 14.4358V21.8458C6 24.1658 7.89 26.0658 10.21 26.0658H21.79C24.11 26.0658 26 24.1658 26 21.8558V14.5758C26 13.3658 25.19 11.8158 24.2 11.1258L18.02 6.79585C16.62 5.81585 14.37 5.86585 13.02 6.91585Z" fill="white" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M16 22.0662V18.0662" stroke="url(#paint0_linear_67_4174)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_4174" x1="16" y1="18.5662" x2="14.5409" y2="19.35" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 781 B |
16
assets/hadith/svg/library.svg
Normal file
16
assets/hadith/svg/library.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M22 16.7397V4.6697C22 3.4697 21.02 2.5797 19.83 2.6797H19.77C17.67 2.8597 14.48 3.9297 12.7 5.0497L12.53 5.1597C12.24 5.3397 11.76 5.3397 11.47 5.1597L11.22 5.0097C9.44 3.8997 6.26 2.8397 4.16 2.6697C2.97 2.5697 2 3.4697 2 4.6597V16.7397C2 17.6997 2.78 18.5997 3.74 18.7197L4.03 18.7597C6.2 19.0497 9.55 20.1497 11.47 21.1997L11.51 21.2197C11.78 21.3697 12.21 21.3697 12.47 21.2197C14.39 20.1597 17.75 19.0497 19.93 18.7597L20.26 18.7197C21.22 18.5997 22 17.6997 22 16.7397Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12 5.49023V20.4902" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.24988 9L5.5 8.49023" stroke="url(#paint0_linear_482_745)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.24988 13.5L5.5 12.9902" stroke="url(#paint1_linear_482_745)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_482_745" x1="8.26797" y1="8.49023" x2="5.34974" y2="8.78045" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_482_745" x1="8.26797" y1="12.9902" x2="5.34974" y2="13.2804" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
15
assets/hadith/svg/logout.svg
Normal file
15
assets/hadith/svg/logout.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.93359 5.54016C6.14026 3.14016 7.37359 2.16016 10.0736 2.16016H10.1603C13.1403 2.16016 14.3336 3.35349 14.3336 6.33349V10.6802C14.3336 13.6602 13.1403 14.8535 10.1603 14.8535H10.0736C7.39359 14.8535 6.16026 13.8868 5.94026 11.5268" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.99926 8.5H2.4126" stroke="url(#paint0_linear_67_3328)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M3.89984 6.2666L1.6665 8.49994L3.89984 10.7333" stroke="url(#paint1_linear_67_3328)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_3328" x1="10.0492" y1="8.5" x2="2.07441" y2="9.61538" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_67_3328" x1="3.91453" y1="6.2666" x2="1.52123" y2="6.28866" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
11
assets/hadith/svg/menu.svg
Normal file
11
assets/hadith/svg/menu.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3 5H21" stroke="#1B2132" stroke-linecap="round"/>
|
||||
<path d="M3 12H21" stroke="url(#paint0_linear_67_5173)" stroke-linecap="round"/>
|
||||
<path d="M3 19H21" stroke="#1B2132" stroke-linecap="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_5173" x1="21.1184" y1="12" x2="3.74104" y2="17.7665" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 529 B |
3
assets/hadith/svg/minus.svg
Normal file
3
assets/hadith/svg/minus.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M6.7002 12.2842H18.7002" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 203 B |
33
assets/hadith/svg/more-2.svg
Normal file
33
assets/hadith/svg/more-2.svg
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.19971 5.14209V3.89209C2.19971 2.64709 3.20471 1.64209 4.44971 1.64209H5.69971" stroke="url(#paint0_linear_482_820)" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.6997 1.64209H12.9497C14.1947 1.64209 15.1997 2.64709 15.1997 3.89209V5.14209" stroke="url(#paint1_linear_482_820)" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M15.1997 11.1421V12.0171C15.1997 13.4696 14.0272 14.6421 12.5747 14.6421H11.6997" stroke="url(#paint2_linear_482_820)" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M5.69971 14.6421H4.44971C3.20471 14.6421 2.19971 13.6371 2.19971 12.3921V11.1421" stroke="url(#paint3_linear_482_820)" stroke-width="0.666667" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.69971 9.64209L6.19971 9.64209" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.69971 9.64209L10.1997 9.64209" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11.6997 9.64209L12.6997 9.64209" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M9.19971 4.64209L11.1997 4.64209" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6.19971 4.64209L7.69971 4.64209" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.1997 7.14209L8.19971 7.14209" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6.69971 7.14209L4.69971 7.14209" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M8.69971 12.1421L11.1997 12.1421" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M6.19971 12.1421L7.19971 12.1421" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_482_820" x1="5.72273" y1="1.64209" x2="1.973" y2="1.71122" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_482_820" x1="15.2227" y1="1.64209" x2="11.473" y2="1.71122" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_482_820" x1="15.2227" y1="11.1421" x2="11.473" y2="11.2112" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_482_820" x1="5.72273" y1="11.1421" x2="1.973" y2="11.2112" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
24
assets/hadith/svg/no-result.svg
Normal file
24
assets/hadith/svg/no-result.svg
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
<svg width="96" height="97" viewBox="0 0 96 97" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M75 75.7158L63 63.7158" stroke="url(#paint0_linear_67_4208)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M45 69.7158C58.2548 69.7158 69 58.9707 69 45.7158C69 32.461 58.2548 21.7158 45 21.7158C31.7452 21.7158 21 32.461 21 45.7158C21 58.9707 31.7452 69.7158 45 69.7158Z" stroke="url(#paint1_linear_67_4208)" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M37.5 53.2158L52.5 38.2158" stroke="url(#paint2_linear_67_4208)" stroke-width="3" stroke-linecap="round"/>
|
||||
<path d="M37.5 38.2158L52.5 53.2158" stroke="url(#paint3_linear_67_4208)" stroke-width="3" stroke-linecap="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_4208" x1="57.9091" y1="58.534" x2="72.9091" y2="74.8522" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#F0F0F0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_67_4208" x1="0.636364" y1="0.988548" x2="60.6364" y2="66.2613" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#F0F0F0"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_67_4208" x1="30.831" y1="59.2741" x2="32.6785" y2="60.9681" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#D9D9D9"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_67_4208" x1="31.4417" y1="31.5468" x2="29.7477" y2="33.3943" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white"/>
|
||||
<stop offset="1" stop-color="#D9D9D9"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
15
assets/hadith/svg/note.svg
Normal file
15
assets/hadith/svg/note.svg
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.43311 8H10.7664" stroke="url(#paint0_linear_482_811)" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M7.43311 10.6665H10.7664" stroke="url(#paint1_linear_482_811)" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M10.7663 1.6665C12.9863 1.7865 14.0996 2.63317 14.0996 5.7665V9.8865C14.0996 12.6332 13.4329 14.0065 10.0996 14.0065H6.09961C2.76628 14.0065 2.09961 12.6332 2.09961 9.8865V5.7665C2.09961 2.63317 3.21294 1.79317 5.43294 1.6665H10.7663Z" stroke="#1B2132" stroke-width="0.666667" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_482_811" x1="10.8015" y1="8" x2="5.14043" y2="8.55661" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_482_811" x1="10.7884" y1="10.6665" x2="7.22942" y2="10.8852" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
4
assets/hadith/svg/pencil.svg
Normal file
4
assets/hadith/svg/pencil.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.27956 1.32295L1.52883 5.07368C1.3805 5.22202 1.24277 5.49746 1.21099 5.69876L1.00968 7.12909C0.935509 7.64825 1.29576 8.0085 1.81492 7.93433L3.24524 7.73302C3.44655 7.70123 3.73265 7.56351 3.87038 7.41518L7.62105 3.66451C8.26736 3.0182 8.57462 2.26591 7.62105 1.31235C6.67808 0.369377 5.92587 0.676647 5.27956 1.32295Z" stroke="#8A92A8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M4.7395 1.86206C5.05736 3.00634 5.94732 3.8963 7.0916 4.21416" stroke="#8A92A8" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 681 B |
9
assets/hadith/svg/robot-indicator.svg
Normal file
9
assets/hadith/svg/robot-indicator.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.49001 8.52652C5.89479 7.54707 7.78093 5.61175 8.69971 3.18821C9.61848 5.61175 11.5046 7.54707 13.9094 8.52652L14.2596 8.66914C11.6695 9.55624 9.62538 11.5717 8.69971 14.1428C7.77404 11.5717 5.72987 9.55624 3.13985 8.66914L3.49001 8.52652Z" stroke="url(#paint0_linear_67_4204)" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_4204" x1="15.7918" y1="1.71582" x2="0.792861" y2="1.99233" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 648 B |
9
assets/hadith/svg/search-2.svg
Normal file
9
assets/hadith/svg/search-2.svg
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21 21.7158L17 17.7158M19 11.7158C19 16.1341 15.4183 19.7158 11 19.7158C6.58172 19.7158 3 16.1341 3 11.7158C3 7.29754 6.58172 3.71582 11 3.71582C15.4183 3.71582 19 7.29754 19 11.7158Z" stroke="url(#paint0_linear_67_4029)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_4029" x1="4.61149" y1="3.71582" x2="22.2399" y2="7.47005" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4BE8AE"/>
|
||||
<stop offset="1" stop-color="#00A762"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 631 B |
14
assets/hadith/svg/search-3.svg
Normal file
14
assets/hadith/svg/search-3.svg
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.5 21.2158L7.5 17.2158" stroke="url(#paint0_linear_67_5776)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M13.5 19.2158C9.08172 19.2158 5.5 15.6341 5.5 11.2158C5.5 6.79754 9.08172 3.21582 13.5 3.21582C17.9183 3.21582 21.5 6.79754 21.5 11.2158C21.5 15.6341 17.9183 19.2158 13.5 19.2158Z" stroke="url(#paint1_linear_67_5776)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_5776" x1="7.14189" y1="17.2158" x2="3.22446" y2="18.0501" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4BE8AE"/>
|
||||
<stop offset="1" stop-color="#00A762"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_67_5776" x1="20.0676" y1="3.21582" x2="4.39784" y2="6.55292" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#4BE8AE"/>
|
||||
<stop offset="1" stop-color="#00A762"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 943 B |
10
assets/hadith/svg/search.svg
Normal file
10
assets/hadith/svg/search.svg
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21 21L17 17" stroke="url(#paint0_linear_67_2951)" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#1B2132" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_67_2951" x1="21.0263" y1="17" x2="16.7409" y2="17.079" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#D284FF"/>
|
||||
<stop offset="1" stop-color="#4D00FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 625 B |
3
assets/hadith/svg/tag.svg
Normal file
3
assets/hadith/svg/tag.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.3624 19.4568L11.3623 19.4566L11.3512 19.463L6.0141 22.578C6.01385 22.5782 6.01361 22.5783 6.01336 22.5785C5.19872 23.0497 4.51737 23.0488 4.05314 22.7615C3.58446 22.4714 3.25 21.8362 3.25 20.8515V6.65355C3.25253 5.53979 3.67473 4.47474 4.42065 3.69078C5.16616 2.90724 6.17385 2.46834 7.22253 2.4657H17.7664C18.8158 2.46978 19.824 2.9089 20.5709 3.69196C21.3183 4.4754 21.7433 5.53968 21.75 6.65409V20.8515C21.75 21.8426 21.4151 22.4802 20.9469 22.7701C20.4833 23.057 19.8022 23.0559 18.987 22.5787L18.9867 22.5785L13.6488 19.463L13.6489 19.4627L13.6376 19.4568C13.2842 19.2741 12.895 19.1788 12.5 19.1788C12.105 19.1788 11.7158 19.2741 11.3624 19.4568Z" fill="#F7FFFD" stroke="#29D985" stroke-width="0.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 823 B |
|
|
@ -2,28 +2,28 @@
|
|||
const items = ref([
|
||||
{
|
||||
label: "حانه",
|
||||
icon: "i-lucide-home",
|
||||
icon: "i-haditha-home",
|
||||
to: "/hadith",
|
||||
descrption: "صفحه اصلی",
|
||||
class: "flex flex-col lg:flex-row justify-center items-center hide-label",
|
||||
},
|
||||
{
|
||||
label: "جستجو",
|
||||
icon: "i-lucide-search",
|
||||
icon: "i-haditha-search",
|
||||
to: "/hadith/search",
|
||||
slot: "search",
|
||||
class: "flex flex-col lg:flex-row justify-center items-center",
|
||||
},
|
||||
{
|
||||
label: "چت بات",
|
||||
icon: "i-lucide-message-square-text",
|
||||
icon: "i-haditha-chat-bot",
|
||||
to: "/hadith/chat-bot",
|
||||
slot: "chat-bot",
|
||||
class: "flex flex-col lg:flex-row justify-center items-center",
|
||||
},
|
||||
{
|
||||
label: "کتابخانه",
|
||||
icon: "i-lucide-book-open-text",
|
||||
icon: "i-haditha-library",
|
||||
to: "/hadith/library",
|
||||
slot: "library",
|
||||
class: "flex flex-col lg:flex-row justify-center items-center",
|
||||
|
|
@ -31,34 +31,34 @@ const items = ref([
|
|||
|
||||
{
|
||||
label: "نشان شده ها",
|
||||
icon: "i-lucide-bookmark",
|
||||
icon: "i-haditha-bookmark",
|
||||
to: "/hadith/favorites",
|
||||
class: "flex flex-col lg:hidden justify-center items-center",
|
||||
},
|
||||
|
||||
{
|
||||
label: "دیگر",
|
||||
icon: "i-lucide-menu",
|
||||
icon: "i-haditha-menu",
|
||||
class: "flex flex-col lg:hidden justify-center items-center hide-chevron",
|
||||
children: [
|
||||
{
|
||||
label: "در باره ما",
|
||||
icon: "i-lucide-house",
|
||||
icon: "i-haditha-about-us",
|
||||
to: "/hadith/about-us",
|
||||
},
|
||||
{
|
||||
label: "تماس با ما",
|
||||
icon: "i-lucide-cloud-download",
|
||||
icon: "i-haditha-contact-us",
|
||||
to: "/hadith/contact-us",
|
||||
},
|
||||
{
|
||||
label: "قوانین و مقررات",
|
||||
icon: "i-lucide-smile",
|
||||
icon: "i-haditha-copyright",
|
||||
to: "/hadith/rules",
|
||||
},
|
||||
{
|
||||
label: "خروج از حساب",
|
||||
icon: "i-lucide-smile",
|
||||
icon: "i-haditha-logout",
|
||||
to: "/hadith/logout",
|
||||
},
|
||||
],
|
||||
|
|
@ -68,32 +68,32 @@ const items = ref([
|
|||
const leftItem = ref([
|
||||
{
|
||||
label: "نشان شده ها",
|
||||
icon: "i-lucide-bookmark",
|
||||
icon: "i-haditha-bookmark",
|
||||
to: "/hadith/favorites",
|
||||
},
|
||||
|
||||
{
|
||||
label: "Guide",
|
||||
icon: "i-lucide-menu",
|
||||
icon: "i-haditha-menu",
|
||||
children: [
|
||||
{
|
||||
label: "در باره ما",
|
||||
icon: "i-lucide-house",
|
||||
icon: "i-haditha-about-us size-4",
|
||||
to: "/hadith/about-us",
|
||||
},
|
||||
{
|
||||
label: "تماس با ما",
|
||||
icon: "i-lucide-cloud-download",
|
||||
icon: "i-haditha-contact-us",
|
||||
to: "/hadith/contact-us",
|
||||
},
|
||||
{
|
||||
label: "قوانین و مقررات",
|
||||
icon: "i-lucide-smile",
|
||||
icon: "i-haditha-copyright",
|
||||
to: "/hadith/rules",
|
||||
},
|
||||
{
|
||||
label: "خروج از حساب",
|
||||
icon: "i-lucide-smile",
|
||||
icon: "i-haditha-logout",
|
||||
to: "/hadith/logout",
|
||||
},
|
||||
],
|
||||
|
|
@ -122,6 +122,18 @@ onMounted(() => {
|
|||
:key="rerenderNavigation"
|
||||
:items="items"
|
||||
class="data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-48"
|
||||
:ui="{
|
||||
root: 'root',
|
||||
list: 'list',
|
||||
label: 'label',
|
||||
item: 'item',
|
||||
link: 'link',
|
||||
linkLeadingIcon: 'linkLeadingIcon size-8',
|
||||
linkLeadingAvatar: 'linkLeadingAvatar',
|
||||
linkLeadingAvatarSize: 'linkLeadingAvatarSize',
|
||||
linkTrailing: 'linkTrailing',
|
||||
linkTrailingBadge: 'linkTrailingBadge',
|
||||
}"
|
||||
/>
|
||||
<div class="hidden lg:flex items-center">
|
||||
<template v-for="(item, index) in leftItem">
|
||||
|
|
@ -130,9 +142,29 @@ onMounted(() => {
|
|||
:items="item.children"
|
||||
:ui="{
|
||||
content: 'w-48',
|
||||
arrow: 'arrow',
|
||||
group: 'group',
|
||||
label: 'label',
|
||||
separator: 'separator',
|
||||
item: 'item',
|
||||
itemLeadingIcon: 'size-4',
|
||||
itemLeadingAvatar: 'itemLeadingAvatar',
|
||||
itemLeadingAvatarSize: 'itemLeadingAvatarSize',
|
||||
itemTrailing: 'itemTrailing',
|
||||
}"
|
||||
>
|
||||
<UButton icon="i-lucide-menu" color="neutral" variant="outline" />
|
||||
<UButton
|
||||
icon="i-haditha-menu"
|
||||
variant="ghost"
|
||||
:ui="{
|
||||
base: 'string[]',
|
||||
label: 'label',
|
||||
leadingIcon: 'leadingIcon size-8',
|
||||
leadingAvatar: 'leadingAvatar',
|
||||
leadingAvatarSize: 'leadingAvatarSize',
|
||||
trailingIcon: 'trailingIcon',
|
||||
}"
|
||||
/>
|
||||
</UDropdownMenu>
|
||||
|
||||
<ULink
|
||||
|
|
@ -142,7 +174,7 @@ onMounted(() => {
|
|||
class="w-full flex justify-center items-center me-3"
|
||||
active-class="text-(--color-white) bg-(--ui-primary) link-is-active"
|
||||
>
|
||||
<UIcon :name="item.icon" class="size-6" />
|
||||
<UIcon :name="item.icon" class="size-8" />
|
||||
</ULink>
|
||||
</template>
|
||||
</div>
|
||||
|
|
@ -198,7 +230,7 @@ onMounted(() => {
|
|||
}
|
||||
}
|
||||
|
||||
max-width: 112px;
|
||||
// max-width: 112px;
|
||||
height: 48px;
|
||||
gap: 4px;
|
||||
border-radius: 12px;
|
||||
|
|
@ -253,10 +285,10 @@ onMounted(() => {
|
|||
gap: 4px;
|
||||
border-radius: 12px;
|
||||
|
||||
padding-top: 16px;
|
||||
padding-right: 18px;
|
||||
padding-bottom: 16px;
|
||||
padding-left: 18px;
|
||||
padding-top: 14px;
|
||||
padding-right: 16px;
|
||||
padding-bottom: 14px;
|
||||
padding-left: 16px;
|
||||
|
||||
background: linear-gradient(102.02deg, #4be8ae 7.38%, #00a762 91.78%);
|
||||
box-shadow: 0px 4px 10px 0px #00745933;
|
||||
|
|
|
|||
|
|
@ -56,6 +56,7 @@ const state = reactive({
|
|||
|
||||
<div class="content">
|
||||
<UCarousel
|
||||
:autoplay="{ delay: 10000 }"
|
||||
loop
|
||||
arrows
|
||||
dots
|
||||
|
|
@ -74,7 +75,7 @@ const state = reactive({
|
|||
prev: 'prev rounded-xl top-1/7',
|
||||
next: 'next rounded-xl top-1/7 ',
|
||||
dots: 'dots -bottom-10',
|
||||
dot: 'dot',
|
||||
dot: 'dot size-2',
|
||||
}"
|
||||
>
|
||||
<NuxtImg
|
||||
|
|
@ -101,7 +102,7 @@ const state = reactive({
|
|||
<style scoped>
|
||||
.section-five {
|
||||
background: linear-gradient(329.16deg, #b9fde0 13.45%, #eefff8 63.57%);
|
||||
padding:6em 0 11.2em; /* 120px */
|
||||
padding: 6em 0 11.2em; /* 120px */
|
||||
|
||||
.header {
|
||||
.title {
|
||||
|
|
@ -180,5 +181,29 @@ const state = reactive({
|
|||
|
||||
color: #545aea;
|
||||
}
|
||||
|
||||
.content {
|
||||
.controls {
|
||||
.dots {
|
||||
.dot {
|
||||
background-color: #fff;
|
||||
border: 1px solid #e0e0e0;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
&[class*="bg-[var(--ui-border-inverted)]"] {
|
||||
width: 0.8em;
|
||||
height: 0.8em;
|
||||
background: linear-gradient(
|
||||
102.02deg,
|
||||
#4be8ae 7.38%,
|
||||
#00a762 91.78%
|
||||
);
|
||||
border:0;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ export default {
|
|||
backgroundImageStyle() {
|
||||
// Use $img to generate an optimized image URL
|
||||
const optimizedImageUrl = this.$img("/img/background.png", {
|
||||
quality: 80,
|
||||
quality: 60,
|
||||
});
|
||||
|
||||
return {
|
||||
|
|
|
|||
60
components/hadith/library-show/UTree.vue
Normal file
60
components/hadith/library-show/UTree.vue
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<script setup>
|
||||
import { TreeItem, TreeRoot } from "reka-ui";
|
||||
import { Icon } from "@iconify/vue";
|
||||
|
||||
const props = defineProps({
|
||||
items: {
|
||||
default() {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<TreeRoot
|
||||
v-slot="{ flattenItems }"
|
||||
class="list-none select-none w-full text-stone-700 p-2 text-sm font-medium"
|
||||
:items="items"
|
||||
:get-key="(item) => item.title"
|
||||
:default-expanded="['components']"
|
||||
>
|
||||
<!-- <h2 class="font-semibold text-sm text-stone-400 px-2 pt-1 pb-3">
|
||||
Directory Structure
|
||||
</h2> -->
|
||||
<TreeItem
|
||||
v-for="item in flattenItems"
|
||||
v-slot="{ isExpanded }"
|
||||
:key="item._id"
|
||||
:style="{ 'margin-right': `${item.level - 0.7}rem` }"
|
||||
v-bind="item.bind"
|
||||
class="tree-item flex items-center py-1.5 px-3 mb-4 rounded-lg border-[#29D985] outline-none bg-[#F0F1F4] focus:ring-grass8 focus:ring-[#29d985]"
|
||||
>
|
||||
<template v-if="item.hasChildren">
|
||||
<Icon v-if="!isExpanded" icon="lucide:plus" class="h-6 w-6" />
|
||||
<Icon v-else icon="lucide:minus" class="h-6 w-6" />
|
||||
</template>
|
||||
<!-- <Icon v-else :icon="item.value.icon || 'lucide:file'" class="h-6 w-6" /> -->
|
||||
<div class="pr-1">
|
||||
{{ item.value.title }}
|
||||
</div>
|
||||
</TreeItem>
|
||||
</TreeRoot>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.tree-item[aria-expanded="true"] {
|
||||
background: linear-gradient(320.71deg, #b9fde0 6.56%, #e4f9f0 69.69%);
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 13px;
|
||||
line-height: 19.5px;
|
||||
letter-spacing: 0%;
|
||||
text-align: right;
|
||||
color: var(--ui-color-two);
|
||||
|
||||
/* &[data-expanded="true"] {
|
||||
background-color: #f7fffd;
|
||||
} */
|
||||
}
|
||||
</style>
|
||||
211
components/hadith/login/EnterMobile.vue
Normal file
211
components/hadith/login/EnterMobile.vue
Normal file
|
|
@ -0,0 +1,211 @@
|
|||
<script setup lang="ts">
|
||||
import * as z from "zod";
|
||||
import type { FormSubmitEvent } from "@nuxt/ui";
|
||||
|
||||
definePageMeta({
|
||||
layout: false,
|
||||
name: "hadithLogin",
|
||||
});
|
||||
useHead({
|
||||
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | ورود`,
|
||||
meta: [
|
||||
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
|
||||
],
|
||||
bodyAttrs: {
|
||||
class: import.meta.env.VITE_HADITH_SYSTEM,
|
||||
},
|
||||
});
|
||||
|
||||
const localizedErrors = {
|
||||
required: "Invalid email address",
|
||||
// Add more error codes and translations as needed
|
||||
};
|
||||
|
||||
const schema = z.object({
|
||||
mobile: z
|
||||
.string()
|
||||
.min(1, "این فیلد ضروری است.(exmaple : 09--*******)")
|
||||
.max(11, "موبایل حداکثر 11 عدد می باشد.(exmaple : 09--*******)")
|
||||
});
|
||||
|
||||
type Schema = z.output<typeof schema>;
|
||||
|
||||
const state = reactive<Partial<Schema>>({
|
||||
mobile: undefined,
|
||||
});
|
||||
|
||||
const toast = useToast();
|
||||
async function onSubmit(event: FormSubmitEvent<Schema>) {
|
||||
toast.add({
|
||||
title: "Success",
|
||||
description: "The form has been submitted.",
|
||||
color: "success",
|
||||
});
|
||||
console.log(event.data);
|
||||
}
|
||||
|
||||
// components declaration
|
||||
const HadithLayout = defineAsyncComponent(
|
||||
() => import("@hadith/layouts/HadithLayout.vue")
|
||||
);
|
||||
const NavigationMenu = defineAsyncComponent(
|
||||
() => import("@hadith/components/hadith/NavigationMenu.vue")
|
||||
);
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<HadithLayout>
|
||||
<div class="hadith-login-page h-full">
|
||||
<div class="page-container pt-20 h-full">
|
||||
<navigation-menu></navigation-menu>
|
||||
|
||||
<UContainer
|
||||
ui="{
|
||||
base: 'sm:px-6 lg:px-4',
|
||||
}"
|
||||
class="page-inner-container sm:px-6 lg:px-4 h-full"
|
||||
>
|
||||
<div
|
||||
class="page-content flex flex-col items-center justify-center h-full"
|
||||
>
|
||||
<p class="title">خوش آمدید</p>
|
||||
<p class="description">لطفا شماره موبایل خود را وارد کنید</p>
|
||||
|
||||
<UForm
|
||||
:schema="schema"
|
||||
:state="state"
|
||||
class="space-y-4 w-full"
|
||||
@submit="onSubmit"
|
||||
>
|
||||
<UFormField
|
||||
dir="ltr"
|
||||
name="mobile"
|
||||
class="mb-6"
|
||||
:ui="{
|
||||
root: 'root',
|
||||
wrapper: 'wrapper',
|
||||
labelWrapper: 'labelWrapper',
|
||||
label: 'label',
|
||||
container: 'container',
|
||||
description: 'description',
|
||||
error: 'error',
|
||||
hint: 'hint',
|
||||
help: 'help',
|
||||
}"
|
||||
>
|
||||
<UInput
|
||||
class="input-elem w-full"
|
||||
placeholder="09--*******"
|
||||
v-model="state.mobile"
|
||||
type="text"
|
||||
/>
|
||||
</UFormField>
|
||||
|
||||
<UButton
|
||||
class="submit-btn w-full flex justify-center"
|
||||
variant="solid"
|
||||
type="submit"
|
||||
>
|
||||
ورود / ثبت نام
|
||||
</UButton>
|
||||
</UForm>
|
||||
</div>
|
||||
</UContainer>
|
||||
</div>
|
||||
</div>
|
||||
</HadithLayout>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
.hadith-login-page {
|
||||
background: #f7fffd;
|
||||
|
||||
.page-container {
|
||||
.page-inner-container {
|
||||
margin: auto;
|
||||
width: 512px;
|
||||
/* height: 125px; */
|
||||
gap: 24px;
|
||||
|
||||
.title {
|
||||
margin-bottom: 1.2em;
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 20px;
|
||||
line-height: 30px;
|
||||
letter-spacing: 0%;
|
||||
|
||||
/* Fallback color */
|
||||
color: #4d00ff;
|
||||
|
||||
/* Gradient background */
|
||||
background: linear-gradient(268.94deg, #d284ff -0.65%, #4d00ff 104.59%);
|
||||
|
||||
/* Clip the background to the text */
|
||||
background-clip: text;
|
||||
-webkit-background-clip: text; /* For Safari */
|
||||
|
||||
/* Make the text transparent */
|
||||
color: transparent;
|
||||
-webkit-text-fill-color: transparent; /* For Safari */
|
||||
}
|
||||
|
||||
.description {
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
letter-spacing: 0%;
|
||||
color: #626b84;
|
||||
margin-bottom: 5em; /* 70px */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.hadith-login-page {
|
||||
.page-container {
|
||||
.page-inner-container {
|
||||
.input-elem {
|
||||
input {
|
||||
width: 480;
|
||||
height: 53px;
|
||||
justify-content: space-between;
|
||||
border-radius: 12px;
|
||||
border-width: 0.3px;
|
||||
padding: 16px;
|
||||
background: #ffffff;
|
||||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
|
||||
font-family: IRANSansX;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
letter-spacing: 0%;
|
||||
text-align: center;
|
||||
color: var(--ui-color-two);
|
||||
}
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
width: 480;
|
||||
height: 48px;
|
||||
gap: 4px;
|
||||
padding-top: 9.1px;
|
||||
padding-right: 32px;
|
||||
padding-bottom: 9.1px;
|
||||
padding-left: 32px;
|
||||
border-radius: 12px;
|
||||
border-width: 0.3px;
|
||||
|
||||
background: linear-gradient(102.02deg, #4be8ae 7.38%, #00a762 91.78%);
|
||||
border: 0.3px solid #d9d9d9;
|
||||
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -28,7 +28,7 @@ const closeModal = () => {
|
|||
/>
|
||||
|
||||
<UButton
|
||||
icon="i-lucide:x"
|
||||
icon="i-haditha-close"
|
||||
color="neutral"
|
||||
variant="ghost"
|
||||
class="close-btn"
|
||||
|
|
@ -42,9 +42,9 @@ const closeModal = () => {
|
|||
<div class="bg-container h-full">
|
||||
<div class="header flex">
|
||||
<UButton
|
||||
variant="solid"
|
||||
variant="ghost"
|
||||
class="bookmark-btn"
|
||||
icon="i-lucide-bookmark"
|
||||
icon="i-haditha-tag"
|
||||
>
|
||||
</UButton>
|
||||
<div class="referene">
|
||||
|
|
@ -125,14 +125,14 @@ const closeModal = () => {
|
|||
<div class="flex justify-between actions">
|
||||
<UButton
|
||||
class="similar-btn"
|
||||
icon="i-lucide-search"
|
||||
icon="i-haditha-search-3"
|
||||
label="مشابه"
|
||||
color="neutral"
|
||||
variant="outline"
|
||||
/>
|
||||
<UButton
|
||||
class="explore-btn"
|
||||
trailing-icon="i-lucide-bot-message-square"
|
||||
trailing-icon="i-haditha-explore"
|
||||
label="کاوش"
|
||||
variant="solid"
|
||||
/>
|
||||
|
|
@ -143,14 +143,14 @@ const closeModal = () => {
|
|||
label="حدیث قبل"
|
||||
color=""
|
||||
variant="soft"
|
||||
icon="i-lucide-chevron-right"
|
||||
icon="i-haditha-chevron-right"
|
||||
/>
|
||||
<UButton
|
||||
class="next-hadith"
|
||||
label="حدیث بعد"
|
||||
color=""
|
||||
variant="soft"
|
||||
trailing-icon="i-lucide-chevron-left"
|
||||
trailing-icon="i-haditha-chevron-left"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -194,11 +194,11 @@ const closeModal = () => {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
/* span { */
|
||||
/* width: 19; */
|
||||
/* height: 21; */
|
||||
background: #29d985;
|
||||
}
|
||||
/* background: #29d985; */
|
||||
/* } */
|
||||
}
|
||||
|
||||
.referene {
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<script setup>
|
||||
<script setup lang="ts">
|
||||
const route = useRoute();
|
||||
const router = useRouter();
|
||||
|
||||
|
|
@ -7,7 +7,6 @@ definePageMeta({
|
|||
name: "hadithLibraryShow",
|
||||
});
|
||||
useHead({
|
||||
name: "hadithLibraryShow",
|
||||
title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | ${route.params.slug}`,
|
||||
meta: [
|
||||
{ name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
|
||||
|
|
@ -16,6 +15,7 @@ useHead({
|
|||
class: import.meta.env.VITE_HADITH_SYSTEM,
|
||||
},
|
||||
});
|
||||
|
||||
const props = defineProps({
|
||||
list: {
|
||||
default() {
|
||||
|
|
@ -30,6 +30,58 @@ const props = defineProps({
|
|||
},
|
||||
});
|
||||
|
||||
const treeItems = [
|
||||
{
|
||||
title: "فصل اول",
|
||||
icon: "lucide:plus",
|
||||
children: [
|
||||
{ title: "useAuth.ts", icon: "vscode-icons:file-type-typescript" },
|
||||
{ title: "useUser.ts", icon: "vscode-icons:file-type-typescript" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "فصل دوم",
|
||||
icon: "lucide:plus",
|
||||
children: [
|
||||
{ title: "useAuth.ts", icon: "vscode-icons:file-type-typescript" },
|
||||
{ title: "useUser.ts", icon: "vscode-icons:file-type-typescript" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "فصل سوم",
|
||||
icon: "lucide:plus",
|
||||
children: [
|
||||
{
|
||||
title: "بخش اول",
|
||||
icon: "lucide:plus",
|
||||
children: [
|
||||
{ title: "بخش اول-یک", icon: "vscode-icons:file-type-vue" },
|
||||
{
|
||||
title: "بخش اول-دو",
|
||||
icon: "vscode-icons:file-type-vue",
|
||||
children: [
|
||||
{ title: "بخش اول-یک-یک", icon: "vscode-icons:file-type-vue" },
|
||||
{ title: "بخش اول-یک-دو", icon: "vscode-icons:file-type-vue" },
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "بخش دوم",
|
||||
icon: "lucide:plus",
|
||||
children: [
|
||||
{ title: "Card.vue", icon: "vscode-icons:file-type-vue" },
|
||||
{
|
||||
title: "Button.vue",
|
||||
icon: "vscode-icons:file-type-vue",
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "فصل چهارم", icon: "vscode-icons:file-type-vue" },
|
||||
{ title: "فصل پنجم", icon: "vscode-icons:file-type-nuxt" },
|
||||
];
|
||||
const isModalOpen = ref(false);
|
||||
|
||||
const onOpenList = () => {
|
||||
|
|
@ -46,12 +98,15 @@ const onClose = () => {
|
|||
});
|
||||
};
|
||||
// components declaration
|
||||
const HadithLayout = defineAsyncComponent(() =>
|
||||
import("@hadith/layouts/HadithLayout.vue")
|
||||
const HadithLayout = defineAsyncComponent(
|
||||
() => import("@hadith/layouts/HadithLayout.vue")
|
||||
);
|
||||
const AccordionMenu = defineAsyncComponent(() =>
|
||||
import("@hadith/components/hadith/library-show/AccordionMenu..vue")
|
||||
const UTree = defineAsyncComponent(
|
||||
() => import("@hadith/components/hadith/library-show/UTree.vue")
|
||||
);
|
||||
// const AccordionMenu = defineAsyncComponent(
|
||||
// () => import("@hadith/components/hadith/library-show/AccordionMenu..vue")
|
||||
// );
|
||||
</script>
|
||||
|
||||
<template>
|
||||
|
|
@ -136,7 +191,7 @@ const AccordionMenu = defineAsyncComponent(() =>
|
|||
:ui="{
|
||||
footer: 'modal-footer',
|
||||
overlay: 'modal-overlay',
|
||||
content: 'modal-content accordion-menu',
|
||||
content: 'modal-content accordion-menu h-10',
|
||||
header: 'modal-header',
|
||||
wrapper: 'modal-wrapper',
|
||||
body: 'modal-body',
|
||||
|
|
@ -154,7 +209,8 @@ const AccordionMenu = defineAsyncComponent(() =>
|
|||
<!-- <template #header></template> -->
|
||||
<!-- <template #content></template> -->
|
||||
<template #body>
|
||||
<accordion-menu @close="isModalOpen = !isModalOpen"></accordion-menu>
|
||||
<UTree :items="treeItems" />
|
||||
<!-- <accordion-menu @close="isModalOpen = !isModalOpen"></accordion-menu> -->
|
||||
</template>
|
||||
<!-- <template #footer></template> -->
|
||||
</UModal>
|
||||
|
|
@ -231,10 +287,3 @@ const AccordionMenu = defineAsyncComponent(() =>
|
|||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<style>
|
||||
.accordion-menu {
|
||||
.modal-close {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -24,7 +24,7 @@ const state = reactive({
|
|||
const backgroundImageStyle = computed(() => {
|
||||
// Use $img to generate an optimized image URL
|
||||
let optimizedImageUrl = img("/img/background.png", {
|
||||
quality: 80,
|
||||
quality: 40,
|
||||
});
|
||||
|
||||
if (searchQuery.value?.length) {
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user