Add font icons.
Work on hero page
This commit is contained in:
mustafa-rezae
parent
d1bab36911
commit
631e6cce32
15
assets/hadith/font-icons/Read Me.txt
Normal file
15
assets/hadith/font-icons/Read Me.txt
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
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.
|
||||||
|
|
||||||
5
assets/hadith/font-icons/SVG/Frame-17434.svg
Normal file
5
assets/hadith/font-icons/SVG/Frame-17434.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 945 B |
7
assets/hadith/font-icons/SVG/Frame-174341.svg
Normal file
7
assets/hadith/font-icons/SVG/Frame-174341.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
5
assets/hadith/font-icons/SVG/Frame-17435.svg
Normal file
5
assets/hadith/font-icons/SVG/Frame-17435.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 487 B |
6
assets/hadith/font-icons/SVG/Frame-174352.svg
Normal file
6
assets/hadith/font-icons/SVG/Frame-174352.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
5
assets/hadith/font-icons/SVG/Icon.svg
Normal file
5
assets/hadith/font-icons/SVG/Icon.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 431 B |
6
assets/hadith/font-icons/SVG/Icon1.svg
Normal file
6
assets/hadith/font-icons/SVG/Icon1.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 768 B |
5
assets/hadith/font-icons/SVG/copyright.svg
Normal file
5
assets/hadith/font-icons/SVG/copyright.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 689 B |
6
assets/hadith/font-icons/SVG/message-text.svg
Normal file
6
assets/hadith/font-icons/SVG/message-text.svg
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 761 B |
4
assets/hadith/font-icons/SVG/search-normal.svg
Normal file
4
assets/hadith/font-icons/SVG/search-normal.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 428 B |
5
assets/hadith/font-icons/SVG/sms.svg
Normal file
5
assets/hadith/font-icons/SVG/sms.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<!-- 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>
|
||||||
|
After Width: | Height: | Size: 658 B |
71
assets/hadith/font-icons/demo-external-svg.html
Normal file
71
assets/hadith/font-icons/demo-external-svg.html
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
<!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>
|
||||||
147
assets/hadith/font-icons/demo-files/demo.css
Normal file
147
assets/hadith/font-icons/demo-files/demo.css
Normal file
|
|
@ -0,0 +1,147 @@
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
120
assets/hadith/font-icons/demo.html
Normal file
120
assets/hadith/font-icons/demo.html
Normal file
|
|
@ -0,0 +1,120 @@
|
||||||
|
<!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>
|
||||||
799
assets/hadith/font-icons/selection.json
Normal file
799
assets/hadith/font-icons/selection.json
Normal file
|
|
@ -0,0 +1,799 @@
|
||||||
|
{
|
||||||
|
"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
|
||||||
|
}
|
||||||
|
}
|
||||||
16
assets/hadith/font-icons/style.css
Normal file
16
assets/hadith/font-icons/style.css
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
.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
Normal file
12
assets/hadith/font-icons/svgxuse.min.js
vendored
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
/*!
|
||||||
|
* @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()}})();
|
||||||
48
assets/hadith/font-icons/symbol-defs.svg
Normal file
48
assets/hadith/font-icons/symbol-defs.svg
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
<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>
|
||||||
|
After Width: | Height: | Size: 7.2 KiB |
46
assets/hadith/images/background.svg
Normal file
46
assets/hadith/images/background.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 783 KiB |
9
assets/hadith/images/chevron-down.svg
Normal file
9
assets/hadith/images/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="M9.99976 13C9.99976 13 12 14 13.5 15.5C15.1492 17.1492 15.9999 19.0001 15.9999 19.0001C15.9999 19.0001 17 17 18.5 15.5C20.2213 13.7787 22 13 22 13" stroke="url(#paint0_linear_67_2998)" stroke-linecap="round"/>
|
||||||
|
<defs>
|
||||||
|
<linearGradient id="paint0_linear_67_2998" x1="10.5369" y1="13.5372" x2="17.6646" y2="18.162" gradientUnits="userSpaceOnUse">
|
||||||
|
<stop stop-color="#4BE8AE"/>
|
||||||
|
<stop offset="1" stop-color="#00A762"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 550 B |
77
assets/hadith/images/logo.svg
Normal file
77
assets/hadith/images/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 304 KiB |
48
assets/hadith/scss/hadith.css
Normal file
48
assets/hadith/scss/hadith.css
Normal file
|
|
@ -0,0 +1,48 @@
|
||||||
|
@import "tailwindcss";
|
||||||
|
@import "@nuxt/ui";
|
||||||
|
|
||||||
|
/* custom imports */
|
||||||
|
@import "../../../../../assets/common/scss/_IRANSansX.scss";
|
||||||
|
|
||||||
|
@theme {
|
||||||
|
--font-sans: "IRANSansX", "Public Sans", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* @variant {
|
||||||
|
|
||||||
|
} */
|
||||||
|
/* @source */
|
||||||
|
|
||||||
|
/* @import "../../../../../assets/common/scss/customizations/_variables.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/customizations/_list-variables.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/customizations/_monir-variables.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/components/components.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/plugins/plugins.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/mixin.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/placeholder.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/layouts/layouts.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/common.scss"; */
|
||||||
|
/* @import "../../../../../assets/common/scss/responsive/responsive.scss"; */
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
direction: rtl;
|
||||||
|
text-align: right;
|
||||||
|
font-family: IRANSansX;
|
||||||
|
|
||||||
|
body {
|
||||||
|
height: 100%;
|
||||||
|
direction: rtl;
|
||||||
|
text-align: right;
|
||||||
|
font-family: IRANSansX;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.hadith-system {
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.isolate {
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -1,307 +0,0 @@
|
||||||
.search-system {
|
|
||||||
// @import "./components/_modal-search";
|
|
||||||
@import "./components/search_navigation.scss";
|
|
||||||
|
|
||||||
.main-page__content {
|
|
||||||
margin-right: var(--sidebar-collapsed-width);
|
|
||||||
|
|
||||||
&.expanded {
|
|
||||||
margin-right: var(--sidebar-width);
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-container {
|
|
||||||
.input-group {
|
|
||||||
/* justify-content: space-between; */
|
|
||||||
border-radius: 50px;
|
|
||||||
.form-control {
|
|
||||||
border: 0;
|
|
||||||
// border-left: 1px solid #eee;
|
|
||||||
height: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-append {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
content: "";
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
right: -1px;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
border-right: 1px solid #ddd;
|
|
||||||
height: 60%;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn {
|
|
||||||
border-radius: 50px 0 0 50px;
|
|
||||||
// background-color: #fff;
|
|
||||||
// color:#6f6f6f;
|
|
||||||
// min-width: 5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-logic {
|
|
||||||
.float-label {
|
|
||||||
position: absolute;
|
|
||||||
top: -1.5em;
|
|
||||||
right: 0;
|
|
||||||
background-color: #e6e7e8;
|
|
||||||
padding: 0 1em;
|
|
||||||
font-size: 0.8rem;
|
|
||||||
color: #111;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// .search-icon {
|
|
||||||
// background-color: #00baba;
|
|
||||||
// }
|
|
||||||
// .search-icon:hover {
|
|
||||||
// background-color: #088585;
|
|
||||||
// }
|
|
||||||
|
|
||||||
.search-items {
|
|
||||||
overflow-y: auto;
|
|
||||||
height: calc(100vh - 10.5em);
|
|
||||||
}
|
|
||||||
|
|
||||||
.circle--button {
|
|
||||||
position: absolute;
|
|
||||||
border: 1px solid;
|
|
||||||
border-radius: 50%;
|
|
||||||
width: 2em;
|
|
||||||
z-index: 150;
|
|
||||||
height: 2em;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
// right: 48px;
|
|
||||||
}
|
|
||||||
svg {
|
|
||||||
width: 25px;
|
|
||||||
height: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// .main-tree {
|
|
||||||
// &.category_list {
|
|
||||||
// padding: 2em 1em;
|
|
||||||
// width: 22em;
|
|
||||||
// max-width: 100%;
|
|
||||||
// background-color: #fff;
|
|
||||||
// border-left: 1px solid #f2f2e6;
|
|
||||||
// height: calc(100dvh - 13em);
|
|
||||||
// overflow-y: auto;
|
|
||||||
// transition: width 0.2s;
|
|
||||||
|
|
||||||
// &.custome-mode {
|
|
||||||
// height: calc(100dvh - 8em);
|
|
||||||
// // : 'calc(100dvh - 6em)',
|
|
||||||
// }
|
|
||||||
|
|
||||||
// .filter-list {
|
|
||||||
// .filter-list {
|
|
||||||
// white-space: nowrap;
|
|
||||||
// overflow-x: auto;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
.main-tree-select {
|
|
||||||
.form-control {
|
|
||||||
border-radius: 0.35rem !important;
|
|
||||||
width: 92% !important;
|
|
||||||
margin: 15px auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.advanced-search {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 1em;
|
|
||||||
|
|
||||||
width: 20em;
|
|
||||||
// height: calc(100dvh - 10em);
|
|
||||||
overflow-y: auto;
|
|
||||||
background: #fff;
|
|
||||||
z-index: 99;
|
|
||||||
// box-shadow: 0 0.4688rem 2.1875rem rgba(4, 9, 20, 0.03),
|
|
||||||
// 0 0.9375rem 1.4063rem rgba(4, 9, 20, 0.03),
|
|
||||||
// 0 0.25rem 0.5313rem rgba(4, 9, 20, 0.03),
|
|
||||||
// 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
|
|
||||||
// border-radius: 0.25em;
|
|
||||||
|
|
||||||
border-radius: 0 0.75rem 0 0.75rem;
|
|
||||||
background-color: rgb(255, 255, 255);
|
|
||||||
padding: 1rem;
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
|
|
||||||
|
|
||||||
.multiselect__tags {
|
|
||||||
border: unset !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bottom-close-form {
|
|
||||||
&:hover {
|
|
||||||
color: #6acfef;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 768px) {
|
|
||||||
.bottom-close-form {
|
|
||||||
position: absolute;
|
|
||||||
bottom: 7em !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// .search-page__search.in-search {
|
|
||||||
// input {
|
|
||||||
// padding-right: 5em !important;
|
|
||||||
// border: 1px solid transparent;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
.form-group {
|
|
||||||
&.inside-advanced-search {
|
|
||||||
.form-control {
|
|
||||||
// border-radius: 0.5em;
|
|
||||||
border: 1px solid #ced4da;
|
|
||||||
// padding: 1.2em;
|
|
||||||
// width: 14em;
|
|
||||||
&:focus {
|
|
||||||
border: 1px solid #61bb9e;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.date-picker {
|
|
||||||
.vpd-input-group {
|
|
||||||
direction: ltr;
|
|
||||||
.vpd-icon-btn {
|
|
||||||
margin-bottom: 0;
|
|
||||||
// position: absolute;
|
|
||||||
// right: 15.6em;
|
|
||||||
// height: 3em;
|
|
||||||
border-radius: 0.5em 0em 0em 0.5em;
|
|
||||||
}
|
|
||||||
.form-control {
|
|
||||||
border-radius: 0 0.5em 0.5em 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.select.in-advanced-search {
|
|
||||||
// padding: 0.3em !important;
|
|
||||||
// border-radius: 0.5em;
|
|
||||||
font-size: 1rem;
|
|
||||||
// height: 3em;
|
|
||||||
// width: 15em !important;
|
|
||||||
border: 1px solid #ced4da !important;
|
|
||||||
&:focus {
|
|
||||||
border: 1px solid rgb(127, 170, 170) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// .tribute.in-advanced-search {
|
|
||||||
// width: 18em !important;
|
|
||||||
// }
|
|
||||||
// .form-control {
|
|
||||||
// height: 2.2em;
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-title {
|
|
||||||
// background-color: var(--primary-color);
|
|
||||||
// background-color: var(--majles-bg-primary);
|
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
// color: #fff;
|
|
||||||
padding: 0.35em 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.multiselect {
|
|
||||||
min-height: 30px;
|
|
||||||
|
|
||||||
.multiselect__select {
|
|
||||||
width: 30px;
|
|
||||||
height: 30px;
|
|
||||||
padding: 4px 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.multiselect__tags {
|
|
||||||
min-height: 30px;
|
|
||||||
padding: 0px 8px 0 40px;
|
|
||||||
border: 2px solid rgb(127, 170, 170);
|
|
||||||
.multiselect__input,
|
|
||||||
.multiselect__single {
|
|
||||||
min-height: 30px;
|
|
||||||
line-height: 30px;
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.input-group-prepend {
|
|
||||||
button {
|
|
||||||
&:hover {
|
|
||||||
color: var(--text-primary-highlight);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.majles-header-color {
|
|
||||||
// background: linear-gradient(to top, #fcfcfc 0%, #eee 90%);
|
|
||||||
background: rgb(230, 231, 232);
|
|
||||||
.input-group-prepend {
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 0 50px 50px 0;
|
|
||||||
}
|
|
||||||
.dropdown-toggle-color {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.nav-tabs .float-label {
|
|
||||||
background-color: #e6e7e8;
|
|
||||||
top: -1.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.monir-header-color {
|
|
||||||
// background: linear-gradient(to bottom, #fcfcfc 0%, #eee 90%);
|
|
||||||
background: rgb(230, 231, 232);
|
|
||||||
|
|
||||||
.input-group-prepend {
|
|
||||||
background-color: #fff;
|
|
||||||
border-radius: 0 50px 50px 0;
|
|
||||||
}
|
|
||||||
.dropdown-toggle-color {
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
.nav-tabs .float-label {
|
|
||||||
background-color: #e6e7e8;
|
|
||||||
top: -1.5em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.searchResult {
|
|
||||||
.my-table {
|
|
||||||
.table-responsive {
|
|
||||||
table {
|
|
||||||
tbody {
|
|
||||||
tr {
|
|
||||||
// .text-center {
|
|
||||||
color: #000;
|
|
||||||
// font-family: sahel-semi-bold;
|
|
||||||
// font-size: 1em;
|
|
||||||
// }
|
|
||||||
// .text-right {
|
|
||||||
// a {
|
|
||||||
// color: #000000 !important;
|
|
||||||
// font-family: sahel-semi-bold;
|
|
||||||
// font-size: 1em;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@import "./responsive/responsive";
|
|
||||||
}
|
|
||||||
|
|
@ -1,170 +1,29 @@
|
||||||
<template>
|
<template>
|
||||||
<div
|
<UInput
|
||||||
class="input-group"
|
v-model="value"
|
||||||
@keyup="keyupdiv"
|
placeholder="هوشمند جستجو کنید..."
|
||||||
:style="{
|
:ui="{
|
||||||
showAppend: { 'box-shadow': '0 1px 3px rgba(23, 23, 23, 0.24)' },
|
trailing: '',
|
||||||
|
|
||||||
|
root: ['hadith-search-root'],
|
||||||
|
base: ['hadith-search-input'],
|
||||||
}"
|
}"
|
||||||
|
:loading="loading"
|
||||||
|
trailing-icon="i-lucide-search"
|
||||||
|
autocomplete="on"
|
||||||
|
autofocus
|
||||||
|
highlight
|
||||||
|
@blur="onBlur"
|
||||||
|
@change="onChange"
|
||||||
|
@update:modelValue="onUpdateModel"
|
||||||
>
|
>
|
||||||
<div class="input-group-prepend">
|
</UInput>
|
||||||
<button
|
|
||||||
v-if="showPrepend"
|
|
||||||
dir="rtl"
|
|
||||||
class="btn d-flex align-items-center"
|
|
||||||
type="button"
|
|
||||||
id="button-addon2"
|
|
||||||
@click="searchNavigateList()"
|
|
||||||
>
|
|
||||||
جستجو
|
|
||||||
<span class="tavasi tavasi-Component-198--1"></span>
|
|
||||||
</button>
|
|
||||||
<span v-else style="opacity: 0">xxx</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
v-model="localTextSearch"
|
|
||||||
@click="showHisory()"
|
|
||||||
@keyup.enter="prevSearchStart"
|
|
||||||
@keyup="toggleAutocomplete"
|
|
||||||
@keydown="onKeyDown()"
|
|
||||||
class="form-control"
|
|
||||||
id="search"
|
|
||||||
:placeholder="placeholder"
|
|
||||||
autocomplete="off"
|
|
||||||
ref="searchinput"
|
|
||||||
@focus="setInputFocus()"
|
|
||||||
@blur="inputfocused = false"
|
|
||||||
v-focus
|
|
||||||
/>
|
|
||||||
<div :class="[showAppend ? 'input-group-text' : 'input-group-append']">
|
|
||||||
<client-only>
|
|
||||||
<template v-if="showAppend">
|
|
||||||
<button
|
|
||||||
v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
|
|
||||||
class="btn dropdown-toggle dropdown-toggle-color rounded-0"
|
|
||||||
type="button"
|
|
||||||
data-bs-toggle="dropdown"
|
|
||||||
aria-haspopup="true"
|
|
||||||
aria-expanded="false"
|
|
||||||
id="dropdownMenuButton12"
|
|
||||||
>
|
|
||||||
<span class="navItemlabel">
|
|
||||||
{{ domainActiveGetter?.label }}
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton12">
|
|
||||||
<button
|
|
||||||
v-for="(navItem, index) in searchDomain"
|
|
||||||
:key="index"
|
|
||||||
type="button"
|
|
||||||
class="dropdown-item"
|
|
||||||
@click.prevent="setDomainField(navItem)"
|
|
||||||
>
|
|
||||||
{{ navItem.label }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</client-only>
|
|
||||||
|
|
||||||
<button
|
|
||||||
v-if="showAppendSearchButton"
|
|
||||||
v-tooltip="'جستجو در خاصیت(فیلد) ویژه'"
|
|
||||||
@click.prevent="prevSearchStart()"
|
|
||||||
class="btn btn-primary search-icon"
|
|
||||||
>
|
|
||||||
<svg class="icon icon-Component-198--1">
|
|
||||||
<use xlink:href="#icon-Component-198--1"></use>
|
|
||||||
</svg>
|
|
||||||
<!-- <NuxtImg src="@assets/common/img/searchmajles.svg" alt="" /> -->
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
v-if="inputPopupState == 3 && localListAutocomplate.length"
|
|
||||||
class="search-page__result firefox-scrollbar"
|
|
||||||
:class="{
|
|
||||||
show: localListAutocomplate.length,
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
<!-- v-click-outside="onClickOutside" -->
|
|
||||||
<client-only>
|
|
||||||
<ul ref="auto_complate_ul">
|
|
||||||
<li v-for="(item, i) in localListAutocomplate" :key="i" :value="i">
|
|
||||||
<a @click.prevent="selectAutocomplate2(item)">
|
|
||||||
<span
|
|
||||||
class="text__14"
|
|
||||||
v-html="getHighlightAutocomplate(item)"
|
|
||||||
></span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</client-only>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div v-if="inputPopupState == 1" class="search-page__result show">
|
|
||||||
<!-- v-click-outside="onClickOutside" -->
|
|
||||||
<client-only>
|
|
||||||
<template v-if="historySearch.length">
|
|
||||||
<div>
|
|
||||||
<div class="scrollbar">
|
|
||||||
<ul ref="his_ul">
|
|
||||||
<li v-for="(item, i) in historySearch" :key="i" :data-key="i">
|
|
||||||
<a @click.prevent="selectHistorySearch(item)">
|
|
||||||
<NuxtImg
|
|
||||||
src="assets/common/img/Component 359 – 2.svg"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
<span class="text__14">{{ item }}</span>
|
|
||||||
</a>
|
|
||||||
<a @click="removeHistorySearch(i)" class="close">
|
|
||||||
<svg class="icon icon-Component-294--1">
|
|
||||||
<use xlink:href="#icon-Component-294--1"></use>
|
|
||||||
</svg>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<div class="scrollbar">
|
|
||||||
<ul ref="">
|
|
||||||
<li>
|
|
||||||
<p class="m-0 text__light">
|
|
||||||
<NuxtImg
|
|
||||||
src="assets/common/img/Component 359 – 2.svg"
|
|
||||||
alt=""
|
|
||||||
/>
|
|
||||||
<span class="text__14"> تاریخچه جستجو خالی می باشد </span>
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</client-only>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { mapState } from "pinia";
|
import { mapState } from "pinia";
|
||||||
import searchApi from "../../apis/searchApi.js";
|
import searchApi from "../../apis/searchApi.js";
|
||||||
import { useSearchStore } from "../../stores/searchStore";
|
import { useCommonStore } from "@stores/commonStore";
|
||||||
|
|
||||||
// Vue.directive("click-outside", {
|
|
||||||
// bind(el, binding, vnode) {
|
|
||||||
// el.clickOutsideEvent = (event) => {
|
|
||||||
// if (!(el === event.target || el.contains(event.target))) {
|
|
||||||
// vnode.context[binding.expression](event);
|
|
||||||
// }
|
|
||||||
// };
|
|
||||||
// document.body.addEventListener("click", el.clickOutsideEvent);
|
|
||||||
// },
|
|
||||||
// unbind(el) {
|
|
||||||
// document.body.removeEventListener("click", el.clickOutsideEvent);
|
|
||||||
// },
|
|
||||||
// });
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
|
|
@ -235,6 +94,8 @@ export default {
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
loading: false,
|
||||||
|
value: "",
|
||||||
localListAutocomplate: [],
|
localListAutocomplate: [],
|
||||||
typingTimer: undefined,
|
typingTimer: undefined,
|
||||||
doneTypingInterval: 800,
|
doneTypingInterval: 800,
|
||||||
|
|
@ -250,14 +111,21 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapState(useSearchStore, [
|
...mapState(useCommonStore, ["domainActiveGetter"]),
|
||||||
"domainActiveGetter",
|
|
||||||
"searchActiveTabGetter",
|
|
||||||
"searchSchemaGetter",
|
|
||||||
"searchSynonymTitleGetter",
|
|
||||||
]),
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// on input changed
|
||||||
|
onUpdateModel() {
|
||||||
|
console.info("onUpdateModel");
|
||||||
|
},
|
||||||
|
// on input blur
|
||||||
|
onBlur() {
|
||||||
|
// console.info("onblue");
|
||||||
|
},
|
||||||
|
// on button click
|
||||||
|
onChange() {
|
||||||
|
console.info("onChange");
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* تنظیم آیتم انتخاب شده و شروع جستجو.
|
* تنظیم آیتم انتخاب شده و شروع جستجو.
|
||||||
* @param {Object} navItem - آیتم انتخابشده.
|
* @param {Object} navItem - آیتم انتخابشده.
|
||||||
|
|
@ -534,24 +402,87 @@ export default {
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style>
|
||||||
.entityTheme {
|
.hadith-search-root {
|
||||||
.btn {
|
width: 656px;
|
||||||
border-radius: 0.5rem 0 0 0.5rem !important;
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
left: 1em;
|
||||||
|
right: 1em;
|
||||||
|
top: 50%;
|
||||||
|
|
||||||
|
backdrop-filter: blur(60px);
|
||||||
|
background: linear-gradient(137.41deg, #ffffff -42.82%, #e5e0ff 87.9%);
|
||||||
|
filter: blur(60px);
|
||||||
|
/* transform: rotate(180deg); */
|
||||||
|
|
||||||
|
width: 626px;
|
||||||
|
height: 68px;
|
||||||
|
z-index: 1;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.close {
|
& > span {
|
||||||
svg {
|
width: 48px;
|
||||||
font-size: 0.5em;
|
height: 48px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
padding: 0;
|
||||||
|
/* padding-bottom: 6px; */
|
||||||
|
border-radius: 50px;
|
||||||
|
/* border-bottom-width: 1px; */
|
||||||
|
background: linear-gradient(320.71deg, #b9fde0 6.56%, #e4f9f0 69.69%);
|
||||||
|
left: 12px;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
margin: auto;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
color: #ef4444 !important;
|
transition: all 0.2s ease-in-out;
|
||||||
|
background: linear-gradient(320.71deg, #90ceb3 6.56%, #daf1e8 69.69%);
|
||||||
|
}
|
||||||
|
|
||||||
|
& > span {
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
/* border-width: 1.5px; */
|
||||||
|
/* border: 1.5px solid; */
|
||||||
|
|
||||||
|
/* border-image-source: linear-gradient(
|
||||||
|
102.02deg,
|
||||||
|
#4be8ae 7.38%,
|
||||||
|
#00a762 91.78%
|
||||||
|
); */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.search-page__result.show {
|
|
||||||
border-radius: 0.5em !important;
|
.hadith-search-input {
|
||||||
}
|
z-index: 2;
|
||||||
.input-group-text {
|
|
||||||
background-color: #fff !important;
|
height: 72px;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-top: 12px;
|
||||||
|
padding-right: 24px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
padding-left: 12px;
|
||||||
|
border-radius: 12px;
|
||||||
|
border-width: 0.3px;
|
||||||
|
|
||||||
|
background-color: #fff;
|
||||||
|
border: 0.3px solid #e0e0e0;
|
||||||
|
box-shadow: 0px 1px 4px 0px #0000000d;
|
||||||
|
|
||||||
|
font-family: IRANSansX;
|
||||||
|
font-weight: 300;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 21px;
|
||||||
|
letter-spacing: 0%;
|
||||||
|
text-align: right;
|
||||||
|
color: #a7acbe;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
117
components/hadith/NavigationMenu.vue
Normal file
117
components/hadith/NavigationMenu.vue
Normal file
|
|
@ -0,0 +1,117 @@
|
||||||
|
<script setup lang="ts">
|
||||||
|
const items = ref([
|
||||||
|
{
|
||||||
|
icon: "i-lucide-home",
|
||||||
|
to: "/hadith",
|
||||||
|
descrption: "صفحه اصلی",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "جستجو",
|
||||||
|
icon: "i-lucide-search",
|
||||||
|
to: "/hadith/search",
|
||||||
|
slot: "search",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "چت بات",
|
||||||
|
icon: "i-lucide-message-square-text",
|
||||||
|
to: "/hadith/chat-bot",
|
||||||
|
slot: "chat-bot",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "کتابخانه",
|
||||||
|
icon: "i-lucide-book-open-text",
|
||||||
|
to: "/hadith/library",
|
||||||
|
slot: "library",
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
|
const leftItem = ref([
|
||||||
|
{
|
||||||
|
label: "نشان شده ها",
|
||||||
|
icon: "i-lucide-bookmark",
|
||||||
|
to: "/hadith/favorites",
|
||||||
|
},
|
||||||
|
|
||||||
|
{
|
||||||
|
label: "Guide",
|
||||||
|
icon: "i-lucide-menu",
|
||||||
|
children: [
|
||||||
|
{
|
||||||
|
label: "در باره ما",
|
||||||
|
icon: "i-lucide-house",
|
||||||
|
to: "/hadith/about-us",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "تماس با ما",
|
||||||
|
icon: "i-lucide-cloud-download",
|
||||||
|
to: "/hadith/contact-us",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "قوانین و مقررات",
|
||||||
|
icon: "i-lucide-smile",
|
||||||
|
to: "/hadith/rules",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
label: "خروج از حساب",
|
||||||
|
icon: "i-lucide-smile",
|
||||||
|
to: "/hadith/logout",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<div class="fixed top-2 right-0 left-0">
|
||||||
|
<UContainer class="flex justify-between my-navbar mx-3 xl:mx-auto">
|
||||||
|
<UNavigationMenu
|
||||||
|
highlight
|
||||||
|
:items="items"
|
||||||
|
class="data-[orientation=horizontal]:border-0 border-(--ui-border) data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-48"
|
||||||
|
/>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<template v-for="(item, index) in leftItem">
|
||||||
|
<UDropdownMenu
|
||||||
|
v-if="item.children?.length"
|
||||||
|
:items="item.children"
|
||||||
|
:ui="{
|
||||||
|
content: 'w-48',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<UButton icon="i-lucide-menu" color="neutral" variant="outline" />
|
||||||
|
</UDropdownMenu>
|
||||||
|
|
||||||
|
<ULink
|
||||||
|
v-else
|
||||||
|
raw
|
||||||
|
:to="item.to"
|
||||||
|
class="w-full h-full flex justify-center items-center"
|
||||||
|
>
|
||||||
|
<UIcon :name="item.icon" class="size-7" />
|
||||||
|
</ULink>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</UContainer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
.fixed {
|
||||||
|
z-index: 999;
|
||||||
|
.my-navbar {
|
||||||
|
max-width: 1200px;
|
||||||
|
height: 68px;
|
||||||
|
border-radius: 16px;
|
||||||
|
border-width: 0.3px;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-top: 4px;
|
||||||
|
padding-right: 16px;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
padding-left: 16px;
|
||||||
|
|
||||||
|
background-color: #fff;
|
||||||
|
border: 0.3px solid #e0e0e0;
|
||||||
|
box-shadow: 0px 4px 15px 0px #0000001a;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -1,56 +1,17 @@
|
||||||
<template>
|
<script setup>
|
||||||
<main >
|
|
||||||
<the-sidebar :showUserAvatar="true" :menu="$attrs.menu"></the-sidebar>
|
|
||||||
|
|
||||||
<section
|
|
||||||
class="main-page__content"
|
|
||||||
:class="{ expanded: !isSidebarCollapsed }"
|
|
||||||
>
|
|
||||||
<slot name="named-slot"></slot>
|
|
||||||
<slot></slot>
|
|
||||||
</section>
|
|
||||||
</main>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// import { mapActions, mapState } from "pinia";
|
|
||||||
import { useCommonStore } from "~/stores/commonStore";
|
|
||||||
import { clearBodyClass } from "@manuals/utilities";
|
import { clearBodyClass } from "@manuals/utilities";
|
||||||
import { mapState } from "pinia";
|
|
||||||
|
|
||||||
export default {
|
onMounted(() => {
|
||||||
beforeMount() {
|
clearBodyClass();
|
||||||
clearBodyClass();
|
});
|
||||||
// this.uuid = Math.floor(Math.random() * 100);
|
onUnmounted(() => {
|
||||||
// document.title = import.meta.env.VITE_SEARCH_PAGE_TITLE;
|
clearBodyClass();
|
||||||
},
|
});
|
||||||
// mounted() {
|
|
||||||
// this.setBodyClass(this.$attrs.bodyClass);
|
|
||||||
// },
|
|
||||||
destroyed() {
|
|
||||||
clearBodyClass();
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
uuid: undefined,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
...mapState(useCommonStore, ["isSidebarCollapsed"]),
|
|
||||||
},
|
|
||||||
// methods: {
|
|
||||||
// ...mapActions(useCommonStore, ["setBodyClass"]),
|
|
||||||
// },
|
|
||||||
};
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<template>
|
||||||
/*@import "../../assets/scss/projects/tahrir/tahrir";*/
|
<main class="h-full">
|
||||||
/*@import "../../assets/scss/projects/list/list";*/
|
<slot name="named-slot"></slot>
|
||||||
@import "../assets/hadith/scss/hadith.scss";
|
<slot></slot>
|
||||||
|
</main>
|
||||||
.search-system .modal-backdrop.show {
|
</template>
|
||||||
display: block;
|
|
||||||
background-color: #0000003b;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,6 +1,40 @@
|
||||||
<template>
|
<template>
|
||||||
<HadithLayout :menu="sidbarMenu">
|
<HadithLayout :menu="sidbarMenu">
|
||||||
<h1 class="text-3xl font-bold underline">hadith page</h1>
|
<section class="section-one flex flex-col justify-center">
|
||||||
|
<div class="bg-container h-full">
|
||||||
|
<navigation-menu></navigation-menu>
|
||||||
|
|
||||||
|
<div class="text-logo flex justify-center flex-col items-center">
|
||||||
|
<NuxtImg fit="auto" quality="80" placeholder src="/img/logo.svg" />
|
||||||
|
<div class="title">
|
||||||
|
کاوش با
|
||||||
|
<span class="badge-style"> هوش مصنوعی </span>
|
||||||
|
در احادیث اسلامی
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="search-box-container flex justify-center">
|
||||||
|
<auto-complation></auto-complation>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-two">
|
||||||
|
<div class="bg-container h-full">
|
||||||
|
<div class="flex flex-col items-center py-6">
|
||||||
|
<div>قابلیت ها</div>
|
||||||
|
<div>
|
||||||
|
<NuxtImg
|
||||||
|
width="32"
|
||||||
|
height="32"
|
||||||
|
fit="auto"
|
||||||
|
quality="80"
|
||||||
|
placeholder
|
||||||
|
src="/img/chevron-down.svg"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</HadithLayout>
|
</HadithLayout>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -36,15 +70,6 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
async mounted() {
|
async mounted() {
|
||||||
const toast = useToast();
|
|
||||||
toast.add({
|
|
||||||
title: "Success",
|
|
||||||
description: "Your action was completed successfully.",
|
|
||||||
color: "success",
|
|
||||||
});
|
|
||||||
|
|
||||||
this.logo = (await logoPhoto()).default;
|
|
||||||
|
|
||||||
let schemaExist = this.searchActiveTabGetter && this.searchSchemaGetter;
|
let schemaExist = this.searchActiveTabGetter && this.searchSchemaGetter;
|
||||||
|
|
||||||
if (!schemaExist) this.getSchemas();
|
if (!schemaExist) this.getSchemas();
|
||||||
|
|
@ -131,6 +156,12 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
AutoComplation: defineAsyncComponent(() =>
|
||||||
|
import("@hadith/components/hadith/AutoComplation.vue")
|
||||||
|
),
|
||||||
|
NavigationMenu: defineAsyncComponent(() =>
|
||||||
|
import("@hadith/components/hadith/NavigationMenu.vue")
|
||||||
|
),
|
||||||
AutoComplation: defineAsyncComponent(() =>
|
AutoComplation: defineAsyncComponent(() =>
|
||||||
import("@hadith/components/hadith/AutoComplation.vue")
|
import("@hadith/components/hadith/AutoComplation.vue")
|
||||||
),
|
),
|
||||||
|
|
@ -140,3 +171,55 @@ export default {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
.section-one {
|
||||||
|
.bg-container {
|
||||||
|
height: 521px;
|
||||||
|
background-size: 100% auto;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-image: url("/img/background.svg"),
|
||||||
|
linear-gradient(199.05deg, #ffffff 9.99%, #e4fff7 42.07%, #ffffff 97.12%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-logo {
|
||||||
|
padding-top: 10em;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.title {
|
||||||
|
margin-top: 3.5em;
|
||||||
|
font-family: IRANSansX;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 21px;
|
||||||
|
letter-spacing: 0%;
|
||||||
|
text-align: center;
|
||||||
|
color: #1b2132;
|
||||||
|
}
|
||||||
|
.badge-style {
|
||||||
|
width: 100;
|
||||||
|
height: 23;
|
||||||
|
border-radius: 40px;
|
||||||
|
padding-right: 8px;
|
||||||
|
padding-bottom: 2px;
|
||||||
|
padding-left: 8px;
|
||||||
|
gap: 10px;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
background: linear-gradient(270.29deg, #d284ff 8.12%, #4d00ff 109.58%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-box-container {
|
||||||
|
padding-top: 1em;
|
||||||
|
padding-bottom: 4em; /*64px */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-two {
|
||||||
|
font-weight: 200;
|
||||||
|
font-size: 20px;
|
||||||
|
line-height: 30px;
|
||||||
|
letter-spacing: 0%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user