├── CODE_OF_CONDUCT.md ├── LICENSE ├── app ├── .babelrc ├── .editorconfig ├── .gitignore ├── dist │ ├── build.js │ └── build.js.map ├── index.html ├── package-lock.json ├── package.json ├── src │ ├── App.vue │ ├── assets │ │ └── logo.png │ ├── bus.js │ ├── global │ │ ├── footer.vue │ │ ├── header.vue │ │ ├── nav.vue │ │ ├── sidebar.vue │ │ └── slider.vue │ ├── main.js │ ├── mixins.js │ ├── pages │ │ ├── 404.vue │ │ ├── category.vue │ │ ├── home.vue │ │ └── page.vue │ ├── posts │ │ ├── post-content.vue │ │ └── single-post.vue │ ├── routes.js │ └── users │ │ └── author.vue ├── webpack.config.js └── yarn.lock ├── assets ├── css │ ├── bootstrap.min.css │ ├── elegent-icons.css │ ├── font-awesome.min.css │ ├── header.css │ ├── owl.carousel.css │ ├── responsive.css │ ├── style.css │ └── themes.css ├── fonts │ ├── ElegantIcons.eot │ ├── ElegantIcons.svg │ ├── ElegantIcons.ttf │ ├── ElegantIcons.woff │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ ├── fontawesome-webfont.woff2 │ ├── glyphicons-halflings-regular.eot │ ├── glyphicons-halflings-regular.svg │ ├── glyphicons-halflings-regular.ttf │ ├── glyphicons-halflings-regular.woff │ ├── glyphicons-halflings-regular.woff2 │ └── index.html └── js │ ├── bootstrap.min.js │ ├── index.html │ ├── isotope.min.js │ ├── main.js │ ├── match-height.js │ ├── modernizr-2.8.3.min.js │ ├── moments.js │ ├── owl.carousel.min.js │ └── plugins.js ├── comments.php ├── footer.php ├── functions.php ├── header.php ├── images ├── 3.jpg └── ad.jpg ├── inc ├── api │ ├── api.php │ ├── menus.php │ └── post.php ├── custom-header.php ├── customizer.php ├── enqueue-scripts.php ├── jetpack.php ├── template-functions.php └── template-tags.php ├── index.php ├── languages ├── readme.txt └── sadat_wp.pot ├── layouts ├── content-sidebar.css └── sidebar-content.css ├── pull-request ├── readme.md ├── rtl.css ├── sass ├── _normalize.scss ├── elements │ ├── _elements.scss │ ├── _lists.scss │ └── _tables.scss ├── forms │ ├── _buttons.scss │ ├── _fields.scss │ └── _forms.scss ├── layout │ ├── _content-sidebar.scss │ └── _sidebar-content.scss ├── media │ ├── _captions.scss │ ├── _galleries.scss │ └── _media.scss ├── mixins │ └── _mixins-master.scss ├── modules │ ├── _accessibility.scss │ ├── _alignments.scss │ ├── _clearings.scss │ └── _infinite-scroll.scss ├── navigation │ ├── _links.scss │ ├── _menus.scss │ └── _navigation.scss ├── site │ ├── _site.scss │ ├── primary │ │ ├── _comments.scss │ │ └── _posts-and-pages.scss │ └── secondary │ │ └── _widgets.scss ├── style.scss ├── typography │ ├── _copy.scss │ ├── _headings.scss │ └── _typography.scss └── variables-site │ ├── _colors.scss │ ├── _columns.scss │ ├── _structure.scss │ ├── _typography.scss │ └── _variables-site.scss ├── screenshot.png ├── search.php ├── style.css └── template-parts ├── content-none.php ├── content-page.php ├── content-search.php └── content.php /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation. 6 | 7 | ## Our Standards 8 | 9 | Examples of behavior that contributes to creating a positive environment include: 10 | 11 | * Using welcoming and inclusive language 12 | * Being respectful of differing viewpoints and experiences 13 | * Gracefully accepting constructive criticism 14 | * Focusing on what is best for the community 15 | * Showing empathy towards other community members 16 | 17 | Examples of unacceptable behavior by participants include: 18 | 19 | * The use of sexualized language or imagery and unwelcome sexual attention or advances 20 | * Trolling, insulting/derogatory comments, and personal or political attacks 21 | * Public or private harassment 22 | * Publishing others' private information, such as a physical or electronic address, without explicit permission 23 | * Other conduct which could reasonably be considered inappropriate in a professional setting 24 | 25 | ## Our Responsibilities 26 | 27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 28 | 29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 30 | 31 | ## Scope 32 | 33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 34 | 35 | ## Enforcement 36 | 37 | Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at jwthemeltd@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately. 38 | 39 | Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership. 40 | 41 | ## Attribution 42 | 43 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version] 44 | 45 | [homepage]: http://contributor-covenant.org 46 | [version]: http://contributor-covenant.org/version/1/4/ 47 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 2, June 1991 3 | 4 | Copyright (C) 1989, 1991 Free Software Foundation, Inc., 5 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA 6 | Everyone is permitted to copy and distribute verbatim copies 7 | of this license document, but changing it is not allowed. 8 | 9 | Preamble 10 | 11 | The licenses for most software are designed to take away your 12 | freedom to share and change it. By contrast, the GNU General Public 13 | License is intended to guarantee your freedom to share and change free 14 | software--to make sure the software is free for all its users. This 15 | General Public License applies to most of the Free Software 16 | Foundation's software and to any other program whose authors commit to 17 | using it. (Some other Free Software Foundation software is covered by 18 | the GNU Lesser General Public License instead.) You can apply it to 19 | your programs, too. 20 | 21 | When we speak of free software, we are referring to freedom, not 22 | price. Our General Public Licenses are designed to make sure that you 23 | have the freedom to distribute copies of free software (and charge for 24 | this service if you wish), that you receive source code or can get it 25 | if you want it, that you can change the software or use pieces of it 26 | in new free programs; and that you know you can do these things. 27 | 28 | To protect your rights, we need to make restrictions that forbid 29 | anyone to deny you these rights or to ask you to surrender the rights. 30 | These restrictions translate to certain responsibilities for you if you 31 | distribute copies of the software, or if you modify it. 32 | 33 | For example, if you distribute copies of such a program, whether 34 | gratis or for a fee, you must give the recipients all the rights that 35 | you have. You must make sure that they, too, receive or can get the 36 | source code. And you must show them these terms so they know their 37 | rights. 38 | 39 | We protect your rights with two steps: (1) copyright the software, and 40 | (2) offer you this license which gives you legal permission to copy, 41 | distribute and/or modify the software. 42 | 43 | Also, for each author's protection and ours, we want to make certain 44 | that everyone understands that there is no warranty for this free 45 | software. If the software is modified by someone else and passed on, we 46 | want its recipients to know that what they have is not the original, so 47 | that any problems introduced by others will not reflect on the original 48 | authors' reputations. 49 | 50 | Finally, any free program is threatened constantly by software 51 | patents. We wish to avoid the danger that redistributors of a free 52 | program will individually obtain patent licenses, in effect making the 53 | program proprietary. To prevent this, we have made it clear that any 54 | patent must be licensed for everyone's free use or not licensed at all. 55 | 56 | The precise terms and conditions for copying, distribution and 57 | modification follow. 58 | 59 | GNU GENERAL PUBLIC LICENSE 60 | TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 61 | 62 | 0. This License applies to any program or other work which contains 63 | a notice placed by the copyright holder saying it may be distributed 64 | under the terms of this General Public License. The "Program", below, 65 | refers to any such program or work, and a "work based on the Program" 66 | means either the Program or any derivative work under copyright law: 67 | that is to say, a work containing the Program or a portion of it, 68 | either verbatim or with modifications and/or translated into another 69 | language. (Hereinafter, translation is included without limitation in 70 | the term "modification".) Each licensee is addressed as "you". 71 | 72 | Activities other than copying, distribution and modification are not 73 | covered by this License; they are outside its scope. The act of 74 | running the Program is not restricted, and the output from the Program 75 | is covered only if its contents constitute a work based on the 76 | Program (independent of having been made by running the Program). 77 | Whether that is true depends on what the Program does. 78 | 79 | 1. You may copy and distribute verbatim copies of the Program's 80 | source code as you receive it, in any medium, provided that you 81 | conspicuously and appropriately publish on each copy an appropriate 82 | copyright notice and disclaimer of warranty; keep intact all the 83 | notices that refer to this License and to the absence of any warranty; 84 | and give any other recipients of the Program a copy of this License 85 | along with the Program. 86 | 87 | You may charge a fee for the physical act of transferring a copy, and 88 | you may at your option offer warranty protection in exchange for a fee. 89 | 90 | 2. You may modify your copy or copies of the Program or any portion 91 | of it, thus forming a work based on the Program, and copy and 92 | distribute such modifications or work under the terms of Section 1 93 | above, provided that you also meet all of these conditions: 94 | 95 | a) You must cause the modified files to carry prominent notices 96 | stating that you changed the files and the date of any change. 97 | 98 | b) You must cause any work that you distribute or publish, that in 99 | whole or in part contains or is derived from the Program or any 100 | part thereof, to be licensed as a whole at no charge to all third 101 | parties under the terms of this License. 102 | 103 | c) If the modified program normally reads commands interactively 104 | when run, you must cause it, when started running for such 105 | interactive use in the most ordinary way, to print or display an 106 | announcement including an appropriate copyright notice and a 107 | notice that there is no warranty (or else, saying that you provide 108 | a warranty) and that users may redistribute the program under 109 | these conditions, and telling the user how to view a copy of this 110 | License. (Exception: if the Program itself is interactive but 111 | does not normally print such an announcement, your work based on 112 | the Program is not required to print an announcement.) 113 | 114 | These requirements apply to the modified work as a whole. If 115 | identifiable sections of that work are not derived from the Program, 116 | and can be reasonably considered independent and separate works in 117 | themselves, then this License, and its terms, do not apply to those 118 | sections when you distribute them as separate works. But when you 119 | distribute the same sections as part of a whole which is a work based 120 | on the Program, the distribution of the whole must be on the terms of 121 | this License, whose permissions for other licensees extend to the 122 | entire whole, and thus to each and every part regardless of who wrote it. 123 | 124 | Thus, it is not the intent of this section to claim rights or contest 125 | your rights to work written entirely by you; rather, the intent is to 126 | exercise the right to control the distribution of derivative or 127 | collective works based on the Program. 128 | 129 | In addition, mere aggregation of another work not based on the Program 130 | with the Program (or with a work based on the Program) on a volume of 131 | a storage or distribution medium does not bring the other work under 132 | the scope of this License. 133 | 134 | 3. You may copy and distribute the Program (or a work based on it, 135 | under Section 2) in object code or executable form under the terms of 136 | Sections 1 and 2 above provided that you also do one of the following: 137 | 138 | a) Accompany it with the complete corresponding machine-readable 139 | source code, which must be distributed under the terms of Sections 140 | 1 and 2 above on a medium customarily used for software interchange; or, 141 | 142 | b) Accompany it with a written offer, valid for at least three 143 | years, to give any third party, for a charge no more than your 144 | cost of physically performing source distribution, a complete 145 | machine-readable copy of the corresponding source code, to be 146 | distributed under the terms of Sections 1 and 2 above on a medium 147 | customarily used for software interchange; or, 148 | 149 | c) Accompany it with the information you received as to the offer 150 | to distribute corresponding source code. (This alternative is 151 | allowed only for noncommercial distribution and only if you 152 | received the program in object code or executable form with such 153 | an offer, in accord with Subsection b above.) 154 | 155 | The source code for a work means the preferred form of the work for 156 | making modifications to it. For an executable work, complete source 157 | code means all the source code for all modules it contains, plus any 158 | associated interface definition files, plus the scripts used to 159 | control compilation and installation of the executable. However, as a 160 | special exception, the source code distributed need not include 161 | anything that is normally distributed (in either source or binary 162 | form) with the major components (compiler, kernel, and so on) of the 163 | operating system on which the executable runs, unless that component 164 | itself accompanies the executable. 165 | 166 | If distribution of executable or object code is made by offering 167 | access to copy from a designated place, then offering equivalent 168 | access to copy the source code from the same place counts as 169 | distribution of the source code, even though third parties are not 170 | compelled to copy the source along with the object code. 171 | 172 | 4. You may not copy, modify, sublicense, or distribute the Program 173 | except as expressly provided under this License. Any attempt 174 | otherwise to copy, modify, sublicense or distribute the Program is 175 | void, and will automatically terminate your rights under this License. 176 | However, parties who have received copies, or rights, from you under 177 | this License will not have their licenses terminated so long as such 178 | parties remain in full compliance. 179 | 180 | 5. You are not required to accept this License, since you have not 181 | signed it. However, nothing else grants you permission to modify or 182 | distribute the Program or its derivative works. These actions are 183 | prohibited by law if you do not accept this License. Therefore, by 184 | modifying or distributing the Program (or any work based on the 185 | Program), you indicate your acceptance of this License to do so, and 186 | all its terms and conditions for copying, distributing or modifying 187 | the Program or works based on it. 188 | 189 | 6. Each time you redistribute the Program (or any work based on the 190 | Program), the recipient automatically receives a license from the 191 | original licensor to copy, distribute or modify the Program subject to 192 | these terms and conditions. You may not impose any further 193 | restrictions on the recipients' exercise of the rights granted herein. 194 | You are not responsible for enforcing compliance by third parties to 195 | this License. 196 | 197 | 7. If, as a consequence of a court judgment or allegation of patent 198 | infringement or for any other reason (not limited to patent issues), 199 | conditions are imposed on you (whether by court order, agreement or 200 | otherwise) that contradict the conditions of this License, they do not 201 | excuse you from the conditions of this License. If you cannot 202 | distribute so as to satisfy simultaneously your obligations under this 203 | License and any other pertinent obligations, then as a consequence you 204 | may not distribute the Program at all. For example, if a patent 205 | license would not permit royalty-free redistribution of the Program by 206 | all those who receive copies directly or indirectly through you, then 207 | the only way you could satisfy both it and this License would be to 208 | refrain entirely from distribution of the Program. 209 | 210 | If any portion of this section is held invalid or unenforceable under 211 | any particular circumstance, the balance of the section is intended to 212 | apply and the section as a whole is intended to apply in other 213 | circumstances. 214 | 215 | It is not the purpose of this section to induce you to infringe any 216 | patents or other property right claims or to contest validity of any 217 | such claims; this section has the sole purpose of protecting the 218 | integrity of the free software distribution system, which is 219 | implemented by public license practices. Many people have made 220 | generous contributions to the wide range of software distributed 221 | through that system in reliance on consistent application of that 222 | system; it is up to the author/donor to decide if he or she is willing 223 | to distribute software through any other system and a licensee cannot 224 | impose that choice. 225 | 226 | This section is intended to make thoroughly clear what is believed to 227 | be a consequence of the rest of this License. 228 | 229 | 8. If the distribution and/or use of the Program is restricted in 230 | certain countries either by patents or by copyrighted interfaces, the 231 | original copyright holder who places the Program under this License 232 | may add an explicit geographical distribution limitation excluding 233 | those countries, so that distribution is permitted only in or among 234 | countries not thus excluded. In such case, this License incorporates 235 | the limitation as if written in the body of this License. 236 | 237 | 9. The Free Software Foundation may publish revised and/or new versions 238 | of the General Public License from time to time. Such new versions will 239 | be similar in spirit to the present version, but may differ in detail to 240 | address new problems or concerns. 241 | 242 | Each version is given a distinguishing version number. If the Program 243 | specifies a version number of this License which applies to it and "any 244 | later version", you have the option of following the terms and conditions 245 | either of that version or of any later version published by the Free 246 | Software Foundation. If the Program does not specify a version number of 247 | this License, you may choose any version ever published by the Free Software 248 | Foundation. 249 | 250 | 10. If you wish to incorporate parts of the Program into other free 251 | programs whose distribution conditions are different, write to the author 252 | to ask for permission. For software which is copyrighted by the Free 253 | Software Foundation, write to the Free Software Foundation; we sometimes 254 | make exceptions for this. Our decision will be guided by the two goals 255 | of preserving the free status of all derivatives of our free software and 256 | of promoting the sharing and reuse of software generally. 257 | 258 | NO WARRANTY 259 | 260 | 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY 261 | FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN 262 | OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES 263 | PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED 264 | OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF 265 | MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS 266 | TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE 267 | PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, 268 | REPAIR OR CORRECTION. 269 | 270 | 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 271 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR 272 | REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, 273 | INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING 274 | OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED 275 | TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY 276 | YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER 277 | PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE 278 | POSSIBILITY OF SUCH DAMAGES. 279 | 280 | END OF TERMS AND CONDITIONS 281 | 282 | How to Apply These Terms to Your New Programs 283 | 284 | If you develop a new program, and you want it to be of the greatest 285 | possible use to the public, the best way to achieve this is to make it 286 | free software which everyone can redistribute and change under these terms. 287 | 288 | To do so, attach the following notices to the program. It is safest 289 | to attach them to the start of each source file to most effectively 290 | convey the exclusion of warranty; and each file should have at least 291 | the "copyright" line and a pointer to where the full notice is found. 292 | 293 | {description} 294 | Copyright (C) {year} {fullname} 295 | 296 | This program is free software; you can redistribute it and/or modify 297 | it under the terms of the GNU General Public License as published by 298 | the Free Software Foundation; either version 2 of the License, or 299 | (at your option) any later version. 300 | 301 | This program is distributed in the hope that it will be useful, 302 | but WITHOUT ANY WARRANTY; without even the implied warranty of 303 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 304 | GNU General Public License for more details. 305 | 306 | You should have received a copy of the GNU General Public License along 307 | with this program; if not, write to the Free Software Foundation, Inc., 308 | 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. 309 | 310 | Also add information on how to contact you by electronic and paper mail. 311 | 312 | If the program is interactive, make it output a short notice like this 313 | when it starts in an interactive mode: 314 | 315 | Gnomovision version 69, Copyright (C) year name of author 316 | Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 317 | This is free software, and you are welcome to redistribute it 318 | under certain conditions; type `show c' for details. 319 | 320 | The hypothetical commands `show w' and `show c' should show the appropriate 321 | parts of the General Public License. Of course, the commands you use may 322 | be called something other than `show w' and `show c'; they could even be 323 | mouse-clicks or menu items--whatever suits your program. 324 | 325 | You should also get your employer (if you work as a programmer) or your 326 | school, if any, to sign a "copyright disclaimer" for the program, if 327 | necessary. Here is a sample; alter the names: 328 | 329 | Yoyodyne, Inc., hereby disclaims all copyright interest in the program 330 | `Gnomovision' (which makes passes at compilers) written by James Hacker. 331 | 332 | {signature of Ty Coon}, 1 April 1989 333 | Ty Coon, President of Vice 334 | 335 | This General Public License does not permit incorporating your program into 336 | proprietary programs. If your program is a subroutine library, you may 337 | consider it more useful to permit linking proprietary applications with the 338 | library. If this is what you want to do, use the GNU Lesser General 339 | Public License instead of this License. 340 | -------------------------------------------------------------------------------- /app/.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { "modules": false }], 4 | "stage-3" 5 | ] 6 | } 7 | -------------------------------------------------------------------------------- /app/.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | npm-debug.log 4 | yarn-error.log 5 | 6 | # Editor directories and files 7 | .idea 8 | *.suo 9 | *.ntvs* 10 | *.njsproj 11 | *.sln 12 | -------------------------------------------------------------------------------- /app/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | app 6 | 7 | 8 |
9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /app/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "app", 3 | "version": "1.0.0", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "moment": { 8 | "version": "2.20.1", 9 | "resolved": "https://registry.npmjs.org/moment/-/moment-2.20.1.tgz", 10 | "integrity": "sha512-Yh9y73JRljxW5QxN08Fner68eFLxM5ynNOAw2LbIB1YAGeQzZT8QFSUvkAz609Zf+IHhhaUxqZK8dG3W/+HEvg==" 11 | }, 12 | "vue-router": { 13 | "version": "3.0.1", 14 | "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz", 15 | "integrity": "sha512-vLLoY452L+JBpALMP5UHum9+7nzR9PeIBCghU9ZtJ1eWm6ieUI8Zb/DI3MYxH32bxkjzYV1LRjNv4qr8d+uX/w==" 16 | } 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "app", 3 | "description": "Simple Vue.js WordPress Single Page Application", 4 | "version": "1.0.0", 5 | "author": "Liton Arefin ", 6 | "license": "MIT", 7 | "private": true, 8 | "scripts": { 9 | "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 10 | "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 11 | }, 12 | "dependencies": { 13 | "moment": "^2.20.1", 14 | "node-sass": "^4.7.2", 15 | "vue": "^2.5.11", 16 | "vue-resource": "^1.3.6", 17 | "vue-router": "^3.0.1" 18 | }, 19 | "browserslist": [ 20 | "> 1%", 21 | "last 4 versions", 22 | "not ie <= 8" 23 | ], 24 | "devDependencies": { 25 | "babel-core": "^6.26.0", 26 | "babel-loader": "^7.1.2", 27 | "babel-preset-env": "^1.6.0", 28 | "babel-preset-stage-3": "^6.24.1", 29 | "cross-env": "^5.0.5", 30 | "css-loader": "^0.28.7", 31 | "file-loader": "^1.1.4", 32 | "node-sass": "^4.5.3", 33 | "sass-loader": "^6.0.6", 34 | "vue-loader": "^13.0.5", 35 | "vue-template-compiler": "^2.4.4", 36 | "webpack": "^3.6.0", 37 | "webpack-dev-server": "^2.9.1" 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /app/src/App.vue: -------------------------------------------------------------------------------- 1 | 16 | 17 | 22 | 23 | 25 | -------------------------------------------------------------------------------- /app/src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/app/src/assets/logo.png -------------------------------------------------------------------------------- /app/src/bus.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | export default new Vue(); 3 | -------------------------------------------------------------------------------- /app/src/global/footer.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /app/src/global/header.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | -------------------------------------------------------------------------------- /app/src/global/nav.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | -------------------------------------------------------------------------------- /app/src/global/sidebar.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/global/slider.vue: -------------------------------------------------------------------------------- 1 | 57 | 58 | -------------------------------------------------------------------------------- /app/src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue'; 2 | import VueRouter from 'vue-router'; 3 | import VueResource from 'vue-resource'; 4 | import App from './App.vue'; 5 | import Header from './global/header.vue'; 6 | import Nav from './global/nav.vue'; 7 | import Slider from './global/slider.vue'; 8 | import PostContent from './posts/post-content.vue'; 9 | import Sidebar from './global/sidebar.vue'; 10 | import Footer from './global/footer.vue'; 11 | 12 | Vue.config.debug = true; 13 | Vue.config.devTools = true; 14 | 15 | // Router and Mixins 16 | import { routes } from './routes'; 17 | import mixin from './mixins'; 18 | 19 | Vue.use( VueRouter ); 20 | Vue.use(VueResource); 21 | Vue.mixin( mixin ); 22 | 23 | const router = new VueRouter({ 24 | routes: routes, 25 | linkActiveClass: "active", // active class for non-exact links. 26 | linkExactActiveClass: "active", // active class for *exact* links. 27 | 28 | // mode: 'hash', 29 | hashbang: false, 30 | history: true, 31 | mode: 'history', 32 | base: document.location.pathname, 33 | scrollBehavior( to, from, savedPosition ) { 34 | if(savedPosition){ 35 | return savedPosition; 36 | }else{ 37 | return { x: 0, y: 0 }; 38 | } 39 | 40 | } 41 | }); 42 | 43 | 44 | // Compontents 45 | Vue.component('app-header', Header ); 46 | Vue.component('sadat-header-nav', Nav ); 47 | Vue.component('app-slider', Slider ); 48 | Vue.component('app-post-content', PostContent ); 49 | Vue.component('app-sidebar', Sidebar ); 50 | Vue.component('app-footer', Footer ); 51 | 52 | new Vue({ 53 | el: '#app', 54 | router: router, 55 | render: h => h(App) 56 | //components: { App } 57 | }) 58 | -------------------------------------------------------------------------------- /app/src/mixins.js: -------------------------------------------------------------------------------- 1 | export default{ 2 | methods: { 3 | moment: function(date){ 4 | //May 12, 2017 5 | return moment.utc(date).format('MMM DD, YYYY'); 6 | } 7 | } 8 | } -------------------------------------------------------------------------------- /app/src/pages/404.vue: -------------------------------------------------------------------------------- 1 | 6 | -------------------------------------------------------------------------------- /app/src/pages/category.vue: -------------------------------------------------------------------------------- 1 | 45 | 46 | -------------------------------------------------------------------------------- /app/src/pages/home.vue: -------------------------------------------------------------------------------- 1 | 41 | 42 | -------------------------------------------------------------------------------- /app/src/pages/page.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | 46 | 47 | -------------------------------------------------------------------------------- /app/src/posts/post-content.vue: -------------------------------------------------------------------------------- 1 | 21 | 22 | -------------------------------------------------------------------------------- /app/src/posts/single-post.vue: -------------------------------------------------------------------------------- 1 | 104 | 105 | 206 | 207 | -------------------------------------------------------------------------------- /app/src/routes.js: -------------------------------------------------------------------------------- 1 | import Home from './pages/home.vue'; 2 | import SinglePost from './posts/single-post.vue'; 3 | import Page from './pages/page.vue'; 4 | import FourOFour from './pages/404.vue'; 5 | import Author from './users/author.vue'; 6 | import Category from './pages/category.vue'; 7 | 8 | export const routes = [ 9 | { 10 | name: 'home', 11 | path: '', 12 | component: Home 13 | }, 14 | { 15 | name: 'post', 16 | path: '/post/:slug/:id', 17 | component: SinglePost 18 | }, 19 | { 20 | name: 'page', 21 | path: '/:id', 22 | component: Page 23 | }, 24 | { 25 | name: 'author', 26 | path: '/author/:id', 27 | component: Author 28 | }, 29 | { 30 | name: 'cat', 31 | path: '/categories/:name', 32 | component: Category 33 | }, 34 | { 35 | name: 'four-o-four', 36 | path: '/404', 37 | component: FourOFour 38 | }, 39 | { 40 | path: '*', 41 | redirect: '/404' 42 | } 43 | ]; -------------------------------------------------------------------------------- /app/src/users/author.vue: -------------------------------------------------------------------------------- 1 | 45 | 46 | -------------------------------------------------------------------------------- /app/webpack.config.js: -------------------------------------------------------------------------------- 1 | var path = require('path') 2 | var webpack = require('webpack') 3 | 4 | module.exports = { 5 | entry: './src/main.js', 6 | output: { 7 | path: path.resolve(__dirname, './dist'), 8 | publicPath: '/dist/', 9 | filename: 'build.js' 10 | }, 11 | module: { 12 | rules: [ 13 | { 14 | test: /\.css$/, 15 | use: [ 16 | 'vue-style-loader', 17 | 'css-loader' 18 | ], 19 | }, 20 | { 21 | test: /\.scss$/, 22 | use: [ 23 | 'vue-style-loader', 24 | 'css-loader', 25 | 'sass-loader' 26 | ], 27 | }, 28 | { 29 | test: /\.sass$/, 30 | use: [ 31 | 'vue-style-loader', 32 | 'css-loader', 33 | 'sass-loader?indentedSyntax' 34 | ], 35 | }, 36 | { 37 | test: /\.vue$/, 38 | loader: 'vue-loader', 39 | options: { 40 | loaders: { 41 | // Since sass-loader (weirdly) has SCSS as its default parse mode, we map 42 | // the "scss" and "sass" values for the lang attribute to the right configs here. 43 | // other preprocessors should work out of the box, no loader config like this necessary. 44 | 'scss': [ 45 | 'vue-style-loader', 46 | 'css-loader', 47 | 'sass-loader' 48 | ], 49 | 'sass': [ 50 | 'vue-style-loader', 51 | 'css-loader', 52 | 'sass-loader?indentedSyntax' 53 | ] 54 | } 55 | // other vue-loader options go here 56 | } 57 | }, 58 | { 59 | test: /\.js$/, 60 | loader: 'babel-loader', 61 | exclude: /node_modules/ 62 | }, 63 | { 64 | test: /\.(png|jpg|gif|svg)$/, 65 | loader: 'file-loader', 66 | options: { 67 | name: '[name].[ext]?[hash]' 68 | } 69 | } 70 | ] 71 | }, 72 | resolve: { 73 | alias: { 74 | 'vue$': 'vue/dist/vue.esm.js' 75 | }, 76 | extensions: ['*', '.js', '.vue', '.json'] 77 | }, 78 | devServer: { 79 | historyApiFallback: true, 80 | noInfo: true, 81 | overlay: true 82 | }, 83 | performance: { 84 | hints: false 85 | }, 86 | devtool: '#eval-source-map' 87 | } 88 | 89 | if (process.env.NODE_ENV === 'production') { 90 | module.exports.devtool = '#source-map' 91 | // http://vue-loader.vuejs.org/en/workflow/production.html 92 | module.exports.plugins = (module.exports.plugins || []).concat([ 93 | new webpack.DefinePlugin({ 94 | 'process.env': { 95 | NODE_ENV: '"production"' 96 | } 97 | }), 98 | new webpack.optimize.UglifyJsPlugin({ 99 | sourceMap: true, 100 | compress: { 101 | warnings: false 102 | } 103 | }), 104 | new webpack.LoaderOptionsPlugin({ 105 | minimize: true 106 | }) 107 | ]) 108 | } 109 | -------------------------------------------------------------------------------- /assets/css/header.css: -------------------------------------------------------------------------------- 1 | /* ------------ Variables and Mixins ------------ */ 2 | a { 3 | -webkit-transition: all .25s ease; 4 | -moz-transition: all .25s ease; 5 | -ms-transition: all .25s ease; 6 | -o-transition: all .25s ease; 7 | transition: all .25s ease; 8 | } 9 | .overlay-wrapper { 10 | position: relative; 11 | z-index: 0; 12 | perspective: 1000px; 13 | -webkit-transition: -webkit-transform 0.35s; 14 | transition: transform 0.35s; 15 | } 16 | .overlay-wrapper:before { 17 | content: ''; 18 | background: rgba(0, 0, 0, 0.2); 19 | height: 100%; 20 | width: 100%; 21 | left: 0; 22 | top: 0; 23 | opacity: 0; 24 | position: absolute; 25 | z-index: -1; 26 | -webkit-transition: all 0.35s ease; 27 | -moz-transition: all 0.35s ease; 28 | -ms-transition: all 0.35s ease; 29 | -o-transition: all 0.35s ease; 30 | transition: all 0.35s ease; 31 | } 32 | .overlay-wrapper.open:before { 33 | opacity: 1; 34 | z-index: 9; 35 | } 36 | .overlay-wrapper.open .sidebar-menu { 37 | -webkit-transform: translate3d(0, 0, 0); 38 | -moz-transform: translate3d(0, 0, 0); 39 | -ms-transform: translate3d(0, 0, 0); 40 | -o-transform: translate3d(0, 0, 0); 41 | transform: translate3d(0, 0, 0); 42 | } 43 | header .nav .open > a, 44 | header .nav .open > a:focus, 45 | header .nav .open > a:hover { 46 | background-color: transparent; 47 | } 48 | header .header-top { 49 | padding: 4.35% 0; 50 | } 51 | header .header-top .container { 52 | position: relative; 53 | } 54 | header .header-top .side-menu-trigger { 55 | color: #000; 56 | cursor: pointer; 57 | font-size: 32px; 58 | left: 10px; 59 | top: 50%; 60 | position: absolute; 61 | -webkit-transform: translate(0, -50%); 62 | -moz-transform: translate(0, -50%); 63 | -ms-transform: translate(0, -50%); 64 | -o-transform: translate(0, -50%); 65 | transform: translate(0, -50%); 66 | } 67 | header .header-top .navbar-brand { 68 | display: block; 69 | float: none; 70 | height: 44px; 71 | width: 206px; 72 | margin: 0 auto; 73 | padding: 0; 74 | text-align: center; 75 | } 76 | header .header-top .navbar-brand img { 77 | margin: 0 auto; 78 | max-width: 206px; 79 | } 80 | header .menu-search { 81 | height: 30px; 82 | right: 15px; 83 | top: 50%; 84 | overflow: hidden; 85 | position: absolute; 86 | width: 30px; 87 | z-index: 3; 88 | -webkit-transition: width 0.3s; 89 | -moz-transition: width 0.3s; 90 | transition: width 0.3s; 91 | -webkit-backface-visibility: hidden; 92 | -webkit-transform: translate(0, -50%); 93 | -moz-transform: translate(0, -50%); 94 | -ms-transform: translate(0, -50%); 95 | -o-transform: translate(0, -50%); 96 | transform: translate(0, -50%); 97 | } 98 | header .menu-search .form-trigger { 99 | cursor: pointer; 100 | color: #000; 101 | font-size: 22px; 102 | height: 30px; 103 | line-height: 30px; 104 | right: 0; 105 | position: absolute; 106 | text-align: center; 107 | width: 30px; 108 | z-index: 2; 109 | -webkit-transform: rotate(270deg); 110 | -moz-transform: rotate(270deg); 111 | -ms-transform: rotate(270deg); 112 | -o-transform: rotate(270deg); 113 | transform: rotate(270deg); 114 | } 115 | header .menu-search.open .form-trigger i:before { 116 | content: "\4d"; 117 | font-size: 28px; 118 | } 119 | header .menu-search form { 120 | font-family: 'Raleway', sans-serif; 121 | position: absolute; 122 | right: 35px; 123 | z-index: 1; 124 | -webkit-transition: all .3s ease; 125 | -moz-transition: all .3s ease; 126 | -ms-transition: all .3s ease; 127 | -o-transition: all .3s ease; 128 | transition: all .3s ease; 129 | } 130 | header .menu-search form input { 131 | background: #fff; 132 | border: none; 133 | border-bottom: 1px solid #333; 134 | border-radius: 0; 135 | color: #000; 136 | font-size: 15px; 137 | height: inherit; 138 | opacity: 0; 139 | padding: 3px 15px 3px 0; 140 | width: 0; 141 | -webkit-transition: all .3s ease, opacity 0.3s, width 0.3s; 142 | -moz-transition: all .3s ease, opacity 0.3s, width 0.3s; 143 | -ms-transition: all .3s ease, opacity 0.3s, width 0.3s; 144 | -o-transition: all .3s ease, opacity 0.3s, width 0.3s; 145 | transition: all .3s ease, opacity 0.3s, width 0.3s; 146 | } 147 | header .menu-search.open { 148 | overflow: visible; 149 | } 150 | header .menu-search.open form input { 151 | opacity: 1; 152 | width: 200px; 153 | } 154 | header .sidebar-menu { 155 | background: #fff; 156 | height: 100vh; 157 | left: 0; 158 | top: 0; 159 | overflow: scroll; 160 | padding: 1.5%; 161 | position: fixed; 162 | text-align: center; 163 | width: 300px; 164 | z-index: 999; 165 | -webkit-transition: all .5s ease; 166 | -moz-transition: all .5s ease; 167 | -ms-transition: all .5s ease; 168 | -o-transition: all .5s ease; 169 | transition: all .5s ease; 170 | -webkit-transform: translate3d(-100%, 0, 0); 171 | -moz-transform: translate3d(-100%, 0, 0); 172 | -ms-transform: translate3d(-100%, 0, 0); 173 | -o-transform: translate3d(-100%, 0, 0); 174 | transform: translate3d(-100%, 0, 0); 175 | } 176 | header .sidebar-menu.open { 177 | left: 0; 178 | } 179 | header .sidebar-menu .navbar-brand { 180 | border-bottom: 1px solid #eaeaea; 181 | display: inline-block; 182 | height: initial; 183 | margin: 0; 184 | padding: 22% 0 30%; 185 | width: 100%; 186 | } 187 | header .sidebar-menu .navbar-brand img { 188 | max-height: 25px; 189 | padding: 0; 190 | max-width: 105px; 191 | } 192 | header .sidebar-menu .menu-close { 193 | color: #000; 194 | cursor: pointer; 195 | font-size: 29px; 196 | position: absolute; 197 | right: 26px; 198 | top: 24px; 199 | } 200 | header .sidebar-menu ul { 201 | margin: 7% 0 0; 202 | padding: 0; 203 | } 204 | header .sidebar-menu ul li { 205 | display: inline-block; 206 | font-family: 'Lato', sans-serif; 207 | font-size: 12px; 208 | font-weight: 700; 209 | letter-spacing: 1px; 210 | padding: 3px 0; 211 | position: relative; 212 | text-transform: uppercase; 213 | width: 100%; 214 | } 215 | header .sidebar-menu ul li a { 216 | color: #000; 217 | line-height: 20px; 218 | padding: 12px 0; 219 | } 220 | header .sidebar-menu ul li a:hover { 221 | background: none; 222 | box-shadow: none; 223 | text-decoration: none; 224 | } 225 | header .sidebar-menu ul li.active a { 226 | color: #af7152; 227 | } 228 | header .sidebar-menu ul li .sub-menu { 229 | height: 0; 230 | margin: 0; 231 | opacity: 0; 232 | -webkit-transition: all .35s ease, opacity 0.35s ease; 233 | -moz-transition: all .35s ease, opacity 0.35s ease; 234 | -ms-transition: all .35s ease, opacity 0.35s ease; 235 | -o-transition: all .35s ease, opacity 0.35s ease; 236 | transition: all .35s ease, opacity 0.35s ease; 237 | } 238 | header .sidebar-menu ul li .sub-menu a { 239 | color: #000; 240 | display: inline-block; 241 | padding: 3px 0; 242 | width: 100%; 243 | } 244 | header .sidebar-menu ul li.open .sub-menu { 245 | height: auto; 246 | opacity: 1; 247 | } 248 | header .sidebar-menu::-webkit-scrollbar { 249 | display: none; 250 | } 251 | header .sidebar-menu:-moz-scrollbar { 252 | display: none; 253 | } 254 | header .sidebar-menu::-moz-scrollbar { 255 | display: none; 256 | } 257 | header .sidebar-menu:-ms-scrollbar { 258 | display: none; 259 | } 260 | header .menu-social { 261 | display: inline-block; 262 | margin: 25% 0 30px; 263 | width: 100%; 264 | } 265 | header .menu-social a { 266 | color: #aaa; 267 | display: inline-block; 268 | font-size: 14px; 269 | padding: 5px; 270 | } 271 | header .header-bottom { 272 | background: #171717; 273 | overflow: hidden; 274 | } 275 | header .header-bottom:hover { 276 | overflow: visible; 277 | } 278 | header .navbar-default { 279 | background: transparent; 280 | border: none; 281 | border-radius: 0; 282 | margin: 0; 283 | padding: 0; 284 | } 285 | header .navbar-default .navbar-nav { 286 | margin: 0; 287 | padding: 0; 288 | } 289 | header .navbar-default .navbar-nav li { 290 | display: inline-block; 291 | font-family: 'Lato', sans-serif; 292 | font-size: 12px; 293 | font-weight: 700; 294 | letter-spacing: 1px; 295 | text-transform: uppercase; 296 | } 297 | header .navbar-default .navbar-nav li a { 298 | color: #e4e4e4; 299 | display: inline-block; 300 | line-height: 60px; 301 | padding: 0 25px; 302 | } 303 | header .navbar-default .navbar-nav li a:hover { 304 | background: transparent !important; 305 | color: #af7152 !important; 306 | text-decoration: none; 307 | } 308 | header .navbar-default .navbar-nav li.active a, 309 | header .navbar-default .navbar-nav li.active a:focus, 310 | header .navbar-default .navbar-nav li.active a:visited { 311 | background: transparent; 312 | color: #af7152; 313 | } 314 | header .navbar-default .navbar-nav li.menu-item-has-children { 315 | position: relative; 316 | } 317 | header .navbar-default .navbar-nav li.menu-item-has-children .sub-menu, 318 | header .navbar-default .navbar-nav li.menu-item-has-children .children { 319 | background: #171717; 320 | opacity: 0; 321 | padding: 0 18px; 322 | text-align: left; 323 | -webkit-transition: all .25s ease, opacity 0.35s ease; 324 | -moz-transition: all .25s ease, opacity 0.35s ease; 325 | -ms-transition: all .25s ease, opacity 0.35s ease; 326 | -o-transition: all .25s ease, opacity 0.35s ease; 327 | transition: all .25s ease, opacity 0.35s ease; 328 | } 329 | header .navbar-default .navbar-nav li.menu-item-has-children .sub-menu li, 330 | header .navbar-default .navbar-nav li.menu-item-has-children .children li { 331 | width: 100%; 332 | } 333 | header .navbar-default .navbar-nav li.menu-item-has-children .sub-menu li a, 334 | header .navbar-default .navbar-nav li.menu-item-has-children .children li a { 335 | color: #e4e4e4; 336 | line-height: 43px; 337 | padding: 0; 338 | width: 100%; 339 | } 340 | header.style-02 { 341 | background: #fff; 342 | } 343 | header.style-02 .header-top { 344 | padding: 2.8% 0; 345 | } 346 | header.style-02 .header-top .navbar-brand { 347 | margin-top: 21px; 348 | } 349 | header.style-02 .menu-search { 350 | right: 0; 351 | } 352 | header.style-02 .menu-search form { 353 | top: 4px; 354 | } 355 | header.style-02 .menu-search form input { 356 | padding-left: 15px; 357 | } 358 | .navbar-default .navbar-nav > .open > a, 359 | .navbar-default .navbar-nav > .open > a:focus, 360 | .navbar-default .navbar-nav > .open > a:hover { 361 | background: none; 362 | color: #e4e4e4; 363 | } 364 | @media (min-width: 768px) { 365 | header .navbar-default .navbar-nav { 366 | float: none; 367 | text-align: center; 368 | } 369 | header .navbar-default .navbar-nav li { 370 | float: none; 371 | } 372 | header .navbar-default .navbar-nav li.menu-item-has-children .sub-menu, 373 | header .navbar-default .navbar-nav li.menu-item-has-children .children { 374 | border-top: 1px solid #2d2d2d; 375 | left: 0; 376 | top: 60px; 377 | position: absolute; 378 | min-width: 180px; 379 | z-index: -1; 380 | } 381 | header .navbar-default .navbar-nav li.menu-item-has-children .sub-menu li, 382 | header .navbar-default .navbar-nav li.menu-item-has-children .children li { 383 | border-top: 1px solid #2d2d2d; 384 | } 385 | header .navbar-default .navbar-nav li.menu-item-has-children .sub-menu li:first-child, 386 | header .navbar-default .navbar-nav li.menu-item-has-children .children li:first-child { 387 | border-top: none; 388 | } 389 | header .navbar-default .navbar-nav li.menu-item-has-children:hover .sub-menu, 390 | header .navbar-default .navbar-nav li.menu-item-has-children:hover .children { 391 | opacity: 1; 392 | z-index: 1; 393 | } 394 | header.style-02 .navbar-collapse { 395 | padding: 0; 396 | } 397 | header.style-02 .navbar-collapse .navbar-nav li:first-child a { 398 | padding-left: 0; 399 | } 400 | header.style-02 .navbar-collapse .menu-search .form-trigger { 401 | color: #fff; 402 | } 403 | } 404 | @media (max-width: 1024px) { 405 | header.style-02 .header-top .navbar-brand { 406 | margin-top: 13px; 407 | } 408 | } 409 | @media (max-width: 992px) { 410 | header.style-02 .header-top .navbar-brand { 411 | margin-top: 5px; 412 | } 413 | header.style-02 .navbar-default .navbar-nav li a { 414 | padding: 0 15px; 415 | } 416 | } 417 | @media (max-width: 767px) { 418 | header .navbar-default .navbar-toggle { 419 | background: none; 420 | border: none; 421 | box-shadow: none; 422 | color: #fff; 423 | font-size: 25px; 424 | margin: 12px 5px; 425 | padding: 0; 426 | } 427 | header .navbar-default .navbar-toggle:focus { 428 | background: none; 429 | border: none; 430 | outline: 0; 431 | } 432 | header .navbar-default .navbar-brand { 433 | margin-top: 14px; 434 | max-width: 105px; 435 | max-height: 22px; 436 | padding: 0; 437 | } 438 | header .header-top { 439 | padding: 20px 0; 440 | } 441 | header .sidebar-menu { 442 | height: 100%; 443 | max-width: 250px; 444 | } 445 | header .sidebar-menu .menu-close { 446 | right: 15px; 447 | top: 13px; 448 | } 449 | header .sidebar-menu .navbar-brand { 450 | padding: 15% 0; 451 | } 452 | header .sidebar-menu .navbar-nav li { 453 | padding: 0; 454 | } 455 | header .sidebar-menu .navbar-nav li a { 456 | padding: 10px 0; 457 | } 458 | header .sidebar-menu .navbar-nav li.menu-item-has-children .sub-menu, 459 | header .sidebar-menu .navbar-nav li.menu-item-has-children .children { 460 | display: none; 461 | } 462 | header .sidebar-menu .navbar-nav li.menu-item-has-children.open .sub-menu, 463 | header .sidebar-menu .navbar-nav li.menu-item-has-children.open .children { 464 | display: block; 465 | opacity: 1; 466 | } 467 | header .navbar-collapse { 468 | padding: 0; 469 | } 470 | header .navbar-collapse .navbar-nav { 471 | margin: 20px 0; 472 | } 473 | header .navbar-collapse .navbar-nav li { 474 | display: inline-block; 475 | width: 100%; 476 | } 477 | header .navbar-collapse .navbar-nav li a { 478 | line-height: 35px; 479 | padding: 0; 480 | width: 100%; 481 | } 482 | header .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu, 483 | header .navbar-collapse .navbar-nav li.menu-item-has-children .children { 484 | display: none; 485 | } 486 | header .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a, 487 | header .navbar-collapse .navbar-nav li.menu-item-has-children .children li a { 488 | line-height: 30px; 489 | } 490 | header .navbar-collapse .navbar-nav li.menu-item-has-children.open .sub-menu, 491 | header .navbar-collapse .navbar-nav li.menu-item-has-children.open .children { 492 | display: block; 493 | opacity: 1; 494 | } 495 | } 496 | -------------------------------------------------------------------------------- /assets/css/owl.carousel.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.0 3 | * Copyright 2013-2016 David Deutsch 4 | * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) 5 | */ 6 | /* 7 | * Owl Carousel - Core 8 | */ 9 | .owl-carousel { 10 | display: none; 11 | width: 100%; 12 | -webkit-tap-highlight-color: transparent; 13 | /* position relative and z-index fix webkit rendering fonts issue */ 14 | position: relative; 15 | z-index: 0; } 16 | .owl-carousel .owl-stage { 17 | position: relative; 18 | -ms-touch-action: pan-Y; } 19 | .owl-carousel .owl-stage:after { 20 | content: "."; 21 | display: block; 22 | clear: both; 23 | visibility: hidden; 24 | line-height: 0; 25 | height: 0; } 26 | .owl-carousel .owl-stage-outer { 27 | position: relative; 28 | overflow: hidden; 29 | /* fix for flashing background */ 30 | -webkit-transform: translate3d(0px, 0px, 0px); } 31 | .owl-carousel .owl-item { 32 | position: relative; 33 | min-height: 1px; 34 | float: left; 35 | -webkit-backface-visibility: hidden; 36 | -webkit-tap-highlight-color: transparent; 37 | -webkit-touch-callout: none; } 38 | .owl-carousel .owl-item img { 39 | display: block; 40 | width: 100%; 41 | -webkit-transform-style: preserve-3d; } 42 | .owl-carousel .owl-nav.disabled, 43 | .owl-carousel .owl-dots.disabled { 44 | display: none; } 45 | .owl-carousel .owl-nav .owl-prev, 46 | .owl-carousel .owl-nav .owl-next, 47 | .owl-carousel .owl-dot { 48 | cursor: pointer; 49 | cursor: hand; 50 | -webkit-user-select: none; 51 | -khtml-user-select: none; 52 | -moz-user-select: none; 53 | -ms-user-select: none; 54 | user-select: none; } 55 | .owl-carousel.owl-loaded { 56 | display: block; } 57 | .owl-carousel.owl-loading { 58 | opacity: 0; 59 | display: block; } 60 | .owl-carousel.owl-hidden { 61 | opacity: 0; } 62 | .owl-carousel.owl-refresh .owl-item { 63 | visibility: hidden; } 64 | .owl-carousel.owl-drag .owl-item { 65 | -webkit-user-select: none; 66 | -moz-user-select: none; 67 | -ms-user-select: none; 68 | user-select: none; } 69 | .owl-carousel.owl-grab { 70 | cursor: move; 71 | cursor: grab; } 72 | .owl-carousel.owl-rtl { 73 | direction: rtl; } 74 | .owl-carousel.owl-rtl .owl-item { 75 | float: right; } 76 | 77 | /* No Js */ 78 | .no-js .owl-carousel { 79 | display: block; } 80 | 81 | /* 82 | * Owl Carousel - Animate Plugin 83 | */ 84 | .owl-carousel .animated { 85 | -webkit-animation-duration: 1000ms; 86 | animation-duration: 1000ms; 87 | -webkit-animation-fill-mode: both; 88 | animation-fill-mode: both; } 89 | 90 | .owl-carousel .owl-animated-in { 91 | z-index: 0; } 92 | 93 | .owl-carousel .owl-animated-out { 94 | z-index: 1; } 95 | 96 | .owl-carousel .fadeOut { 97 | -webkit-animation-name: fadeOut; 98 | animation-name: fadeOut; } 99 | 100 | @-webkit-keyframes fadeOut { 101 | 0% { 102 | opacity: 1; } 103 | 100% { 104 | opacity: 0; } } 105 | 106 | @keyframes fadeOut { 107 | 0% { 108 | opacity: 1; } 109 | 100% { 110 | opacity: 0; } } 111 | 112 | /* 113 | * Owl Carousel - Auto Height Plugin 114 | */ 115 | .owl-height { 116 | transition: height 500ms ease-in-out; } 117 | 118 | /* 119 | * Owl Carousel - Lazy Load Plugin 120 | */ 121 | .owl-carousel .owl-item .owl-lazy { 122 | opacity: 0; 123 | transition: opacity 400ms ease; } 124 | 125 | .owl-carousel .owl-item img.owl-lazy { 126 | -webkit-transform-style: preserve-3d; 127 | transform-style: preserve-3d; } 128 | 129 | /* 130 | * Owl Carousel - Video Plugin 131 | */ 132 | .owl-carousel .owl-video-wrapper { 133 | position: relative; 134 | height: 100%; 135 | background: #000; } 136 | 137 | .owl-carousel .owl-video-play-icon { 138 | position: absolute; 139 | height: 80px; 140 | width: 80px; 141 | left: 50%; 142 | top: 50%; 143 | margin-left: -40px; 144 | margin-top: -40px; 145 | background: url("owl.video.play.png") no-repeat; 146 | cursor: pointer; 147 | z-index: 1; 148 | -webkit-backface-visibility: hidden; 149 | transition: -webkit-transform 100ms ease; 150 | transition: transform 100ms ease; } 151 | 152 | .owl-carousel .owl-video-play-icon:hover { 153 | -webkit-transform: scale(1.3, 1.3); 154 | -ms-transform: scale(1.3, 1.3); 155 | transform: scale(1.3, 1.3); } 156 | 157 | .owl-carousel .owl-video-playing .owl-video-tn, 158 | .owl-carousel .owl-video-playing .owl-video-play-icon { 159 | display: none; } 160 | 161 | .owl-carousel .owl-video-tn { 162 | opacity: 0; 163 | height: 100%; 164 | background-position: center center; 165 | background-repeat: no-repeat; 166 | background-size: contain; 167 | transition: opacity 400ms ease; } 168 | 169 | .owl-carousel .owl-video-frame { 170 | position: relative; 171 | z-index: 1; 172 | height: 100%; 173 | width: 100%; } 174 | -------------------------------------------------------------------------------- /assets/css/responsive.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 1366px) { 2 | .banner-slider.banner-slider-05 .owl-item .inner-content { 3 | width: 75%; 4 | } 5 | } 6 | @media (max-width: 1200px) { 7 | .banner-slider.banner-slider-05 .owl-item .inner-content { 8 | width: 80%; 9 | } 10 | .entry-title { 11 | font-size: 20px; 12 | } 13 | .default-posts article.full-width .entry-title { 14 | font-size: 26px; 15 | } 16 | .default-posts article .entry-thumbnail { 17 | margin-bottom: 25px; 18 | } 19 | .default-posts article.full-width .entry-thumbnail { 20 | margin-bottom: 30px; 21 | } 22 | .list-posts article .entry-content { 23 | padding-top: 0; 24 | } 25 | .list-posts article .entry-content .entry-title { 26 | font-size: 18px; 27 | } 28 | .list-posts-02 article.type-ad .entry-content .entry-title { 29 | font-size: 28px; 30 | } 31 | .single-post .entry-title { 32 | font-size: 26px; 33 | } 34 | blockquote { 35 | font-size: 22px; 36 | } 37 | .single-post .side-image .top-content { 38 | margin: -6px 0 20px; 39 | } 40 | .single-post .entry-content ul li, 41 | .single-post .entry-content ol li { 42 | font-size: 16px; 43 | } 44 | .col-sm-8 .respond .comment-form .comment-form-control-wrap { 45 | width: 32.253%; 46 | } 47 | .respond .comment-form .comment-form-control-wrap { 48 | width: 32.624%; 49 | } 50 | .widget_related_posts article .entry-title { 51 | font-size: 13px; 52 | } 53 | .widget_insta_feed .widget-details a { 54 | max-width: 84px; 55 | } 56 | .widget_recent_posts article .entry-content .entry-title { 57 | font-size: 13px; 58 | margin: 0; 59 | } 60 | } 61 | @media (max-width: 1024px) { 62 | .banner-slider .entry-title, 63 | .banner-slider.banner-slider-05 .owl-item .inner-content .entry-title { 64 | font-size: 26px; 65 | margin-bottom: 10px; 66 | } 67 | .quote-post .entry-thumbnail blockquote { 68 | padding: 5%; 69 | } 70 | } 71 | @media (max-width: 992px) { 72 | video, 73 | iframe { 74 | max-height: 300px; 75 | } 76 | blockquote { 77 | font-size: 18px; 78 | margin: 2.5% 0; 79 | padding: 2.5% 0; 80 | } 81 | blockquote.style-02 { 82 | font-size: 18px; 83 | } 84 | .entry-title { 85 | font-size: 16px; 86 | margin-bottom: 0; 87 | } 88 | .default-posts article.full-width .entry-title { 89 | font-size: 20px; 90 | } 91 | .banner-slider .entry-title, 92 | .banner-slider.banner-slider-05 .owl-item .inner-content .entry-title { 93 | font-size: 18px; 94 | } 95 | .list-posts article .entry-thumbnail { 96 | float: none !important; 97 | margin: 0 0 30px 0 !important; 98 | max-width: inherit; 99 | } 100 | .list-posts article .entry-thumbnail, 101 | .list-posts article .entry-content { 102 | display: inline-block; 103 | width: 100%; 104 | } 105 | .list-posts-02 article .entry-thumbnail { 106 | margin-right: 30px; 107 | } 108 | .list-posts-02 article .entry-content { 109 | padding-top: 0; 110 | text-align: left; 111 | } 112 | .list-posts-02 article .entry-content .category { 113 | margin-top: -6px; 114 | } 115 | .list-posts-02 article .entry-content .time:before, 116 | .list-posts-02 article .entry-content .time:after { 117 | display: none; 118 | } 119 | .list-posts-02 article.type-ad .entry-thumbnail { 120 | margin: 0; 121 | } 122 | .list-posts-02 article.type-ad .entry-content { 123 | text-align: center; 124 | } 125 | .list-posts-02 article.type-ad .entry-content .entry-title { 126 | font-size: 20px; 127 | margin-bottom: 4px; 128 | } 129 | .list-posts-02 article.type-ad .entry-content .time:before, 130 | .list-posts-02 article.type-ad .entry-content .time:after { 131 | display: block; 132 | } 133 | .single-post .entry-title { 134 | font-size: 20px; 135 | } 136 | .single-post p { 137 | margin: 8px 0; 138 | } 139 | .post-navigation .nav-links article .entry-thumbnail { 140 | max-width: 85px; 141 | } 142 | .post-navigation .nav-links article .entry-title { 143 | margin-top: 0; 144 | } 145 | .post-navigation .nav-links.prev { 146 | padding-left: 15px; 147 | } 148 | .post-navigation .nav-links.prev .entry-thumbnail { 149 | margin: 0 15px 0 0; 150 | } 151 | .post-navigation .nav-links.next { 152 | padding-right: 20px; 153 | } 154 | .post-navigation .nav-links.next .entry-thumbnail { 155 | margin: 0 0 0 15px; 156 | } 157 | .col-sm-8 .respond .comment-form .comment-form-control-wrap { 158 | width: 31.918%; 159 | } 160 | .respond .comment-form .comment-form-control-wrap { 161 | width: 32.4%; 162 | } 163 | .quote-post .entry-thumbnail blockquote { 164 | font-size: 17px; 165 | } 166 | .quote-post .entry-thumbnail blockquote .author { 167 | margin-top: 12px; 168 | } 169 | .about-me .avatar img { 170 | max-width: 400px; 171 | } 172 | .wpcf7-form .wpcf7-form-control-wrap, 173 | .comment-form .wpcf7-form-control-wrap, 174 | .wpcf7-form .comment-form-control-wrap, 175 | .comment-form .comment-form-control-wrap { 176 | width: 32.4%; 177 | } 178 | .widget_recent_posts article .entry-thumbnail { 179 | margin: 0 15px 15px 0; 180 | max-width: 90px; 181 | } 182 | aside.sidebar { 183 | padding: 0 !important; 184 | } 185 | .widget_insta_feed .widget-details a { 186 | max-width: 66px; 187 | } 188 | } 189 | @media (max-width: 767px) { 190 | .padding { 191 | padding: 40px 0; 192 | } 193 | .section-title { 194 | font-size: 18px; 195 | letter-spacing: 1px; 196 | } 197 | .entry-thumbnail.background-bg { 198 | height: 50vh; 199 | } 200 | .entry-thumbnail.background-bg img { 201 | display: none; 202 | } 203 | .banner-slider.banner-slider-02 .owl-nav div[class*="owl-"], 204 | .banner-slider.banner-slider-05 .owl-nav div[class*="owl-"] { 205 | width: 30px; 206 | } 207 | .banner-slider.banner-slider-02 .owl-nav div[class*="owl-"]:before, 208 | .banner-slider.banner-slider-05 .owl-nav div[class*="owl-"]:before { 209 | line-height: 30px; 210 | } 211 | .banner-slider.banner-slider-05 .owl-item .inner-content { 212 | padding: 15px; 213 | width: 70%; 214 | } 215 | .list-posts { 216 | margin-bottom: 0; 217 | } 218 | .list-posts-02 { 219 | margin-top: 20px; 220 | } 221 | .list-posts-02 article .entry-thumbnail { 222 | display: inline-block; 223 | float: none !important; 224 | margin: 0 0 30px; 225 | max-width: inherit; 226 | width: 100%; 227 | } 228 | .list-posts-02 article .entry-content { 229 | display: inline-block; 230 | width: 100%; 231 | } 232 | .list-posts-02 article.type-ad .entry-content .entry-title { 233 | font-size: 16px; 234 | } 235 | .list-posts-02 article.type-ad .entry-content { 236 | width: 85%; 237 | } 238 | .single-post .entry-title { 239 | font-size: 18px; 240 | } 241 | .section-widget .widget_insta_feed div[class*="col-"] { 242 | float: left; 243 | width: 50%; 244 | } 245 | .header-image .entry-thumbnail .top-content { 246 | width: 85%; 247 | } 248 | .about-me .avatar img { 249 | max-width: 200px; 250 | } 251 | .wpcf7-form .wpcf7-form-control-wrap, 252 | .comment-form .wpcf7-form-control-wrap, 253 | .wpcf7-form .comment-form-control-wrap, 254 | .comment-form .comment-form-control-wrap { 255 | margin-right: 0; 256 | width: 100% !important; 257 | } 258 | .widget_related_posts article { 259 | margin-bottom: 30px; 260 | } 261 | aside.sidebar { 262 | margin-top: 20px; 263 | } 264 | aside.sidebar .widget { 265 | margin-bottom: 40px !important; 266 | } 267 | footer { 268 | padding: 20px 0; 269 | text-align: center; 270 | } 271 | footer .footer-logo, 272 | footer .footer-social { 273 | float: none !important; 274 | text-align: center; 275 | } 276 | footer .copyright { 277 | padding: 15px 0; 278 | } 279 | } 280 | @media (max-width: 767px) and (orientation: portrait) { 281 | .post-navigation .nav-links { 282 | width: 100%; 283 | } 284 | .post-navigation .nav-links.prev { 285 | margin-bottom: 20px; 286 | } 287 | .post-navigation .nav-links.prev article:before { 288 | display: none; 289 | } 290 | .single-post .author-bio .author-avatar, 291 | .comments .comment-list .author-avatar { 292 | display: inline-block; 293 | float: none !important; 294 | margin-bottom: 20px; 295 | } 296 | .single-post .author-bio .author-details, 297 | .comments .comment-list .author-details { 298 | display: inline-block; 299 | width: 100%; 300 | } 301 | } 302 | @media (max-width: 767px) and (orientation: landscape) { 303 | .entry-thumbnail.background-bg { 304 | height: 80vh; 305 | } 306 | .section-widget .widget_insta_feed div[class*="col-"] { 307 | width: 16.66%; 308 | } 309 | } 310 | @media (max-width: 375px) { 311 | .btn { 312 | line-height: 25px; 313 | padding: 0 10px; 314 | } 315 | .banner-slider .entry-title { 316 | font-size: 15px !important; 317 | } 318 | .banner-slider .banner-slider-04 .inner-content { 319 | width: 90%; 320 | } 321 | } 322 | -------------------------------------------------------------------------------- /assets/css/style.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | /* Default Style / Reset 4 | ------------------------------------------------------------------------*/ 5 | html, 6 | body { 7 | background: #fff; 8 | font-family: 'Lato', 'Poppins', 'Raleway', sans-serif; 9 | font-size: 16px; 10 | line-height: 1; 11 | margin: 0 !important; 12 | padding: 0 !important; 13 | position: relative; 14 | -webkit-font-smoothing: antialiased; 15 | -moz-font-smoothing: antialiased; 16 | text-rendering: optimizeLegibility !important; 17 | -ms-text-size-adjust: 100%; 18 | -webkit-text-size-adjust: 100%; 19 | -webkit-overflow-scrolling: touch; 20 | -moz-overflow-scrolling: touch; 21 | -ms-overflow-scrolling: touch; 22 | -o-overflow-scrolling: touch; 23 | overflow-scrolling: touch; 24 | } 25 | 26 | /*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */ 27 | 28 | /* 29 | * What follows is the result of much research on cross-browser styling. 30 | * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, 31 | * Kroc Camen, and the H5BP dev community and team. 32 | */ 33 | 34 | /* ========================================================================== 35 | Base styles: opinionated defaults 36 | ========================================================================== */ 37 | 38 | /* 39 | * Remove text-shadow in selection highlight: 40 | * https://twitter.com/miketaylr/status/12228805301 41 | * 42 | * These selection rule sets have to be separate. 43 | * Customize the background color to match your design. 44 | */ 45 | 46 | ::-moz-selection { 47 | background: #b3d4fc; 48 | text-shadow: none; 49 | } 50 | 51 | ::selection { 52 | background: #b3d4fc; 53 | text-shadow: none; 54 | } 55 | 56 | /* 57 | * A better looking default horizontal rule 58 | */ 59 | 60 | hr { 61 | display: block; 62 | height: 1px; 63 | border: 0; 64 | border-top: 1px solid #ccc; 65 | margin: 1em 0; 66 | padding: 0; 67 | } 68 | 69 | /* 70 | * Remove the gap between audio, canvas, iframes, 71 | * images, videos and the bottom of their containers: 72 | * https://github.com/h5bp/html5-boilerplate/issues/440 73 | */ 74 | 75 | audio, 76 | canvas, 77 | iframe, 78 | img, 79 | svg, 80 | video { 81 | vertical-align: middle; 82 | } 83 | 84 | /* 85 | * Remove default fieldset styles. 86 | */ 87 | 88 | fieldset { 89 | border: 0; 90 | margin: 0; 91 | padding: 0; 92 | } 93 | 94 | /* 95 | * Allow only vertical resizing of textareas. 96 | */ 97 | 98 | textarea { 99 | resize: vertical; 100 | } 101 | 102 | /* ========================================================================== 103 | Browser Upgrade Prompt 104 | ========================================================================== */ 105 | 106 | .browserupgrade { 107 | margin: 0.2em 0; 108 | background: #ccc; 109 | color: #000; 110 | padding: 0.2em 0; 111 | } 112 | 113 | 114 | /* ========================================================================== 115 | Helper classes 116 | ========================================================================== */ 117 | 118 | /* 119 | * Hide visually and from screen readers 120 | */ 121 | 122 | .hidden { 123 | display: none !important; 124 | } 125 | 126 | /* 127 | * Hide only visually, but have it available for screen readers: 128 | * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility 129 | */ 130 | 131 | .visuallyhidden { 132 | border: 0; 133 | clip: rect(0 0 0 0); 134 | height: 1px; 135 | margin: -1px; 136 | overflow: hidden; 137 | padding: 0; 138 | position: absolute; 139 | width: 1px; 140 | } 141 | 142 | /* 143 | * Extends the .visuallyhidden class to allow the element 144 | * to be focusable when navigated to via the keyboard: 145 | * https://www.drupal.org/node/897638 146 | */ 147 | 148 | .visuallyhidden.focusable:active, 149 | .visuallyhidden.focusable:focus { 150 | clip: auto; 151 | height: auto; 152 | margin: 0; 153 | overflow: visible; 154 | position: static; 155 | width: auto; 156 | } 157 | 158 | /* 159 | * Hide visually and from screen readers, but maintain layout 160 | */ 161 | 162 | .invisible { 163 | visibility: hidden; 164 | } 165 | 166 | /* 167 | * Clearfix: contain floats 168 | * 169 | * For modern browsers 170 | * 1. The space content is one way to avoid an Opera bug when the 171 | * `contenteditable` attribute is included anywhere else in the document. 172 | * Otherwise it causes space to appear at the top and bottom of elements 173 | * that receive the `clearfix` class. 174 | * 2. The use of `table` rather than `block` is only necessary if using 175 | * `:before` to contain the top-margins of child elements. 176 | */ 177 | 178 | .clearfix:before, 179 | .clearfix:after { 180 | content: " "; /* 1 */ 181 | display: table; /* 2 */ 182 | } 183 | 184 | .clearfix:after { 185 | clear: both; 186 | } 187 | 188 | /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ 189 | 190 | /** 191 | * 1. Set default font family to sans-serif. 192 | * 2. Prevent iOS and IE text size adjust after device orientation change, 193 | * without disabling user zoom. 194 | */ 195 | 196 | html { 197 | font-family: sans-serif; /* 1 */ 198 | -ms-text-size-adjust: 100%; /* 2 */ 199 | -webkit-text-size-adjust: 100%; /* 2 */ 200 | } 201 | 202 | /** 203 | * Remove default margin. 204 | */ 205 | 206 | body { 207 | margin: 0; 208 | } 209 | 210 | /* HTML5 display definitions 211 | ========================================================================== */ 212 | 213 | /** 214 | * Correct `block` display not defined for any HTML5 element in IE 8/9. 215 | * Correct `block` display not defined for `details` or `summary` in IE 10/11 216 | * and Firefox. 217 | * Correct `block` display not defined for `main` in IE 11. 218 | */ 219 | 220 | article, 221 | aside, 222 | details, 223 | figcaption, 224 | figure, 225 | footer, 226 | header, 227 | hgroup, 228 | main, 229 | menu, 230 | nav, 231 | section, 232 | summary { 233 | display: block; 234 | } 235 | 236 | /** 237 | * 1. Correct `inline-block` display not defined in IE 8/9. 238 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 239 | */ 240 | 241 | audio, 242 | canvas, 243 | progress, 244 | video { 245 | display: inline-block; /* 1 */ 246 | vertical-align: baseline; /* 2 */ 247 | } 248 | 249 | /** 250 | * Prevent modern browsers from displaying `audio` without controls. 251 | * Remove excess height in iOS 5 devices. 252 | */ 253 | 254 | audio:not([controls]) { 255 | display: none; 256 | height: 0; 257 | } 258 | 259 | /** 260 | * Address `[hidden]` styling not present in IE 8/9/10. 261 | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. 262 | */ 263 | 264 | [hidden], 265 | template { 266 | display: none; 267 | } 268 | 269 | /* Links 270 | ========================================================================== */ 271 | 272 | /** 273 | * Remove the gray background color from active links in IE 10. 274 | */ 275 | 276 | a { 277 | background-color: transparent; 278 | } 279 | 280 | /** 281 | * Improve readability of focused elements when they are also in an 282 | * active/hover state. 283 | */ 284 | 285 | a:active, 286 | a:hover { 287 | outline: 0; 288 | } 289 | 290 | /* Text-level semantics 291 | ========================================================================== */ 292 | 293 | /** 294 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 295 | */ 296 | 297 | abbr[title] { 298 | border-bottom: 1px dotted; 299 | } 300 | 301 | /** 302 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 303 | */ 304 | 305 | b, 306 | strong { 307 | font-weight: bold; 308 | } 309 | 310 | /** 311 | * Address styling not present in Safari and Chrome. 312 | */ 313 | 314 | dfn { 315 | font-style: italic; 316 | } 317 | 318 | /** 319 | * Address variable `h1` font-size and margin within `section` and `article` 320 | * contexts in Firefox 4+, Safari, and Chrome. 321 | */ 322 | 323 | h1 { 324 | font-size: 2em; 325 | margin: 0.67em 0; 326 | } 327 | 328 | /** 329 | * Address styling not present in IE 8/9. 330 | */ 331 | 332 | mark { 333 | background: #ff0; 334 | color: #000; 335 | } 336 | 337 | /** 338 | * Address inconsistent and variable font size in all browsers. 339 | */ 340 | 341 | small { 342 | font-size: 80%; 343 | } 344 | 345 | /** 346 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 347 | */ 348 | 349 | sub, 350 | sup { 351 | font-size: 75%; 352 | line-height: 0; 353 | position: relative; 354 | vertical-align: baseline; 355 | } 356 | 357 | sup { 358 | top: -0.5em; 359 | } 360 | 361 | sub { 362 | bottom: -0.25em; 363 | } 364 | 365 | /* Embedded content 366 | ========================================================================== */ 367 | 368 | /** 369 | * Remove border when inside `a` element in IE 8/9/10. 370 | */ 371 | 372 | img { 373 | border: 0; 374 | } 375 | 376 | /** 377 | * Correct overflow not hidden in IE 9/10/11. 378 | */ 379 | 380 | svg:not(:root) { 381 | overflow: hidden; 382 | } 383 | 384 | /* Grouping content 385 | ========================================================================== */ 386 | 387 | /** 388 | * Address margin not present in IE 8/9 and Safari. 389 | */ 390 | 391 | figure { 392 | margin: 1em 40px; 393 | } 394 | 395 | /** 396 | * Address differences between Firefox and other browsers. 397 | */ 398 | 399 | hr { 400 | box-sizing: content-box; 401 | height: 0; 402 | } 403 | 404 | /** 405 | * Contain overflow in all browsers. 406 | */ 407 | 408 | pre { 409 | overflow: auto; 410 | } 411 | 412 | /** 413 | * Address odd `em`-unit font size rendering in all browsers. 414 | */ 415 | 416 | code, 417 | kbd, 418 | pre, 419 | samp { 420 | font-family: monospace, monospace; 421 | font-size: 1em; 422 | } 423 | 424 | /* Forms 425 | ========================================================================== */ 426 | 427 | /** 428 | * Known limitation: by default, Chrome and Safari on OS X allow very limited 429 | * styling of `select`, unless a `border` property is set. 430 | */ 431 | 432 | /** 433 | * 1. Correct color not being inherited. 434 | * Known issue: affects color of disabled elements. 435 | * 2. Correct font properties not being inherited. 436 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 437 | */ 438 | 439 | button, 440 | input, 441 | optgroup, 442 | select, 443 | textarea { 444 | color: inherit; /* 1 */ 445 | font: inherit; /* 2 */ 446 | margin: 0; /* 3 */ 447 | } 448 | button:focus, 449 | input:focus, 450 | optgroup:focus, 451 | select:focus, 452 | textarea:focus { 453 | border: none; 454 | outline: 0; 455 | } 456 | 457 | /** 458 | * Address `overflow` set to `hidden` in IE 8/9/10/11. 459 | */ 460 | 461 | button { 462 | overflow: visible; 463 | } 464 | 465 | /** 466 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 467 | * All other form control elements do not inherit `text-transform` values. 468 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 469 | * Correct `select` style inheritance in Firefox. 470 | */ 471 | 472 | button, 473 | select { 474 | text-transform: none; 475 | } 476 | 477 | /** 478 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 479 | * and `video` controls. 480 | * 2. Correct inability to style clickable `input` types in iOS. 481 | * 3. Improve usability and consistency of cursor style between image-type 482 | * `input` and others. 483 | */ 484 | 485 | button, 486 | html input[type="button"], /* 1 */ 487 | input[type="reset"], 488 | input[type="submit"] { 489 | -webkit-appearance: button; /* 2 */ 490 | cursor: pointer; /* 3 */ 491 | } 492 | 493 | /** 494 | * Re-set default cursor for disabled elements. 495 | */ 496 | 497 | button[disabled], 498 | html input[disabled] { 499 | cursor: default; 500 | } 501 | 502 | /** 503 | * Remove inner padding and border in Firefox 4+. 504 | */ 505 | 506 | button::-moz-focus-inner, 507 | input::-moz-focus-inner { 508 | border: 0; 509 | padding: 0; 510 | } 511 | 512 | /** 513 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in 514 | * the UA stylesheet. 515 | */ 516 | 517 | input { 518 | line-height: normal; 519 | } 520 | 521 | /** 522 | * It's recommended that you don't attempt to style these elements. 523 | * Firefox's implementation doesn't respect box-sizing, padding, or width. 524 | * 525 | * 1. Address box sizing set to `content-box` in IE 8/9/10. 526 | * 2. Remove excess padding in IE 8/9/10. 527 | */ 528 | 529 | input[type="checkbox"], 530 | input[type="radio"] { 531 | box-sizing: border-box; /* 1 */ 532 | padding: 0; /* 2 */ 533 | } 534 | 535 | /** 536 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain 537 | * `font-size` values of the `input`, it causes the cursor style of the 538 | * decrement button to change from `default` to `text`. 539 | */ 540 | 541 | input[type="number"]::-webkit-inner-spin-button, 542 | input[type="number"]::-webkit-outer-spin-button { 543 | height: auto; 544 | } 545 | 546 | /** 547 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 548 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. 549 | */ 550 | 551 | input[type="search"] { 552 | -webkit-appearance: textfield; /* 1 */ 553 | box-sizing: content-box; /* 2 */ 554 | } 555 | 556 | /** 557 | * Remove inner padding and search cancel button in Safari and Chrome on OS X. 558 | * Safari (but not Chrome) clips the cancel button when the search input has 559 | * padding (and `textfield` appearance). 560 | */ 561 | 562 | input[type="search"]::-webkit-search-cancel-button, 563 | input[type="search"]::-webkit-search-decoration { 564 | -webkit-appearance: none; 565 | } 566 | 567 | /** 568 | * Define consistent border, margin, and padding. 569 | */ 570 | 571 | fieldset { 572 | border: 1px solid #c0c0c0; 573 | margin: 0 2px; 574 | padding: 0.35em 0.625em 0.75em; 575 | } 576 | 577 | /** 578 | * 1. Correct `color` not being inherited in IE 8/9/10/11. 579 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 580 | */ 581 | 582 | legend { 583 | border: 0; /* 1 */ 584 | padding: 0; /* 2 */ 585 | } 586 | 587 | /** 588 | * Remove default vertical scrollbar in IE 8/9/10/11. 589 | */ 590 | 591 | textarea { 592 | overflow: auto; 593 | } 594 | 595 | /** 596 | * Don't inherit the `font-weight` (applied by a rule above). 597 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 598 | */ 599 | 600 | optgroup { 601 | font-weight: bold; 602 | } 603 | 604 | /* Tables 605 | ========================================================================== */ 606 | 607 | /** 608 | * Remove most spacing between table cells. 609 | */ 610 | 611 | table { 612 | border-collapse: collapse; 613 | border-spacing: 0; 614 | } 615 | 616 | td, 617 | th { 618 | padding: 0; 619 | } 620 | 621 | 622 | /* ========================================================================== 623 | EXAMPLE Media Queries for Responsive Design. 624 | These examples override the primary ('mobile first') styles. 625 | Modify as content requires. 626 | ========================================================================== */ 627 | 628 | @media only screen and (min-width: 35em) { 629 | /* Style adjustments for viewports that meet the condition */ 630 | } 631 | 632 | @media print, 633 | (-webkit-min-device-pixel-ratio: 1.25), 634 | (min-resolution: 1.25dppx), 635 | (min-resolution: 120dpi) { 636 | /* Style adjustments for high resolution devices */ 637 | } 638 | 639 | /* ========================================================================== 640 | Print styles. 641 | Inlined to avoid the additional HTTP request: 642 | http://www.phpied.com/delay-loading-your-print-css/ 643 | ========================================================================== */ 644 | 645 | @media print { 646 | *, 647 | *:before, 648 | *:after, 649 | *:first-letter, 650 | *:first-line { 651 | background: transparent !important; 652 | color: #000 !important; /* Black prints faster: 653 | http://www.sanbeiji.com/archives/953 */ 654 | box-shadow: none !important; 655 | text-shadow: none !important; 656 | } 657 | 658 | a, 659 | a:visited { 660 | text-decoration: underline; 661 | } 662 | 663 | a[href]:after { 664 | content: " (" attr(href) ")"; 665 | } 666 | 667 | abbr[title]:after { 668 | content: " (" attr(title) ")"; 669 | } 670 | 671 | /* 672 | * Don't show links that are fragment identifiers, 673 | * or use the `javascript:` pseudo protocol 674 | */ 675 | 676 | a[href^="#"]:after, 677 | a[href^="javascript:"]:after { 678 | content: ""; 679 | } 680 | 681 | pre, 682 | blockquote { 683 | border: 1px solid #999; 684 | page-break-inside: avoid; 685 | } 686 | 687 | /* 688 | * Printing Tables: 689 | * http://css-discuss.incutio.com/wiki/Printing_Tables 690 | */ 691 | 692 | thead { 693 | display: table-header-group; 694 | } 695 | 696 | tr, 697 | img { 698 | page-break-inside: avoid; 699 | } 700 | 701 | img { 702 | max-width: 100% !important; 703 | } 704 | 705 | p, 706 | h2, 707 | h3 { 708 | orphans: 3; 709 | widows: 3; 710 | } 711 | 712 | h2, 713 | h3 { 714 | page-break-after: avoid; 715 | } 716 | } 717 | -------------------------------------------------------------------------------- /assets/fonts/ElegantIcons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/ElegantIcons.eot -------------------------------------------------------------------------------- /assets/fonts/ElegantIcons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/ElegantIcons.ttf -------------------------------------------------------------------------------- /assets/fonts/ElegantIcons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/ElegantIcons.woff -------------------------------------------------------------------------------- /assets/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /assets/fonts/glyphicons-halflings-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/glyphicons-halflings-regular.eot -------------------------------------------------------------------------------- /assets/fonts/glyphicons-halflings-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/glyphicons-halflings-regular.ttf -------------------------------------------------------------------------------- /assets/fonts/glyphicons-halflings-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/glyphicons-halflings-regular.woff -------------------------------------------------------------------------------- /assets/fonts/glyphicons-halflings-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/glyphicons-halflings-regular.woff2 -------------------------------------------------------------------------------- /assets/fonts/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/fonts/index.html -------------------------------------------------------------------------------- /assets/js/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/assets/js/index.html -------------------------------------------------------------------------------- /assets/js/main.js: -------------------------------------------------------------------------------- 1 | (function($){ 2 | 3 | "use strict"; 4 | 5 | var Sadat = { 6 | consoleErrors: function(){ 7 | var method; 8 | var noop = function () {}; 9 | var methods = [ 10 | 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error', 11 | 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log', 12 | 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd', 13 | 'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn' 14 | ]; 15 | var length = methods.length; 16 | var console = (window.console = window.console || {}); 17 | 18 | while (length--) { 19 | method = methods[length]; 20 | 21 | // Only stub undefined methods. 22 | if (!console[method]) { 23 | console[method] = noop; 24 | } 25 | } 26 | }, 27 | 28 | // Bootstrap Carousels 29 | carousel: function() { 30 | 31 | $('.carousel.slide').carousel({ 32 | cycle: true 33 | }); 34 | }, 35 | 36 | matchHeight: function() { 37 | $('article.post.type-post, .widget_instagram_feed img').matchHeight({ 38 | property: 'min-height' 39 | }); 40 | 41 | }, 42 | 43 | // Owl Carousels 44 | owlcarousel: function() { 45 | try { 46 | (function($) { 47 | 48 | $(".banner-slider-02").owlCarousel({ 49 | items:2, 50 | loop:true, 51 | margin:3, 52 | nav: false, 53 | autoplay: true, 54 | responsive:{ 55 | 320:{ 56 | items:1 57 | }, 58 | 436:{ 59 | items:1 60 | }, 61 | 480:{ 62 | items:2 63 | } 64 | } 65 | }); 66 | 67 | $(".banner-slider-05").owlCarousel({ 68 | items:2, 69 | loop:true, 70 | center: true, 71 | margin:20, 72 | nav: false, 73 | autoplay: true, 74 | responsive:{ 75 | 320:{ 76 | items:1 77 | }, 78 | 436:{ 79 | items:1 80 | }, 81 | 480:{ 82 | items:2 83 | } 84 | } 85 | }); 86 | 87 | })(jQuery); 88 | } catch(e) { 89 | 90 | } 91 | }, 92 | 93 | // Isotop Filters 94 | 95 | isotope: function() { 96 | 97 | var $PortfolioItems = $('.masonry-posts'); 98 | $PortfolioItems.isotope({ 99 | itemSelector: 'article', 100 | layoutMode: 'masonry', 101 | transitionDuration: '0.6s', 102 | percentPosition: true, 103 | margin: 45, 104 | masonry: { 105 | columnWidth: 'article' 106 | } 107 | 108 | }); 109 | }, 110 | 111 | 112 | // Images Loaded 113 | 114 | imagesloaded: function() { 115 | 116 | var $PortfolioItems = $('.masonry-posts'); 117 | $PortfolioItems.imagesLoaded().progress( function() { 118 | $PortfolioItems.isotope('layout'); 119 | }); 120 | }, 121 | 122 | }; 123 | 124 | 125 | $(document).ready(function() { 126 | "use strict"; 127 | 128 | // Background Img 129 | 130 | $(".background-bg").css('background-image', function () { 131 | var bg = ('url(' + $(this).data("image-src") + ')'); 132 | return bg; 133 | }); 134 | 135 | $('.form-trigger').on('click', function(event) { 136 | event.preventDefault(); 137 | event.stopPropagation(); 138 | $(this).parent().toggleClass('open'); 139 | }); 140 | 141 | $('.form-trigger').on('click', function(event) { 142 | event.preventDefault(); 143 | event.stopPropagation(); 144 | $(this).parent().siblings().removeClass('open'); 145 | }); 146 | 147 | // Sidebar Nav Open / Close 148 | 149 | $('.side-menu-trigger').on('click', function() { 150 | $('.overlay-wrapper').toggleClass('open'); 151 | }); 152 | 153 | $('.menu-close').on('click', function(event) { 154 | $('.overlay-wrapper').removeClass('open'); 155 | }); 156 | 157 | // Sidebar Menu Dropdown Open / Close 158 | 159 | $('.sidebar-menu .menu-item-has-children>a').on('click', function(event) { 160 | event.preventDefault(); 161 | event.stopPropagation(); 162 | $(this).parent().siblings().removeClass('open'); 163 | $(this).parent().toggleClass('open'); 164 | }); 165 | 166 | 167 | 168 | Sadat.consoleErrors(); 169 | Sadat.carousel(); 170 | Sadat.matchHeight(); 171 | Sadat.owlcarousel(); 172 | Sadat.isotope(); 173 | Sadat.imagesloaded(); 174 | }); 175 | 176 | 177 | // Responsive Menu Open and Close in Mobile 178 | if ($(window).width() < 767) { 179 | "use strict"; 180 | $('#main-menu .menu-item-has-children>a').on('click', function(event) { 181 | event.preventDefault(); 182 | event.stopPropagation(); 183 | $(this).parent().siblings().removeClass('open'); 184 | $(this).parent().toggleClass('open'); 185 | }); 186 | 187 | }; 188 | 189 | 190 | jQuery(window).on('scroll', function () { 191 | 'use strict'; 192 | if (jQuery(this).scrollTop() > 100) { 193 | jQuery('#scroll-to-top').fadeIn('slow'); 194 | } else { 195 | jQuery('#scroll-to-top').fadeOut('slow'); 196 | } 197 | }); 198 | 199 | 200 | jQuery('#scroll-to-top').on("click", function() { 201 | 202 | 'use strict'; 203 | 204 | jQuery("html,body").animate({ scrollTop: 0 }, 1500); 205 | return false; 206 | }); 207 | 208 | 209 | 210 | })(jQuery); 211 | 212 | 213 | 214 | 215 | 216 | /* Working Contact Form Js 217 | -------------------------------------------------------------------*/ 218 | // Email from Validation 219 | jQuery('#submit').on("click", function(e){ 220 | 221 | //Stop form submission & check the validation 222 | e.preventDefault(); 223 | 224 | 225 | // Variable declaration 226 | var error = false; 227 | var k_name = jQuery('#name').val(); 228 | var k_email = jQuery('#email').val(); 229 | var k_email = jQuery('#url').val(); 230 | var k_message = jQuery('#message').val(); 231 | 232 | 233 | /* Post Ajax function of jQuery to get all the data from the submission of the form as soon as the form sends the values to email.php*/ 234 | jQuery.post("email.php", jQuery(".wpcf7-form").serialize(),function(result){ 235 | //Check the result set from email.php file. 236 | if(result == 'sent'){ 237 | 238 | //If the email is sent successfully, remove the submit button 239 | //$('#name').remove(); 240 | //$('#email').remove(); 241 | //$('#subject').remove(); 242 | //$('#message').remove(); 243 | //$('#submit').remove(); 244 | 245 | $('.contact-message').html('
Your message has been sent.
').fadeIn(); 246 | } else { 247 | // $('.error-message').html('
Your message has not been sent
').fadeIn(); 248 | 249 | } 250 | }); 251 | 252 | }); 253 | 254 | 255 | 256 | 257 | 258 | -------------------------------------------------------------------------------- /assets/js/match-height.js: -------------------------------------------------------------------------------- 1 | 2 | /* 3 | * jquery-match-height 0.7.0 by @liabru 4 | * http://brm.io/jquery-match-height/ 5 | * License MIT 6 | */ 7 | !function(t){"use strict";"function"==typeof define&&define.amd?define(["jquery"],t):"undefined"!=typeof module&&module.exports?module.exports=t(require("jquery")):t(jQuery)}(function(t){var e=-1,o=-1,i=function(t){return parseFloat(t)||0},a=function(e){var o=1,a=t(e),n=null,r=[];return a.each(function(){var e=t(this),a=e.offset().top-i(e.css("margin-top")),s=r.length>0?r[r.length-1]:null;null===s?r.push(e):Math.floor(Math.abs(n-a))<=o?r[r.length-1]=s.add(e):r.push(e),n=a}),r},n=function(e){var o={ 8 | byRow:!0,property:"height",target:null,remove:!1};return"object"==typeof e?t.extend(o,e):("boolean"==typeof e?o.byRow=e:"remove"===e&&(o.remove=!0),o)},r=t.fn.matchHeight=function(e){var o=n(e);if(o.remove){var i=this;return this.css(o.property,""),t.each(r._groups,function(t,e){e.elements=e.elements.not(i)}),this}return this.length<=1&&!o.target?this:(r._groups.push({elements:this,options:o}),r._apply(this,o),this)};r.version="0.7.0",r._groups=[],r._throttle=80,r._maintainScroll=!1,r._beforeUpdate=null, 9 | r._afterUpdate=null,r._rows=a,r._parse=i,r._parseOptions=n,r._apply=function(e,o){var s=n(o),h=t(e),l=[h],c=t(window).scrollTop(),p=t("html").outerHeight(!0),d=h.parents().filter(":hidden");return d.each(function(){var e=t(this);e.data("style-cache",e.attr("style"))}),d.css("display","block"),s.byRow&&!s.target&&(h.each(function(){var e=t(this),o=e.css("display");"inline-block"!==o&&"flex"!==o&&"inline-flex"!==o&&(o="block"),e.data("style-cache",e.attr("style")),e.css({display:o,"padding-top":"0", 10 | "padding-bottom":"0","margin-top":"0","margin-bottom":"0","border-top-width":"0","border-bottom-width":"0",height:"100px",overflow:"hidden"})}),l=a(h),h.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||"")})),t.each(l,function(e,o){var a=t(o),n=0;if(s.target)n=s.target.outerHeight(!1);else{if(s.byRow&&a.length<=1)return void a.css(s.property,"");a.each(function(){var e=t(this),o=e.attr("style"),i=e.css("display");"inline-block"!==i&&"flex"!==i&&"inline-flex"!==i&&(i="block");var a={ 11 | display:i};a[s.property]="",e.css(a),e.outerHeight(!1)>n&&(n=e.outerHeight(!1)),o?e.attr("style",o):e.css("display","")})}a.each(function(){var e=t(this),o=0;s.target&&e.is(s.target)||("border-box"!==e.css("box-sizing")&&(o+=i(e.css("border-top-width"))+i(e.css("border-bottom-width")),o+=i(e.css("padding-top"))+i(e.css("padding-bottom"))),e.css(s.property,n-o+"px"))})}),d.each(function(){var e=t(this);e.attr("style",e.data("style-cache")||null)}),r._maintainScroll&&t(window).scrollTop(c/p*t("html").outerHeight(!0)), 12 | this},r._applyDataApi=function(){var e={};t("[data-match-height], [data-mh]").each(function(){var o=t(this),i=o.attr("data-mh")||o.attr("data-match-height");i in e?e[i]=e[i].add(o):e[i]=o}),t.each(e,function(){this.matchHeight(!0)})};var s=function(e){r._beforeUpdate&&r._beforeUpdate(e,r._groups),t.each(r._groups,function(){r._apply(this.elements,this.options)}),r._afterUpdate&&r._afterUpdate(e,r._groups)};r._update=function(i,a){if(a&&"resize"===a.type){var n=t(window).width();if(n===e)return;e=n; 13 | }i?-1===o&&(o=setTimeout(function(){s(a),o=-1},r._throttle)):s(a)},t(r._applyDataApi),t(window).bind("load",function(t){r._update(!1,t)}),t(window).bind("resize orientationchange",function(t){r._update(!0,t)})}); 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /assets/js/modernizr-2.8.3.min.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.8.3 (Custom Build) | MIT & BSD 2 | * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load 3 | */ 4 | ;window.Modernizr=function(a,b,c){function D(a){j.cssText=a}function E(a,b){return D(n.join(a+";")+(b||""))}function F(a,b){return typeof a===b}function G(a,b){return!!~(""+a).indexOf(b)}function H(a,b){for(var d in a){var e=a[d];if(!G(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function I(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:F(f,"function")?f.bind(d||b):f}return!1}function J(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return F(b,"string")||F(b,"undefined")?H(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),I(e,b,c))}function K(){e.input=function(c){for(var d=0,e=c.length;d',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b)&&c(b).matches||!1;var d;return y("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},A=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=F(e[d],"function"),F(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),B={}.hasOwnProperty,C;!F(B,"undefined")&&!F(B.call,"undefined")?C=function(a,b){return B.call(a,b)}:C=function(a,b){return b in a&&F(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return J("flexWrap")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!F(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!J("indexedDB",a)},s.hashchange=function(){return A("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return D("background-color:rgba(150,255,150,.5)"),G(j.backgroundColor,"rgba")},s.hsla=function(){return D("background-color:hsla(120,40%,100%,.5)"),G(j.backgroundColor,"rgba")||G(j.backgroundColor,"hsla")},s.multiplebgs=function(){return D("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return J("backgroundSize")},s.borderimage=function(){return J("borderImage")},s.borderradius=function(){return J("borderRadius")},s.boxshadow=function(){return J("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return E("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return J("animationName")},s.csscolumns=function(){return J("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return D((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),G(j.backgroundImage,"gradient")},s.cssreflections=function(){return J("boxReflect")},s.csstransforms=function(){return!!J("transform")},s.csstransforms3d=function(){var a=!!J("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return J("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var L in s)C(s,L)&&(x=L.toLowerCase(),e[x]=s[L](),v.push((e[x]?"":"no-")+x));return e.input||K(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)C(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},D(""),i=k=null,function(a,b){function l(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function m(){var a=s.elements;return typeof a=="string"?a.split(" "):a}function n(a){var b=j[a[h]];return b||(b={},i++,a[h]=i,j[i]=b),b}function o(a,c,d){c||(c=b);if(k)return c.createElement(a);d||(d=n(c));var g;return d.cache[a]?g=d.cache[a].cloneNode():f.test(a)?g=(d.cache[a]=d.createElem(a)).cloneNode():g=d.createElem(a),g.canHaveChildren&&!e.test(a)&&!g.tagUrn?d.frag.appendChild(g):g}function p(a,c){a||(a=b);if(k)return a.createDocumentFragment();c=c||n(a);var d=c.frag.cloneNode(),e=0,f=m(),g=f.length;for(;e",g="hidden"in a,k=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){g=!0,k=!0}})();var s={elements:d.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:c,shivCSS:d.shivCSS!==!1,supportsUnknownElements:k,shivMethods:d.shivMethods!==!1,type:"default",shivDocument:r,createElement:o,createDocumentFragment:p};a.html5=s,r(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=z,e.hasEvent=A,e.testProp=function(a){return H([a])},e.testAllProps=J,e.testStyles=y,e.prefixed=function(a,b,c){return b?J(a,b,c):J(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f 22 | 23 |
24 | 25 | 28 |

29 | ' . get_the_title() . '' 36 | ); 37 | } else { 38 | printf( // WPCS: XSS OK. 39 | /* translators: 1: comment count number, 2: title. */ 40 | esc_html( _nx( '%1$s thought on “%2$s”', '%1$s thoughts on “%2$s”', $comment_count, 'comments title', 'sadat_wp' ) ), 41 | number_format_i18n( $comment_count ), 42 | '' . get_the_title() . '' 43 | ); 44 | } 45 | ?> 46 |

47 | 48 | 49 | 50 |
    51 | 'ol', 54 | 'short_ping' => true, 55 | ) ); 56 | ?> 57 |
58 | 59 | 63 |

64 | 71 | 72 |
73 | -------------------------------------------------------------------------------- /footer.php: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /functions.php: -------------------------------------------------------------------------------- 1 | get( 'Name' )); 12 | define( 'SADAT_VER', wp_get_theme()->get( 'Version' )); 13 | define( 'SADAT_CSS', get_template_directory_uri().'/assets/css/'); 14 | define( 'SADAT_JS', get_template_directory_uri().'/assets/js/'); 15 | define( 'SADAT_PATH', get_template_directory_uri()); 16 | define( 'SADAT_THME_URI', get_template_directory()); 17 | define( 'AJAX_URL', esc_url_raw( admin_url('admin-ajax.php'))); 18 | 19 | // Include Files 20 | require SADAT_THME_URI . '/inc/enqueue-scripts.php'; 21 | require SADAT_THME_URI . '/inc/custom-header.php'; 22 | require SADAT_THME_URI . '/inc/template-tags.php'; 23 | require SADAT_THME_URI . '/inc/template-functions.php'; 24 | require SADAT_THME_URI . '/inc/customizer.php'; 25 | require SADAT_THME_URI . '/inc/api/api.php'; 26 | require SADAT_THME_URI . '/inc/api/post.php'; 27 | require SADAT_THME_URI . '/inc/api/menus.php'; 28 | if ( defined( 'JETPACK__VERSION' ) ) { require SADAT_THME_URI . '/inc/jetpack.php'; } 29 | 30 | 31 | // Hooks 32 | add_action( 'after_setup_theme', 'sadat_wp_setup' ); 33 | add_action( 'wp_enqueue_scripts', 'sadat_wp_scripts' ); 34 | add_action('rest_api_init', 'sadat_wp_rest_api_init'); 35 | add_filter( 'user_contactmethods', 'sadat_wp_add_to_author_profile', 10, 1); 36 | add_filter( 'rest_prepare_post', 'sadat_wp_next_previous_post', 10, 3 ); 37 | add_action( 'widgets_init', 'sadat_wp_widgets_init' ); 38 | add_action( 'after_setup_theme', 'sadat_wp_content_width', 0 ); 39 | add_filter( 'excerpt_length', 'sadat_wp_excerpt_length', 999 ); 40 | add_filter( 'excerpt_more', '__return_false' ); 41 | -------------------------------------------------------------------------------- /header.php: -------------------------------------------------------------------------------- 1 | 2 | > 3 | 4 | 5 | 6 | 7 | > 8 | -------------------------------------------------------------------------------- /images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/images/3.jpg -------------------------------------------------------------------------------- /images/ad.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/images/ad.jpg -------------------------------------------------------------------------------- /inc/api/api.php: -------------------------------------------------------------------------------- 1 | 'sadat_wp_get_additional_post_data', 8 | 'update_callback' => null, 9 | 'schema' => null 10 | ]); 11 | 12 | register_rest_route( 13 | 'sadat_wp/v1', 14 | 'menus', 15 | [ 16 | 'methods' => 'GET', 17 | 'callback' => 'sadat_wp_get_main_menu' 18 | ] 19 | ); 20 | 21 | register_rest_route( 22 | 'sadat_wp/v1', 23 | 'menus/(?P[a-zA-Z(-]+)', 24 | [ 25 | 'methods' => 'GET', 26 | 'callback' => 'sadat_wp_get_menu_data' 27 | ] 28 | ); 29 | 30 | // register_rest_route( 31 | // 'users', 32 | // '/me', 33 | // [ 34 | // 'methods' => 'GET', 35 | // 'callback' => function(WP_REST_Request $request) { 36 | // return wp_get_current_user(); 37 | // } 38 | // ] 39 | // ); 40 | 41 | 42 | } 43 | -------------------------------------------------------------------------------- /inc/api/menus.php: -------------------------------------------------------------------------------- 1 | $desc ) { 7 | $obj = new stdClass; 8 | $obj->slug = $slug; 9 | $obj->description = $desc; 10 | $menus[] = $obj; 11 | } 12 | 13 | return $menus; 14 | } 15 | 16 | 17 | function sadat_wp_get_menu_data( $data ){ 18 | // One Method by Menu ID 19 | //$menus = wp_get_nav_menu_object( $data['id'] ); 20 | 21 | // Another Method by Menu Location 22 | $menu_name = 'primary'; 23 | $locations = get_nav_menu_locations( $data['id'] ); 24 | $menu_id = $locations[ $menu_name ] ; 25 | $menus = wp_get_nav_menu_object($menu_id); 26 | $menu_items = wp_get_nav_menu_items( $menus->term_id ); 27 | 28 | return $menu_items; 29 | } -------------------------------------------------------------------------------- /inc/api/post.php: -------------------------------------------------------------------------------- 1 | data; 37 | 38 | 39 | //Thumbnails 40 | $thumbnail_id = get_post_thumbnail_id( $post->ID ); 41 | $thumbnail300x240 = wp_get_attachment_image_src ( $thumbnail_id, 'sadat-wp-home-thumb' ); 42 | $thumbnailMedium = wp_get_attachment_image_src ( $thumbnail_id, 'medium' ); 43 | $full = wp_get_attachment_image_src ( $thumbnail_id, 'full' ); 44 | 45 | // Next and Previous Post 46 | // $nextPost = get_adjacent_post( false, '', true ); 47 | // $nextPost = $nextPost->ID; 48 | // $previousPost = get_adjacent_post( false, '', false ); 49 | // $previousPost = $previousPost->ID; 50 | 51 | // Categories 52 | $cats = get_the_category( $post->ID ); 53 | 54 | $_data['sadat_sadat_wp_home_thumb'] = $thumbnail300x240[0]; 55 | $_data['sadat_medium'] = $thumbnailMedium[0]; 56 | $_data['sadat_full'] = $full[0]; 57 | $_data['cats'] = $cats; 58 | // $_data['next_post'] = $nextPost; 59 | // $_data['prev_post'] = $previousPost; 60 | $data->data = $_data; 61 | 62 | return $data; 63 | } -------------------------------------------------------------------------------- /inc/custom-header.php: -------------------------------------------------------------------------------- 1 | 8 | * 9 | * @link https://developer.wordpress.org/themes/functionality/custom-headers/ 10 | * 11 | * @package Sadat_WP 12 | */ 13 | 14 | /** 15 | * Set up the WordPress core custom header feature. 16 | * 17 | * @uses sadat_wp_header_style() 18 | */ 19 | function sadat_wp_custom_header_setup() { 20 | add_theme_support( 'custom-header', apply_filters( 'sadat_wp_custom_header_args', array( 21 | 'default-image' => '', 22 | 'default-text-color' => '000000', 23 | 'width' => 1000, 24 | 'height' => 250, 25 | 'flex-height' => true, 26 | 'wp-head-callback' => 'sadat_wp_header_style', 27 | ) ) ); 28 | } 29 | add_action( 'after_setup_theme', 'sadat_wp_custom_header_setup' ); 30 | 31 | if ( ! function_exists( 'sadat_wp_header_style' ) ) : 32 | /** 33 | * Styles the header image and text displayed on the blog. 34 | * 35 | * @see sadat_wp_custom_header_setup(). 36 | */ 37 | function sadat_wp_header_style() { 38 | $header_text_color = get_header_textcolor(); 39 | 40 | /* 41 | * If no custom options for text are set, let's bail. 42 | * get_header_textcolor() options: Any hex value, 'blank' to hide text. Default: add_theme_support( 'custom-header' ). 43 | */ 44 | if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) { 45 | return; 46 | } 47 | 48 | // If we get this far, we have custom styles. Let's do this. 49 | ?> 50 | 70 | get_setting( 'blogname' )->transport = 'postMessage'; 15 | $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; 16 | $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; 17 | 18 | if ( isset( $wp_customize->selective_refresh ) ) { 19 | $wp_customize->selective_refresh->add_partial( 'blogname', array( 20 | 'selector' => '.site-title a', 21 | 'render_callback' => 'sadat_wp_customize_partial_blogname', 22 | ) ); 23 | $wp_customize->selective_refresh->add_partial( 'blogdescription', array( 24 | 'selector' => '.site-description', 25 | 'render_callback' => 'sadat_wp_customize_partial_blogdescription', 26 | ) ); 27 | } 28 | 29 | 30 | //Footer Settings 31 | $wp_customize->add_section( 'footer_section' , array( 32 | 'title' => esc_html__( 'Footer Settings', 'sadat_wp' ), 33 | 'priority' => 30, 34 | ) ); 35 | 36 | //Footer Logo 37 | $wp_customize->add_setting('footer_logo', array( 38 | 'transport' => 'refresh', 39 | 'height' => 10, 40 | 'width' => 50, 41 | )); 42 | 43 | $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'customizer_setting_two_control', array( 44 | 'label' => __('Footer Logo', 'sadat_wp'), 45 | 'section' => 'footer_section', 46 | 'settings' => 'footer_logo', 47 | ))); 48 | 49 | //Copyright Section 50 | $wp_customize->add_setting( 'footer_copyright', array( 51 | 'default' => '© Sadat 2018 | Develpoed With Love by Jewel Theme' 52 | )); 53 | $wp_customize->add_setting( 'footer_url',array('sanitize_callback' => 'esc_url_raw')); 54 | 55 | $wp_customize->add_control( 'footer_copyright', 56 | array( 57 | 'label' => esc_html__( 'Copyright Text', 'sadat_wp' ), 58 | 'description' => esc_html__( 'Copyright Text and Credits', 'sadat_wp' ), 59 | 'section' => 'footer_section', 60 | 'settings' => 'footer_copyright', 61 | 'type' => 'textarea' 62 | ) 63 | ); 64 | 65 | 66 | //Social Icons 67 | // $wp_customize->add_section( 'social_section' , array( 68 | // 'title' => esc_html__( 'Social Settings', 'sadat_wp' ), 69 | // 'priority' => 30, 70 | // ) ); 71 | 72 | $wp_customize->add_setting( 'twitter',array( 73 | 'default' => 'https://twitter.com/jwthemeltd', 74 | 'sanitize_callback' => 'sanitize_text_field' 75 | )); 76 | $wp_customize->add_setting( 'instagram',array( 77 | 'sanitize_callback' => 'sanitize_text_field', 78 | 'default' => '#' 79 | )); 80 | $wp_customize->add_setting( 'pinterest',array( 81 | 'sanitize_callback' => 'sanitize_text_field', 82 | 'default' => '#' 83 | )); 84 | $wp_customize->add_setting( 'facebook',array( 85 | 'sanitize_callback' => 'sanitize_text_field', 86 | 'default' => 'https://www.facebook.com/jwthemeltd/' 87 | )); 88 | 89 | 90 | $wp_customize->add_control( 'twitter', 91 | array( 92 | 'label' => esc_html__( 'Twitter Username', 'sadat_wp' ), 93 | 'section' => 'footer_section', 94 | 'settings' => 'twitter', 95 | 'type' => 'text' 96 | ) 97 | ); 98 | 99 | $wp_customize->add_control( 'instagram', 100 | array( 101 | 'label' => esc_html__( 'Instagram Username', 'sadat_wp' ), 102 | 'section' => 'footer_section', 103 | 'settings' => 'instagram', 104 | 'type' => 'text' 105 | ) 106 | ); 107 | 108 | $wp_customize->add_control( 'facebook', 109 | array( 110 | 'label' => esc_html__( 'Facebook Username', 'sadat_wp' ), 111 | 'section' => 'footer_section', 112 | 'settings' => 'facebook', 113 | 'type' => 'text' 114 | ) 115 | ); 116 | 117 | $wp_customize->add_control( 'pinterest', 118 | array( 119 | 'label' => esc_html__( 'Pinterest Username', 'sadat_wp' ), 120 | 'section' => 'footer_section', 121 | 'settings' => 'pinterest', 122 | 'type' => 'text' 123 | ) 124 | ); 125 | 126 | 127 | } 128 | add_action( 'customize_register', 'sadat_wp_customize_register' ); 129 | 130 | /** 131 | * Render the site title for the selective refresh partial. 132 | * 133 | * @return void 134 | */ 135 | function sadat_wp_customize_partial_blogname() { 136 | bloginfo( 'name' ); 137 | } 138 | 139 | /** 140 | * Render the site tagline for the selective refresh partial. 141 | * 142 | * @return void 143 | */ 144 | function sadat_wp_customize_partial_blogdescription() { 145 | bloginfo( 'description' ); 146 | } 147 | 148 | /** 149 | * Binds JS handlers to make Theme Customizer preview reload changes asynchronously. 150 | */ 151 | function sadat_wp_customize_preview_js() { 152 | wp_enqueue_script( 'sadat_wp-customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20151215', true ); 153 | } 154 | add_action( 'customize_preview_init', 'sadat_wp_customize_preview_js' ); 155 | -------------------------------------------------------------------------------- /inc/enqueue-scripts.php: -------------------------------------------------------------------------------- 1 | rest_url('/wp/v2/'), 49 | 'sadat_url' => rest_url('/sadat_wp/v1/'), 50 | 'site_name' => get_bloginfo('name'), 51 | 'image_url' => SADAT_PATH, 52 | 'user_logged_in' => is_user_logged_in(), 53 | //'actual_link' => (isset($_SERVER['HTTPS']) ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]", 54 | 'actual_link' => $actual_base_link ? $actual_base_link . '/' : '/', 55 | 'nonce' => wp_create_nonce( 'wp_rest' ), 56 | 57 | 'custom_logo' => wp_get_attachment_image_src( get_theme_mod( 'custom_logo' ) , 'full' ), 58 | 'footer_copyright' => get_theme_mod('footer_copyright'), 59 | 'twitter' => get_theme_mod('twitter'), 60 | 'instagram' => get_theme_mod('instagram'), 61 | 'pinterest' => get_theme_mod('pinterest'), 62 | 'facebook' => get_theme_mod('facebook'), 63 | 'footer_logo' => get_theme_mod('footer_logo'), 64 | ]); 65 | 66 | if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { 67 | wp_enqueue_script( 'comment-reply' ); 68 | } 69 | } 70 | -------------------------------------------------------------------------------- /inc/jetpack.php: -------------------------------------------------------------------------------- 1 | 'main', 21 | 'render' => 'sadat_wp_infinite_scroll_render', 22 | 'footer' => 'page', 23 | ) ); 24 | 25 | // Add theme support for Responsive Videos. 26 | add_theme_support( 'jetpack-responsive-videos' ); 27 | 28 | // Add theme support for Content Options. 29 | add_theme_support( 'jetpack-content-options', array( 30 | 'post-details' => array( 31 | 'stylesheet' => 'sadat_wp-style', 32 | 'date' => '.posted-on', 33 | 'categories' => '.cat-links', 34 | 'tags' => '.tags-links', 35 | 'author' => '.byline', 36 | 'comment' => '.comments-link', 37 | ), 38 | 'featured-images' => array( 39 | 'archive' => true, 40 | 'post' => true, 41 | 'page' => true, 42 | ), 43 | ) ); 44 | } 45 | add_action( 'after_setup_theme', 'sadat_wp_jetpack_setup' ); 46 | 47 | /** 48 | * Custom render function for Infinite Scroll. 49 | */ 50 | function sadat_wp_infinite_scroll_render() { 51 | while ( have_posts() ) { 52 | the_post(); 53 | if ( is_search() ) : 54 | get_template_part( 'template-parts/content', 'search' ); 55 | else : 56 | get_template_part( 'template-parts/content', get_post_format() ); 57 | endif; 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /inc/template-functions.php: -------------------------------------------------------------------------------- 1 | '; 30 | } 31 | } 32 | add_action( 'wp_head', 'sadat_wp_pingback_header' ); 33 | 34 | 35 | 36 | 37 | if ( ! function_exists( 'sadat_wp_setup' ) ) { 38 | /** 39 | * Sets up theme defaults and registers support for various WordPress features. 40 | * 41 | * Note that this function is hooked into the after_setup_theme hook, which 42 | * runs before the init hook. The init hook is too late for some features, such 43 | * as indicating support for post thumbnails. 44 | */ 45 | function sadat_wp_setup() { 46 | /* 47 | * Make theme available for translation. 48 | * Translations can be filed in the /languages/ directory. 49 | * If you're building a theme based on Sadat WP, use a find and replace 50 | * to change 'sadat_wp' to the name of your theme in all the template files. 51 | */ 52 | load_theme_textdomain( 'sadat_wp', get_template_directory() . '/languages' ); 53 | 54 | // Add default posts and comments RSS feed links to head. 55 | add_theme_support( 'automatic-feed-links' ); 56 | 57 | /* 58 | * Let WordPress manage the document title. 59 | * By adding theme support, we declare that this theme does not use a 60 | * hard-coded tag in the document head, and expect WordPress to 61 | * provide it for us. 62 | */ 63 | add_theme_support( 'title-tag' ); 64 | 65 | /* 66 | * Enable support for Post Thumbnails on posts and pages. 67 | * 68 | * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/ 69 | */ 70 | add_theme_support( 'post-thumbnails' ); 71 | add_image_size( 'sadat-wp-home-thumb', '300', '240', true ); 72 | 73 | // This theme uses wp_nav_menu() in one location. 74 | register_nav_menus( array( 75 | 'primary' => esc_html__( 'Main Menu', 'sadat_wp' ), 76 | ) ); 77 | 78 | /* 79 | * Switch default core markup for search form, comment form, and comments 80 | * to output valid HTML5. 81 | */ 82 | add_theme_support( 'html5', array( 'search-form', 'comment-form', 'comment-list', 'gallery', 'caption') ); 83 | 84 | // Set up the WordPress core custom background feature. 85 | add_theme_support( 'custom-background', apply_filters( 'sadat_wp_custom_background_args', array( 86 | 'default-color' => 'ffffff', 87 | 'default-image' => '', 88 | ) ) ); 89 | 90 | // Add theme support for selective refresh for widgets. 91 | add_theme_support( 'customize-selective-refresh-widgets' ); 92 | 93 | /** 94 | * Add support for core custom logo. 95 | * 96 | * @link https://codex.wordpress.org/Theme_Logo 97 | */ 98 | add_theme_support( 'custom-logo', array( 99 | 'height' => 44, 100 | 'width' => 206, 101 | 'flex-width' => true, 102 | 'flex-height' => true, 103 | ) ); 104 | } 105 | } 106 | 107 | /* Change Excerpt length */ 108 | function sadat_wp_excerpt_length( $length ) { 109 | return 30; 110 | } -------------------------------------------------------------------------------- /inc/template-tags.php: -------------------------------------------------------------------------------- 1 | <?php 2 | /** 3 | * Custom template tags for this theme 4 | * 5 | * Eventually, some of the functionality here could be replaced by core features. 6 | * 7 | * @package Sadat_WP 8 | */ 9 | 10 | if ( ! function_exists( 'sadat_wp_posted_on' ) ) : 11 | /** 12 | * Prints HTML with meta information for the current post-date/time. 13 | */ 14 | function sadat_wp_posted_on() { 15 | $time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>'; 16 | if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) { 17 | $time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>'; 18 | } 19 | 20 | $time_string = sprintf( $time_string, 21 | esc_attr( get_the_date( 'c' ) ), 22 | esc_html( get_the_date() ), 23 | esc_attr( get_the_modified_date( 'c' ) ), 24 | esc_html( get_the_modified_date() ) 25 | ); 26 | 27 | $posted_on = sprintf( 28 | /* translators: %s: post date. */ 29 | esc_html_x( 'Posted on %s', 'post date', 'sadat_wp' ), 30 | '<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>' 31 | ); 32 | 33 | echo '<span class="posted-on">' . $posted_on . '</span>'; // WPCS: XSS OK. 34 | 35 | } 36 | endif; 37 | 38 | if ( ! function_exists( 'sadat_wp_posted_by' ) ) : 39 | /** 40 | * Prints HTML with meta information for the current author. 41 | */ 42 | function sadat_wp_posted_by() { 43 | $byline = sprintf( 44 | /* translators: %s: post author. */ 45 | esc_html_x( 'by %s', 'post author', 'sadat_wp' ), 46 | '<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a></span>' 47 | ); 48 | 49 | echo '<span class="byline"> ' . $byline . '</span>'; // WPCS: XSS OK. 50 | 51 | } 52 | endif; 53 | 54 | if ( ! function_exists( 'sadat_wp_entry_footer' ) ) : 55 | /** 56 | * Prints HTML with meta information for the categories, tags and comments. 57 | */ 58 | function sadat_wp_entry_footer() { 59 | // Hide category and tag text for pages. 60 | if ( 'post' === get_post_type() ) { 61 | /* translators: used between list items, there is a space after the comma */ 62 | $categories_list = get_the_category_list( esc_html__( ', ', 'sadat_wp' ) ); 63 | if ( $categories_list ) { 64 | /* translators: 1: list of categories. */ 65 | printf( '<span class="cat-links">' . esc_html__( 'Posted in %1$s', 'sadat_wp' ) . '</span>', $categories_list ); // WPCS: XSS OK. 66 | } 67 | 68 | /* translators: used between list items, there is a space after the comma */ 69 | $tags_list = get_the_tag_list( '', esc_html_x( ', ', 'list item separator', 'sadat_wp' ) ); 70 | if ( $tags_list ) { 71 | /* translators: 1: list of tags. */ 72 | printf( '<span class="tags-links">' . esc_html__( 'Tagged %1$s', 'sadat_wp' ) . '</span>', $tags_list ); // WPCS: XSS OK. 73 | } 74 | } 75 | 76 | if ( ! is_single() && ! post_password_required() && ( comments_open() || get_comments_number() ) ) { 77 | echo '<span class="comments-link">'; 78 | comments_popup_link( 79 | sprintf( 80 | wp_kses( 81 | /* translators: %s: post title */ 82 | __( 'Leave a Comment<span class="screen-reader-text"> on %s</span>', 'sadat_wp' ), 83 | array( 84 | 'span' => array( 85 | 'class' => array(), 86 | ), 87 | ) 88 | ), 89 | get_the_title() 90 | ) 91 | ); 92 | echo '</span>'; 93 | } 94 | 95 | edit_post_link( 96 | sprintf( 97 | wp_kses( 98 | /* translators: %s: Name of current post. Only visible to screen readers */ 99 | __( 'Edit <span class="screen-reader-text">%s</span>', 'sadat_wp' ), 100 | array( 101 | 'span' => array( 102 | 'class' => array(), 103 | ), 104 | ) 105 | ), 106 | get_the_title() 107 | ), 108 | '<span class="edit-link">', 109 | '</span>' 110 | ); 111 | } 112 | endif; 113 | 114 | if ( ! function_exists( 'sadat_wp_post_thumbnail' ) ) : 115 | /** 116 | * Displays an optional post thumbnail. 117 | * 118 | * Wraps the post thumbnail in an anchor element on index views, or a div 119 | * element when on single views. 120 | */ 121 | function sadat_wp_post_thumbnail() { 122 | if ( post_password_required() || is_attachment() || ! has_post_thumbnail() ) { 123 | return; 124 | } 125 | 126 | if ( is_singular() ) : 127 | ?> 128 | 129 | <div class="post-thumbnail"> 130 | <?php the_post_thumbnail(); ?> 131 | </div><!-- .post-thumbnail --> 132 | 133 | <?php else : ?> 134 | 135 | <a class="post-thumbnail" href="<?php the_permalink(); ?>" aria-hidden="true"> 136 | <?php 137 | the_post_thumbnail( 'post-thumbnail', array( 138 | 'alt' => the_title_attribute( array( 139 | 'echo' => false, 140 | ) ), 141 | ) ); 142 | ?> 143 | </a> 144 | 145 | <?php endif; // End is_singular(). 146 | } 147 | endif; 148 | 149 | 150 | /*=================================================================================== 151 | * Add Author Links 152 | * =================================================================================*/ 153 | function sadat_wp_add_to_author_profile( $contactmethods ) { 154 | 155 | $contactmethods['facebook_profile'] = esc_html__( 'Facebook Profile URL', 'sadat_wp' ); 156 | $contactmethods['twitter_profile'] = esc_html__( 'Twitter Profile URL', 'sadat_wp' ); 157 | $contactmethods['google_profile'] = esc_html__( 'Google Profile URL', 'sadat_wp' ); 158 | $contactmethods['pinterest_profile'] = esc_html__( 'Pinterest Profile URL', 'sadat_wp' ); 159 | $contactmethods['instagram_profile'] = esc_html__( 'Instagram Profile URL', 'sadat_wp' ); 160 | 161 | return $contactmethods; 162 | } 163 | 164 | 165 | /** 166 | * Register widget area. 167 | * 168 | * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar 169 | */ 170 | function sadat_wp_widgets_init() { 171 | register_sidebar( array( 172 | 'name' => esc_html__( 'Blog Sidebar', 'sadat_wp' ), 173 | 'id' => 'blog-sidebar', 174 | 'description' => esc_html__( 'Add widgets here.', 'sadat_wp' ), 175 | 'before_widget' => '<section id="%1$s" class="widget %2$s">', 176 | 'after_widget' => '</section>', 177 | 'before_title' => '<h2 class="widget-title">', 178 | 'after_title' => '</h2>', 179 | ) ); 180 | } 181 | 182 | /** 183 | * Set the content width in pixels, based on the theme's design and stylesheet. 184 | * 185 | * Priority 0 to make it available to lower priority callbacks. 186 | * 187 | * @global int $content_width 188 | */ 189 | function sadat_wp_content_width() { 190 | $GLOBALS['content_width'] = apply_filters( 'sadat_wp_content_width', 1200 ); 191 | } 192 | 193 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | <?php get_header();?> 2 | <div id="app"></div> 3 | <?php get_footer();?> -------------------------------------------------------------------------------- /languages/readme.txt: -------------------------------------------------------------------------------- 1 | Place your theme language files in this directory. 2 | 3 | Please visit the following links to learn more about translating WordPress themes: 4 | 5 | https://make.wordpress.org/polyglots/teams/ 6 | https://developer.wordpress.org/themes/functionality/localization/ 7 | https://developer.wordpress.org/reference/functions/load_theme_textdomain/ 8 | -------------------------------------------------------------------------------- /languages/sadat_wp.pot: -------------------------------------------------------------------------------- 1 | # Copyright (C) 2017 Automattic 2 | # This file is distributed under the GNU General Public License v2 or later. 3 | msgid "" 4 | msgstr "" 5 | "Project-Id-Version: _s 1.0.0\n" 6 | "Report-Msgid-Bugs-To: https://wordpress.org/tags/_s\n" 7 | "POT-Creation-Date: 2016-12-23 16:00+0100\n" 8 | "MIME-Version: 1.0\n" 9 | "Content-Type: text/plain; charset=UTF-8\n" 10 | "Content-Transfer-Encoding: 8bit\n" 11 | "PO-Revision-Date: 2017-MO-DA HO:MI+ZONE\n" 12 | "Last-Translator:\n" 13 | "Language-Team: LANGUAGE <LL@li.org>\n" 14 | "X-Generator: grunt-wp-i18n 0.5.4\n" 15 | 16 | #: 404.php:17 17 | msgid "Oops! That page can’t be found." 18 | msgstr "" 19 | 20 | #: 404.php:21 21 | msgid "" 22 | "It looks like nothing was found at this location. Maybe try one of the " 23 | "links below or a search?" 24 | msgstr "" 25 | 26 | #: 404.php:30 27 | msgid "Most Used Categories" 28 | msgstr "" 29 | 30 | #: 404.php:47 31 | #. translators: %1$s: smiley 32 | msgid "Try looking in the monthly archives. %1$s" 33 | msgstr "" 34 | 35 | #: comments.php:34 36 | #. translators: 1: title. 37 | msgid "One thought on “%1$s”" 38 | msgstr "" 39 | 40 | #: comments.php:67 41 | msgid "Comments are closed." 42 | msgstr "" 43 | 44 | #: footer.php:18 45 | msgid "https://wordpress.org/" 46 | msgstr "" 47 | 48 | #: footer.php:20 49 | #. translators: %s: CMS name, i.e. WordPress. 50 | msgid "Proudly powered by %s" 51 | msgstr "" 52 | 53 | #: footer.php:25 54 | #. translators: 1: Theme name, 2: Theme author. 55 | msgid "Theme: %1$s by %2$s." 56 | msgstr "" 57 | 58 | #: functions.php:47 59 | msgid "Primary" 60 | msgstr "" 61 | 62 | #: functions.php:105 63 | msgid "Sidebar" 64 | msgstr "" 65 | 66 | #: functions.php:107 67 | msgid "Add widgets here." 68 | msgstr "" 69 | 70 | #: header.php:24 71 | msgid "Skip to content" 72 | msgstr "" 73 | 74 | #: header.php:45 75 | msgid "Primary Menu" 76 | msgstr "" 77 | 78 | #: inc/template-tags.php:52 79 | #. translators: used between list items, there is a space after the comma 80 | msgid ", " 81 | msgstr "" 82 | 83 | #: inc/template-tags.php:55 84 | #. translators: 1: list of categories. 85 | msgid "Posted in %1$s" 86 | msgstr "" 87 | 88 | #: inc/template-tags.php:62 89 | #. translators: 1: list of tags. 90 | msgid "Tagged %1$s" 91 | msgstr "" 92 | 93 | #: inc/template-tags.php:72 94 | #. translators: %s: post title 95 | msgid "Leave a Comment<span class=\"screen-reader-text\"> on %s</span>" 96 | msgstr "" 97 | 98 | #: inc/template-tags.php:89 template-parts/content-page.php:35 99 | #. translators: %s: Name of current post. Only visible to screen readers 100 | msgid "Edit <span class=\"screen-reader-text\">%s</span>" 101 | msgstr "" 102 | 103 | #: search.php:21 104 | #. translators: %s: search query. 105 | msgid "Search Results for: %s" 106 | msgstr "" 107 | 108 | #: template-parts/content-none.php:14 109 | msgid "Nothing Found" 110 | msgstr "" 111 | 112 | #: template-parts/content-none.php:25 113 | #. translators: 1: link to WP admin new post page. 114 | msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>." 115 | msgstr "" 116 | 117 | #: template-parts/content-none.php:38 118 | msgid "" 119 | "Sorry, but nothing matched your search terms. Please try again with some " 120 | "different keywords." 121 | msgstr "" 122 | 123 | #: template-parts/content-none.php:44 124 | msgid "" 125 | "It seems we can’t find what you’re looking for. Perhaps " 126 | "searching can help." 127 | msgstr "" 128 | 129 | #: template-parts/content-page.php:22 template-parts/content.php:45 130 | msgid "Pages:" 131 | msgstr "" 132 | 133 | #: template-parts/content.php:34 134 | #. translators: %s: Name of current post. Only visible to screen readers 135 | msgid "Continue reading<span class=\"screen-reader-text\"> \"%s\"</span>" 136 | msgstr "" 137 | 138 | #. Theme Name of the plugin/theme 139 | msgid "_s" 140 | msgstr "" 141 | 142 | #. Theme URI of the plugin/theme 143 | msgid "https://underscores.me/" 144 | msgstr "" 145 | 146 | #. Description of the plugin/theme 147 | msgid "" 148 | "Hi. I'm a starter theme called <code>_s</code>, or <em>underscores</em>, if " 149 | "you like. I'm a theme meant for hacking so don't use me as a <em>Parent " 150 | "Theme</em>. Instead try turning me into the next, most awesome, WordPress " 151 | "theme out there. That's what I'm here for." 152 | msgstr "" 153 | 154 | #. Author of the plugin/theme 155 | msgid "Automattic" 156 | msgstr "" 157 | 158 | #. Author URI of the plugin/theme 159 | msgid "https://automattic.com/" 160 | msgstr "" 161 | 162 | #: comments.php:40 163 | #. translators: 1: comment count number, 2: title. 164 | msgctxt "comments title" 165 | msgid "%1$s thought on “%2$s”" 166 | msgid_plural "%1$s thoughts on “%2$s”" 167 | msgstr[0] "" 168 | msgstr[1] "" 169 | 170 | #: inc/template-tags.php:29 171 | #. translators: %s: post date. 172 | msgctxt "post date" 173 | msgid "Posted on %s" 174 | msgstr "" 175 | 176 | #: inc/template-tags.php:35 177 | #. translators: %s: post author. 178 | msgctxt "post author" 179 | msgid "by %s" 180 | msgstr "" 181 | 182 | #: inc/template-tags.php:59 183 | #. translators: used between list items, there is a space after the comma 184 | msgctxt "list item separator" 185 | msgid ", " 186 | msgstr "" 187 | -------------------------------------------------------------------------------- /layouts/content-sidebar.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Theme Name: Sadat WP 3 | * 4 | * Layout: Content-Sidebar 5 | * 6 | * Learn more: https://developer.wordpress.org/themes/basics/template-files/ 7 | */ 8 | 9 | .content-area { 10 | float: left; 11 | margin: 0 -25% 0 0; 12 | width: 100%; 13 | } 14 | .site-main { 15 | margin: 0 25% 0 0; 16 | } 17 | .site-content .widget-area { 18 | float: right; 19 | overflow: hidden; 20 | width: 25%; 21 | } 22 | .site-footer { 23 | clear: both; 24 | width: 100%; 25 | } 26 | -------------------------------------------------------------------------------- /layouts/sidebar-content.css: -------------------------------------------------------------------------------- 1 | /* 2 | * Theme Name: Sadat WP 3 | * 4 | * Layout: Sidebar-Content 5 | * 6 | * Learn more: https://developer.wordpress.org/themes/basics/template-files/ 7 | */ 8 | 9 | .content-area { 10 | float: right; 11 | margin: 0 0 0 -25%; 12 | width: 100%; 13 | } 14 | .site-main { 15 | margin: 0 0 0 25%; 16 | } 17 | .site-content .widget-area { 18 | float: left; 19 | overflow: hidden; 20 | width: 25%; 21 | } 22 | .site-footer { 23 | clear: both; 24 | width: 100%; 25 | } 26 | -------------------------------------------------------------------------------- /pull-request: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | ## Sadat - Vue.js WordPress Theme 2 | Sadat A Single Page WordPress Starter Theme that build with Vue JS and WordPress Rest API. Say goodbye to page loading. Super fast loading speed which always loved by audiences. Single-Page Applications are Web apps that load a single HTML page and dynamically update that page as the user interacts with the app. JavaScript frameworks like AngularJS, Ember.js, Meteor.js, ExtJS and React have adopted SPA principles. 3 | ![Vue.js WordPress Theme](https://jeweltheme.com/wp-content/uploads/2018/03/Vuejs-WordPress-Theme.jpg) 4 | 5 | [![Do you have Custom Web Application Project or Jobs?](https://jeweltheme.com/wp-content/uploads/2019/04/custom-project-job.jpg)](https://vuejsadmin.com/custom-project/) 6 | 7 | **Features at a glance:** 8 | 9 | - **[Vue.js](https://vuejs.org)**: One of the progressive Javascript open source Framework. It's easy to handle Web Apps based on Javascript with Vue. 10 | - **[Moment.js](https://momentjs.com/) Integrated**: Moment.js is a Javascript Plugin that collaborate to display Dates and Times. 11 | - **[Vue Resource](https://github.com/pagekit/vue-resource)**: It's a plugin made for a special purpose for Vue. It will become your supporter for making web requests using a XMLHttpRequest. 12 | - **[Vue Router](https://router.vuejs.org/en/)**: This plugin handle all component for Vue JS. In Sadat Theme we have build several component like Header, Footer, Post, Page, Author. It accomplished the SPA (Single Page Application) for Vue. 13 | - **[Babel](https://babeljs.io/)**: Babel is a Javascript compiler. In brief, it allows you to use language features “*from the future*”. 14 | *For example we can take a look at the following function:* 15 | 16 | let myFunction = () => { 17 | console.log("This Theme is awesome!"); 18 | }; 19 | 20 | the function above would get compiled to: 21 | 22 | var myFunction = function() { 23 | console.log("This Theme is awesome!"); 24 | }; 25 | 26 | - **Webpack**: [Webpack](https://webpack.js.org/) is an Open Source static module bundler. It takes [modules](https://webpack.js.org/concepts/modules/) from dependencies and bundles all static assets those representing those modules. The main reason for using Webpack is modular approach for Developers building any Web Applications. 27 | 28 | While webpack process Developed App, builds a dependency graph that includes every module for application needs. It has four core [concepts](https://webpack.js.org/concepts/): 29 | 30 | 1. Entry 31 | 2. Output 32 | 3. Loaders 33 | 4. Plugins 34 | 35 | This bundler used command line and the configuration filename webpack.config.js. 36 | 37 | [Node.js](https://nodejs.org/) is required for Installing Webpack. Webpack can be extensible by use of loaders. Using loaders allow developers to write their own custom tasks when they want to perform bundling files together. 38 | 39 | ### You’ll find a filename package.json 40 | Webpack build file command is npm run build or yarn run build 41 | 42 | “scripts”: { 43 | //npm run build to build production bundles 44 | “build”: “webpack --config webpack.config.prod.js”, 45 | //npm run dev to generate development bundles and run dev.server 46 | “dev”: “webpack-dev-server” 47 | } 48 | 49 | Learn more about [Webpack Configuration](https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9) and features. 50 | 51 | - **REST API**: REST stands for [Representational State Transfer](https://en.wikipedia.org/wiki/Representational_state_transfer). It’s a way of methodology let programs talk to each other. 52 | 53 | Take a look WordPress’s declaration about JSON and WordPress REST API 54 | 55 | > The WordPress REST API provides API endpoints for WordPress data 56 | > types that allow developers to interact with sites remotely by sending 57 | > and receiving [JSON](https://en.wikipedia.org/wiki/JSON) (JavaScript 58 | > Object Notation) objects. JSON is an open standard data format that is 59 | > lightweight and human-readable, and looks like Objects do in 60 | > JavaScript; hence the name. When you send content to or make a request 61 | > to the API, the response will be returned in JSON. This enables 62 | > developers to create, read and update WordPress content from 63 | > client-side JavaScript or from external applications, even those 64 | > written in languages beyond PHP. 65 | 66 | ### REST API has four five Concepts: 67 | 68 | 1. Routes/Endpoints 69 | 2. Requests 70 | 3. Responses 71 | 4. Schema 72 | 5. Controller Classes 73 | 74 | **REST API Endpoint References for Developers** 75 | 76 | The REST API allows data can be accessible publicly for any client who is anonymous. You can retrieve private data also by [authentication](https://developer.wordpress.org/rest-api/using-the-rest-api/authentication/). 77 | 78 | Endpoints are: Posts, Post Revisions, Categories, Tags, Pages, Comments, Media, Taxonomies, Users, Post Types, Post Statuses, Settings etc. 79 | 80 | **Details about Single Page Application** 81 | 82 | SPA getting popularity for both backend and front end Development. [Basix Admin](https://themeforest.net/item/basix-admin-vuejs-bootstrap-admin-dashboard-template/20838455) is a great example for SPA Backend Development [demo](http://vuejsadmin.com/). In Single Page App all visual page or item managed with components. Vue Router manage all of the components. The system loads all data at the first time. Than it’s just grab components and preview it on browser. 83 | 84 | **Getting started:** It's easy to get started with the Starter Theme. Download the Zip Package and install it regular basis. 85 | 86 | **Installation Guide**: Go to Website Dashboard>Appearance>Themes>Add New>Upload the Zip Package. 87 | -------------------------------------------------------------------------------- /rtl.css: -------------------------------------------------------------------------------- 1 | /* 2 | Theme Name: Sadat WP 3 | 4 | Adding support for languages written in a Right To Left (RTL) direction is easy - 5 | it's just a matter of overwriting all the horizontal positioning attributes 6 | of your CSS stylesheet in a separate stylesheet file named rtl.css. 7 | 8 | https://codex.wordpress.org/Right-to-Left_Language_Support 9 | 10 | */ 11 | 12 | /* 13 | body { 14 | direction: rtl; 15 | unicode-bidi: embed; 16 | } 17 | */ 18 | -------------------------------------------------------------------------------- /sass/_normalize.scss: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: sans-serif; 3 | -webkit-text-size-adjust: 100%; 4 | -ms-text-size-adjust: 100%; 5 | } 6 | 7 | body { 8 | margin: 0; 9 | } 10 | 11 | article, 12 | aside, 13 | details, 14 | figcaption, 15 | figure, 16 | footer, 17 | header, 18 | main, 19 | menu, 20 | nav, 21 | section, 22 | summary { 23 | display: block; 24 | } 25 | 26 | audio, 27 | canvas, 28 | progress, 29 | video { 30 | display: inline-block; 31 | vertical-align: baseline; 32 | } 33 | 34 | audio:not([controls]) { 35 | display: none; 36 | height: 0; 37 | } 38 | 39 | [hidden], 40 | template { 41 | display: none; 42 | } 43 | 44 | a { 45 | background-color: transparent; 46 | } 47 | 48 | a:active, 49 | a:hover { 50 | outline: 0; 51 | } 52 | 53 | abbr[title] { 54 | border-bottom: 1px dotted; 55 | } 56 | 57 | b, 58 | strong { 59 | font-weight: bold; 60 | } 61 | 62 | dfn { 63 | font-style: italic; 64 | } 65 | 66 | h1 { 67 | font-size: 2em; 68 | margin: 0.67em 0; 69 | } 70 | 71 | mark { 72 | background: #ff0; 73 | color: #000; 74 | } 75 | 76 | small { 77 | font-size: 80%; 78 | } 79 | 80 | sub, 81 | sup { 82 | font-size: 75%; 83 | line-height: 0; 84 | position: relative; 85 | vertical-align: baseline; 86 | } 87 | 88 | sup { 89 | top: -0.5em; 90 | } 91 | 92 | sub { 93 | bottom: -0.25em; 94 | } 95 | 96 | img { 97 | border: 0; 98 | } 99 | 100 | svg:not(:root) { 101 | overflow: hidden; 102 | } 103 | 104 | figure { 105 | margin: 1em 40px; 106 | } 107 | 108 | hr { 109 | box-sizing: content-box; 110 | height: 0; 111 | } 112 | 113 | pre { 114 | overflow: auto; 115 | } 116 | 117 | code, 118 | kbd, 119 | pre, 120 | samp { 121 | font-family: monospace, monospace; 122 | font-size: 1em; 123 | } 124 | 125 | button, 126 | input, 127 | optgroup, 128 | select, 129 | textarea { 130 | color: inherit; 131 | font: inherit; 132 | margin: 0; 133 | } 134 | 135 | button { 136 | overflow: visible; 137 | } 138 | 139 | button, 140 | select { 141 | text-transform: none; 142 | } 143 | 144 | button, 145 | html input[type="button"], 146 | input[type="reset"], 147 | input[type="submit"] { 148 | -webkit-appearance: button; 149 | cursor: pointer; 150 | } 151 | 152 | button[disabled], 153 | html input[disabled] { 154 | cursor: default; 155 | } 156 | 157 | button::-moz-focus-inner, 158 | input::-moz-focus-inner { 159 | border: 0; 160 | padding: 0; 161 | } 162 | 163 | input { 164 | line-height: normal; 165 | } 166 | 167 | input[type="checkbox"], 168 | input[type="radio"] { 169 | box-sizing: border-box; 170 | padding: 0; 171 | } 172 | 173 | input[type="number"]::-webkit-inner-spin-button, 174 | input[type="number"]::-webkit-outer-spin-button { 175 | height: auto; 176 | } 177 | 178 | input[type="search"]::-webkit-search-cancel-button, 179 | input[type="search"]::-webkit-search-decoration { 180 | -webkit-appearance: none; 181 | } 182 | 183 | fieldset { 184 | border: 1px solid #c0c0c0; 185 | margin: 0 2px; 186 | padding: 0.35em 0.625em 0.75em; 187 | } 188 | 189 | legend { 190 | border: 0; 191 | padding: 0; 192 | } 193 | 194 | textarea { 195 | overflow: auto; 196 | } 197 | 198 | optgroup { 199 | font-weight: bold; 200 | } 201 | 202 | table { 203 | border-collapse: collapse; 204 | border-spacing: 0; 205 | } 206 | 207 | td, 208 | th { 209 | padding: 0; 210 | } 211 | -------------------------------------------------------------------------------- /sass/elements/_elements.scss: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box; 3 | } 4 | 5 | *, 6 | *:before, 7 | *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 8 | box-sizing: inherit; 9 | } 10 | 11 | body { 12 | background: $color__background-body; /* Fallback for when there is no custom background color defined. */ 13 | } 14 | 15 | hr { 16 | background-color: $color__background-hr; 17 | border: 0; 18 | height: 1px; 19 | margin-bottom: 1.5em; 20 | } 21 | 22 | @import "lists"; 23 | 24 | img { 25 | height: auto; /* Make sure images are scaled correctly. */ 26 | max-width: 100%; /* Adhere to container width. */ 27 | } 28 | 29 | figure { 30 | margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ 31 | } 32 | 33 | @import "tables"; 34 | -------------------------------------------------------------------------------- /sass/elements/_lists.scss: -------------------------------------------------------------------------------- 1 | ul, ol { 2 | margin: 0 0 1.5em 3em; 3 | } 4 | 5 | ul { 6 | list-style: disc; 7 | } 8 | 9 | ol { 10 | list-style: decimal; 11 | } 12 | 13 | li > ul, 14 | li > ol { 15 | margin-bottom: 0; 16 | margin-left: 1.5em; 17 | } 18 | 19 | dt { 20 | font-weight: bold; 21 | } 22 | 23 | dd { 24 | margin: 0 1.5em 1.5em; 25 | } 26 | -------------------------------------------------------------------------------- /sass/elements/_tables.scss: -------------------------------------------------------------------------------- 1 | table { 2 | margin: 0 0 1.5em; 3 | width: 100%; 4 | } 5 | -------------------------------------------------------------------------------- /sass/forms/_buttons.scss: -------------------------------------------------------------------------------- 1 | button, 2 | input[type="button"], 3 | input[type="reset"], 4 | input[type="submit"] { 5 | border: 1px solid; 6 | border-color: $color__border-button; 7 | border-radius: 3px; 8 | background: $color__background-button; 9 | color: rgba(0, 0, 0, .8); 10 | @include font-size(0.75); 11 | line-height: 1; 12 | padding: .6em 1em .4em; 13 | 14 | &:hover { 15 | border-color: $color__border-button-hover; 16 | } 17 | 18 | &:active, 19 | &:focus { 20 | border-color: $color__border-button-focus; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /sass/forms/_fields.scss: -------------------------------------------------------------------------------- 1 | input[type="text"], 2 | input[type="email"], 3 | input[type="url"], 4 | input[type="password"], 5 | input[type="search"], 6 | input[type="number"], 7 | input[type="tel"], 8 | input[type="range"], 9 | input[type="date"], 10 | input[type="month"], 11 | input[type="week"], 12 | input[type="time"], 13 | input[type="datetime"], 14 | input[type="datetime-local"], 15 | input[type="color"], 16 | textarea { 17 | color: $color__text-input; 18 | border: 1px solid $color__border-input; 19 | border-radius: 3px; 20 | padding: 3px; 21 | 22 | &:focus { 23 | color: $color__text-input-focus; 24 | } 25 | } 26 | 27 | select { 28 | border: 1px solid $color__border-input; 29 | } 30 | 31 | textarea { 32 | width: 100%; 33 | } 34 | -------------------------------------------------------------------------------- /sass/forms/_forms.scss: -------------------------------------------------------------------------------- 1 | @import "buttons"; 2 | 3 | @import "fields"; 4 | -------------------------------------------------------------------------------- /sass/layout/_content-sidebar.scss: -------------------------------------------------------------------------------- 1 | .content-area { 2 | float: left; 3 | margin: 0 (-$size__site-sidebar) 0 0; 4 | width: $size__site-main; 5 | } 6 | 7 | .site-main { 8 | margin: 0 $size__site-sidebar 0 0; 9 | } 10 | 11 | .site-content .widget-area { 12 | float: right; 13 | overflow: hidden; 14 | width: $size__site-sidebar; 15 | } 16 | 17 | .site-footer { 18 | clear: both; 19 | width: $size__site-main; 20 | } 21 | -------------------------------------------------------------------------------- /sass/layout/_sidebar-content.scss: -------------------------------------------------------------------------------- 1 | .content-area { 2 | float: right; 3 | margin: 0 0 0 (-$size__site-sidebar); 4 | width: $size__site-main; 5 | } 6 | 7 | .site-main { 8 | margin: 0 0 0 $size__site-sidebar; 9 | } 10 | 11 | .site-content .widget-area { 12 | float: left; 13 | overflow: hidden; 14 | width: $size__site-sidebar; 15 | } 16 | 17 | .site-footer { 18 | clear: both; 19 | width: $size__site-main; 20 | } 21 | -------------------------------------------------------------------------------- /sass/media/_captions.scss: -------------------------------------------------------------------------------- 1 | .wp-caption { 2 | margin-bottom: 1.5em; 3 | max-width: 100%; 4 | 5 | img[class*="wp-image-"] { 6 | @include center-block; 7 | } 8 | 9 | .wp-caption-text { 10 | margin: 0.8075em 0; 11 | } 12 | } 13 | 14 | .wp-caption-text { 15 | text-align: center; 16 | } 17 | -------------------------------------------------------------------------------- /sass/media/_galleries.scss: -------------------------------------------------------------------------------- 1 | .gallery { 2 | margin-bottom: 1.5em; 3 | } 4 | 5 | .gallery-item { 6 | display: inline-block; 7 | text-align: center; 8 | vertical-align: top; 9 | width: 100%; 10 | 11 | // Loops to enumerate the classes for gallery columns. 12 | @for $i from 2 through 9 { 13 | .gallery-columns-#{$i} & { 14 | max-width: map-get( $columns, $i ); 15 | } 16 | } 17 | } 18 | 19 | .gallery-caption { 20 | display: block; 21 | } 22 | -------------------------------------------------------------------------------- /sass/media/_media.scss: -------------------------------------------------------------------------------- 1 | .page-content .wp-smiley, 2 | .entry-content .wp-smiley, 3 | .comment-content .wp-smiley { 4 | border: none; 5 | margin-bottom: 0; 6 | margin-top: 0; 7 | padding: 0; 8 | } 9 | 10 | /* Make sure embeds and iframes fit their containers. */ 11 | embed, 12 | iframe, 13 | object { 14 | max-width: 100%; 15 | } 16 | 17 | /* Make sure logo link wraps around logo image. */ 18 | .custom-logo-link { 19 | display: inline-block; 20 | } 21 | 22 | /*-------------------------------------------------------------- 23 | ## Captions 24 | --------------------------------------------------------------*/ 25 | @import "captions"; 26 | 27 | /*-------------------------------------------------------------- 28 | ## Galleries 29 | --------------------------------------------------------------*/ 30 | @import "galleries"; 31 | -------------------------------------------------------------------------------- /sass/mixins/_mixins-master.scss: -------------------------------------------------------------------------------- 1 | // Rem output with px fallback 2 | @mixin font-size($sizeValue: 1) { 3 | font-size: ($sizeValue * 16) * 1px; 4 | font-size: $sizeValue * 1rem; 5 | } 6 | 7 | // Center block 8 | @mixin center-block { 9 | display: block; 10 | margin-left: auto; 11 | margin-right: auto; 12 | } 13 | 14 | // Clearfix 15 | @mixin clearfix() { 16 | content: ""; 17 | display: table; 18 | table-layout: fixed; 19 | } 20 | 21 | // Clear after (not all clearfix need this also) 22 | @mixin clearfix-after() { 23 | clear: both; 24 | } 25 | 26 | // Column width with margin 27 | @mixin column-width($numberColumns: 3) { 28 | width: map-get( $columns, $numberColumns ) - ( ( $columns__margin * ( $numberColumns - 1 ) ) / $numberColumns ); 29 | } 30 | -------------------------------------------------------------------------------- /sass/modules/_accessibility.scss: -------------------------------------------------------------------------------- 1 | /* Text meant only for screen readers. */ 2 | .screen-reader-text { 3 | border: 0; 4 | clip: rect(1px, 1px, 1px, 1px); 5 | clip-path: inset(50%); 6 | height: 1px; 7 | margin: -1px; 8 | overflow: hidden; 9 | padding: 0; 10 | position: absolute !important; 11 | width: 1px; 12 | word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ 13 | 14 | &:focus { 15 | background-color: $color__background-screen; 16 | border-radius: 3px; 17 | box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 18 | clip: auto !important; 19 | clip-path: none; 20 | color: $color__text-screen; 21 | display: block; 22 | @include font-size(0.875); 23 | font-weight: bold; 24 | height: auto; 25 | left: 5px; 26 | line-height: normal; 27 | padding: 15px 23px 14px; 28 | text-decoration: none; 29 | top: 5px; 30 | width: auto; 31 | z-index: 100000; /* Above WP toolbar. */ 32 | } 33 | } 34 | 35 | /* Do not show the outline on the skip link target. */ 36 | #content[tabindex="-1"]:focus { 37 | outline: 0; 38 | } 39 | -------------------------------------------------------------------------------- /sass/modules/_alignments.scss: -------------------------------------------------------------------------------- 1 | .alignleft { 2 | display: inline; 3 | float: left; 4 | margin-right: 1.5em; 5 | } 6 | 7 | .alignright { 8 | display: inline; 9 | float: right; 10 | margin-left: 1.5em; 11 | } 12 | 13 | .aligncenter { 14 | clear: both; 15 | @include center-block; 16 | } 17 | -------------------------------------------------------------------------------- /sass/modules/_clearings.scss: -------------------------------------------------------------------------------- 1 | .clear:before, 2 | .clear:after, 3 | .entry-content:before, 4 | .entry-content:after, 5 | .comment-content:before, 6 | .comment-content:after, 7 | .site-header:before, 8 | .site-header:after, 9 | .site-content:before, 10 | .site-content:after, 11 | .site-footer:before, 12 | .site-footer:after { 13 | @include clearfix; 14 | } 15 | 16 | .clear:after, 17 | .entry-content:after, 18 | .comment-content:after, 19 | .site-header:after, 20 | .site-content:after, 21 | .site-footer:after { 22 | @include clearfix-after; 23 | } 24 | -------------------------------------------------------------------------------- /sass/modules/_infinite-scroll.scss: -------------------------------------------------------------------------------- 1 | /* Globally hidden elements when Infinite Scroll is supported and in use. */ 2 | .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ 3 | .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ 4 | display: none; 5 | } 6 | 7 | /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ 8 | .infinity-end.neverending .site-footer { 9 | display: block; 10 | } 11 | -------------------------------------------------------------------------------- /sass/navigation/_links.scss: -------------------------------------------------------------------------------- 1 | a { 2 | color: $color__link; 3 | 4 | &:visited { 5 | color: $color__link-visited; 6 | } 7 | &:hover, 8 | &:focus, 9 | &:active { 10 | color: $color__link-hover; 11 | } 12 | &:focus { 13 | outline: thin dotted; 14 | } 15 | &:hover, 16 | &:active { 17 | outline: 0; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /sass/navigation/_menus.scss: -------------------------------------------------------------------------------- 1 | .main-navigation { 2 | clear: both; 3 | display: block; 4 | float: left; 5 | width: 100%; 6 | 7 | ul { 8 | display: none; 9 | list-style: none; 10 | margin: 0; 11 | padding-left: 0; 12 | 13 | ul { 14 | box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 15 | float: left; 16 | position: absolute; 17 | top: 100%; 18 | left: -999em; 19 | z-index: 99999; 20 | 21 | ul { 22 | left: -999em; 23 | top: 0; 24 | } 25 | 26 | li { 27 | &:hover > ul, 28 | &.focus > ul { 29 | left: 100%; 30 | } 31 | } 32 | 33 | a { 34 | width: 200px; 35 | } 36 | 37 | :hover > a, 38 | .focus > a { 39 | } 40 | 41 | a:hover, 42 | a.focus { 43 | } 44 | } 45 | 46 | li:hover > ul, 47 | li.focus > ul { 48 | left: auto; 49 | } 50 | } 51 | 52 | li { 53 | float: left; 54 | position: relative; 55 | 56 | &:hover > a, 57 | &.focus > a { 58 | } 59 | } 60 | 61 | a { 62 | display: block; 63 | text-decoration: none; 64 | } 65 | 66 | .current_page_item > a, 67 | .current-menu-item > a, 68 | .current_page_ancestor > a, 69 | .current-menu-ancestor > a { 70 | } 71 | } 72 | 73 | /* Small menu. */ 74 | .menu-toggle, 75 | .main-navigation.toggled ul { 76 | display: block; 77 | } 78 | 79 | @media screen and (min-width: 37.5em) { 80 | .menu-toggle { 81 | display: none; 82 | } 83 | .main-navigation ul { 84 | display: block; 85 | } 86 | } 87 | 88 | .comment-navigation, 89 | .posts-navigation, 90 | .post-navigation { 91 | 92 | .site-main & { 93 | margin: 0 0 1.5em; 94 | overflow: hidden; 95 | } 96 | 97 | .nav-previous { 98 | float: left; 99 | width: 50%; 100 | } 101 | 102 | .nav-next { 103 | float: right; 104 | text-align: right; 105 | width: 50%; 106 | } 107 | } 108 | -------------------------------------------------------------------------------- /sass/navigation/_navigation.scss: -------------------------------------------------------------------------------- 1 | /*-------------------------------------------------------------- 2 | ## Links 3 | --------------------------------------------------------------*/ 4 | @import "links"; 5 | 6 | /*-------------------------------------------------------------- 7 | ## Menus 8 | --------------------------------------------------------------*/ 9 | @import "menus"; 10 | -------------------------------------------------------------------------------- /sass/site/_site.scss: -------------------------------------------------------------------------------- 1 | // @import "../layout/content-sidebar"; 2 | // @import "../layout/sidebar-content"; 3 | /*-------------------------------------------------------------- 4 | ## Posts and pages 5 | --------------------------------------------------------------*/ 6 | @import "primary/posts-and-pages"; 7 | 8 | /*-------------------------------------------------------------- 9 | ## Comments 10 | --------------------------------------------------------------*/ 11 | @import "primary/comments"; 12 | -------------------------------------------------------------------------------- /sass/site/primary/_comments.scss: -------------------------------------------------------------------------------- 1 | .comment-content a { 2 | word-wrap: break-word; 3 | } 4 | .bypostauthor { 5 | display: block; 6 | } 7 | -------------------------------------------------------------------------------- /sass/site/primary/_posts-and-pages.scss: -------------------------------------------------------------------------------- 1 | .sticky { 2 | display: block; 3 | } 4 | 5 | .hentry { 6 | margin: 0 0 1.5em; 7 | } 8 | 9 | .updated:not(.published) { 10 | display: none; 11 | } 12 | 13 | .page-content, 14 | .entry-content, 15 | .entry-summary { 16 | margin: 1.5em 0 0; 17 | } 18 | 19 | .page-links { 20 | clear: both; 21 | margin: 0 0 1.5em; 22 | } 23 | -------------------------------------------------------------------------------- /sass/site/secondary/_widgets.scss: -------------------------------------------------------------------------------- 1 | .widget { 2 | margin: 0 0 1.5em; 3 | 4 | /* Make sure select elements fit in widgets. */ 5 | select { 6 | max-width: 100%; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /sass/style.scss: -------------------------------------------------------------------------------- 1 | /*! 2 | Theme Name: Sadat WP 3 | Theme URI: http://underscores.me/ 4 | Author: Liton Arefin 5 | Author URI: https://jeweltheme.com 6 | Description: Simple Vue JS WordPress Theme 7 | Version: 1.0.0 8 | License: GNU General Public License v2 or later 9 | License URI: LICENSE 10 | Text Domain: sadat_wp 11 | Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready 12 | 13 | This theme, like WordPress, is licensed under the GPL. 14 | Use it to make something cool, have fun, and share what you've learned with others. 15 | 16 | Sadat WP is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. 17 | Underscores is distributed under the terms of the GNU GPL v2 or later. 18 | 19 | Normalizing styles have been helped along thanks to the fine work of 20 | Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ 21 | */ 22 | 23 | /*-------------------------------------------------------------- 24 | >>> TABLE OF CONTENTS: 25 | ---------------------------------------------------------------- 26 | # Normalize 27 | # Typography 28 | # Elements 29 | # Forms 30 | # Navigation 31 | ## Links 32 | ## Menus 33 | # Accessibility 34 | # Alignments 35 | # Clearings 36 | # Widgets 37 | # Content 38 | ## Posts and pages 39 | ## Comments 40 | # Infinite scroll 41 | # Media 42 | ## Captions 43 | ## Galleries 44 | --------------------------------------------------------------*/ 45 | @import "variables-site/variables-site"; 46 | @import "mixins/mixins-master"; 47 | 48 | /*-------------------------------------------------------------- 49 | # Normalize 50 | --------------------------------------------------------------*/ 51 | @import "normalize"; 52 | 53 | /*-------------------------------------------------------------- 54 | # Typography 55 | --------------------------------------------------------------*/ 56 | @import "typography/typography"; 57 | 58 | /*-------------------------------------------------------------- 59 | # Elements 60 | --------------------------------------------------------------*/ 61 | @import "elements/elements"; 62 | 63 | /*-------------------------------------------------------------- 64 | # Forms 65 | --------------------------------------------------------------*/ 66 | @import "forms/forms"; 67 | 68 | /*-------------------------------------------------------------- 69 | # Navigation 70 | --------------------------------------------------------------*/ 71 | @import "navigation/navigation"; 72 | 73 | /*-------------------------------------------------------------- 74 | # Accessibility 75 | --------------------------------------------------------------*/ 76 | @import "modules/accessibility"; 77 | 78 | /*-------------------------------------------------------------- 79 | # Alignments 80 | --------------------------------------------------------------*/ 81 | @import "modules/alignments"; 82 | 83 | /*-------------------------------------------------------------- 84 | # Clearings 85 | --------------------------------------------------------------*/ 86 | @import "modules/clearings"; 87 | 88 | /*-------------------------------------------------------------- 89 | # Widgets 90 | --------------------------------------------------------------*/ 91 | @import "site/secondary/widgets"; 92 | 93 | /*-------------------------------------------------------------- 94 | # Content 95 | --------------------------------------------------------------*/ 96 | @import "site/site"; 97 | 98 | /*-------------------------------------------------------------- 99 | # Infinite scroll 100 | --------------------------------------------------------------*/ 101 | @import "modules/infinite-scroll"; 102 | 103 | /*-------------------------------------------------------------- 104 | # Media 105 | --------------------------------------------------------------*/ 106 | @import "media/media"; 107 | -------------------------------------------------------------------------------- /sass/typography/_copy.scss: -------------------------------------------------------------------------------- 1 | p { 2 | margin-bottom: 1.5em; 3 | } 4 | 5 | dfn, cite, em, i { 6 | font-style: italic; 7 | } 8 | 9 | blockquote { 10 | margin: 0 1.5em; 11 | } 12 | 13 | address { 14 | margin: 0 0 1.5em; 15 | } 16 | 17 | pre { 18 | background: $color__background-pre; 19 | font-family: $font__pre; 20 | @include font-size(0.9375); 21 | line-height: $font__line-height-pre; 22 | margin-bottom: 1.6em; 23 | max-width: 100%; 24 | overflow: auto; 25 | padding: 1.6em; 26 | } 27 | 28 | code, kbd, tt, var { 29 | font-family: $font__code; 30 | @include font-size(0.9375); 31 | } 32 | 33 | abbr, acronym { 34 | border-bottom: 1px dotted $color__border-abbr; 35 | cursor: help; 36 | } 37 | 38 | mark, ins { 39 | background: $color__background-ins; 40 | text-decoration: none; 41 | } 42 | 43 | big { 44 | font-size: 125%; 45 | } 46 | -------------------------------------------------------------------------------- /sass/typography/_headings.scss: -------------------------------------------------------------------------------- 1 | h1, h2, h3, h4, h5, h6 { 2 | clear: both; 3 | } 4 | -------------------------------------------------------------------------------- /sass/typography/_typography.scss: -------------------------------------------------------------------------------- 1 | body, 2 | button, 3 | input, 4 | select, 5 | optgroup, 6 | textarea { 7 | color: $color__text-main; 8 | font-family: $font__main; 9 | @include font-size(1); 10 | line-height: $font__line-height-body; 11 | } 12 | 13 | @import "headings"; 14 | 15 | @import "copy"; 16 | -------------------------------------------------------------------------------- /sass/variables-site/_colors.scss: -------------------------------------------------------------------------------- 1 | $color__background-body: #fff; 2 | $color__background-screen: #f1f1f1; 3 | $color__background-hr: #ccc; 4 | $color__background-button: #e6e6e6; 5 | $color__background-pre: #eee; 6 | $color__background-ins: #fff9c0; 7 | 8 | $color__text-screen: #21759b; 9 | $color__text-input: #666; 10 | $color__text-input-focus: #111; 11 | $color__link: royalblue; 12 | $color__link-visited: purple; 13 | $color__link-hover: midnightblue; 14 | $color__text-main: #404040; 15 | 16 | $color__border-button: #ccc #ccc #bbb; 17 | $color__border-button-hover: #ccc #bbb #aaa; 18 | $color__border-button-focus: #aaa #bbb #bbb; 19 | $color__border-input: #ccc; 20 | $color__border-abbr: #666; 21 | -------------------------------------------------------------------------------- /sass/variables-site/_columns.scss: -------------------------------------------------------------------------------- 1 | $columns: ( 2 | 1: 100%, 3 | 2: 50%, 4 | 3: 33.33%, 5 | 4: 25%, 6 | 5: 20%, 7 | 6: 16.66%, 8 | 7: 14.28%, 9 | 8: 12.5%, 10 | 9: 11.11% 11 | ); 12 | 13 | $columns__margin: 3.8%; 14 | -------------------------------------------------------------------------------- /sass/variables-site/_structure.scss: -------------------------------------------------------------------------------- 1 | $size__site-main: 100%; 2 | $size__site-sidebar: 25%; 3 | -------------------------------------------------------------------------------- /sass/variables-site/_typography.scss: -------------------------------------------------------------------------------- 1 | $font__main: sans-serif; 2 | $font__code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 3 | $font__pre: "Courier 10 Pitch", Courier, monospace; 4 | $font__line-height-body: 1.5; 5 | $font__line-height-pre: 1.6; 6 | -------------------------------------------------------------------------------- /sass/variables-site/_variables-site.scss: -------------------------------------------------------------------------------- 1 | @import "colors"; 2 | @import "typography"; 3 | @import "structure"; 4 | @import "columns"; 5 | -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jeweltheme/sadat/5d501d553c5bcb8adb9d1a6a04b13f7fbd354cbc/screenshot.png -------------------------------------------------------------------------------- /search.php: -------------------------------------------------------------------------------- 1 | <?php 2 | /** 3 | * The template for displaying search results pages 4 | * 5 | * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result 6 | * 7 | * @package Sadat_WP 8 | */ 9 | 10 | get_header(); ?> 11 | 12 | <section id="primary" class="content-area"> 13 | <main id="main" class="site-main"> 14 | 15 | <?php 16 | if ( have_posts() ) : ?> 17 | 18 | <header class="page-header"> 19 | <h1 class="page-title"><?php 20 | /* translators: %s: search query. */ 21 | printf( esc_html__( 'Search Results for: %s', 'sadat_wp' ), '<span>' . get_search_query() . '</span>' ); 22 | ?></h1> 23 | </header><!-- .page-header --> 24 | 25 | <?php 26 | /* Start the Loop */ 27 | while ( have_posts() ) : the_post(); 28 | 29 | /** 30 | * Run the loop for the search to output the results. 31 | * If you want to overload this in a child theme then include a file 32 | * called content-search.php and that will be used instead. 33 | */ 34 | get_template_part( 'template-parts/content', 'search' ); 35 | 36 | endwhile; 37 | 38 | the_posts_navigation(); 39 | 40 | else : 41 | 42 | get_template_part( 'template-parts/content', 'none' ); 43 | 44 | endif; ?> 45 | 46 | </main><!-- #main --> 47 | </section><!-- #primary --> 48 | 49 | <?php 50 | get_sidebar(); 51 | get_footer(); 52 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | /*! 2 | Theme Name: Sadat WP 3 | Theme URI: https://jeweltheme.com 4 | Author: Liton Arefin 5 | Author URI: https://jeweltheme.com 6 | Description: Simple Vue.js Single Page WordPress Theme 7 | Version: 1.0.0 8 | License: GNU General Public License v2 or later 9 | License URI: LICENSE 10 | Text Domain: sadat_wp 11 | Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready 12 | 13 | License: GPLv3 or later 14 | License URI: http://www.gnu.org/licenses/gpl-3.0.html 15 | 16 | Sadat WP is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc. 17 | Underscores is distributed under the terms of the GNU GPL v3 or later. 18 | 19 | Sadat WP Theme like WordPress, is licensed under the GPLv3. Use it to make something cool, have fun, and share what you've learned with others. 20 | */ 21 | -------------------------------------------------------------------------------- /template-parts/content-none.php: -------------------------------------------------------------------------------- 1 | <?php 2 | /** 3 | * Template part for displaying a message that posts cannot be found 4 | * 5 | * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ 6 | * 7 | * @package Sadat_WP 8 | */ 9 | 10 | ?> 11 | 12 | <section class="no-results not-found"> 13 | <header class="page-header"> 14 | <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'sadat_wp' ); ?></h1> 15 | </header><!-- .page-header --> 16 | 17 | <div class="page-content"> 18 | <?php 19 | if ( is_home() && current_user_can( 'publish_posts' ) ) : ?> 20 | 21 | <p><?php 22 | printf( 23 | wp_kses( 24 | /* translators: 1: link to WP admin new post page. */ 25 | __( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'sadat_wp' ), 26 | array( 27 | 'a' => array( 28 | 'href' => array(), 29 | ), 30 | ) 31 | ), 32 | esc_url( admin_url( 'post-new.php' ) ) 33 | ); 34 | ?></p> 35 | 36 | <?php elseif ( is_search() ) : ?> 37 | 38 | <p><?php esc_html_e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'sadat_wp' ); ?></p> 39 | <?php 40 | get_search_form(); 41 | 42 | else : ?> 43 | 44 | <p><?php esc_html_e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'sadat_wp' ); ?></p> 45 | <?php 46 | get_search_form(); 47 | 48 | endif; ?> 49 | </div><!-- .page-content --> 50 | </section><!-- .no-results --> 51 | -------------------------------------------------------------------------------- /template-parts/content-page.php: -------------------------------------------------------------------------------- 1 | <?php 2 | /** 3 | * Template part for displaying page content in page.php 4 | * 5 | * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ 6 | * 7 | * @package Sadat_WP 8 | */ 9 | 10 | ?> 11 | 12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 13 | <header class="entry-header"> 14 | <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> 15 | </header><!-- .entry-header --> 16 | 17 | <?php sadat_wp_post_thumbnail(); ?> 18 | 19 | <div class="entry-content"> 20 | <?php 21 | the_content(); 22 | 23 | wp_link_pages( array( 24 | 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'sadat_wp' ), 25 | 'after' => '</div>', 26 | ) ); 27 | ?> 28 | </div><!-- .entry-content --> 29 | 30 | <?php if ( get_edit_post_link() ) : ?> 31 | <footer class="entry-footer"> 32 | <?php 33 | edit_post_link( 34 | sprintf( 35 | wp_kses( 36 | /* translators: %s: Name of current post. Only visible to screen readers */ 37 | __( 'Edit <span class="screen-reader-text">%s</span>', 'sadat_wp' ), 38 | array( 39 | 'span' => array( 40 | 'class' => array(), 41 | ), 42 | ) 43 | ), 44 | get_the_title() 45 | ), 46 | '<span class="edit-link">', 47 | '</span>' 48 | ); 49 | ?> 50 | </footer><!-- .entry-footer --> 51 | <?php endif; ?> 52 | </article><!-- #post-<?php the_ID(); ?> --> 53 | -------------------------------------------------------------------------------- /template-parts/content-search.php: -------------------------------------------------------------------------------- 1 | <?php 2 | /** 3 | * Template part for displaying results in search pages 4 | * 5 | * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ 6 | * 7 | * @package Sadat_WP 8 | */ 9 | 10 | ?> 11 | 12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 13 | <header class="entry-header"> 14 | <?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?> 15 | 16 | <?php if ( 'post' === get_post_type() ) : ?> 17 | <div class="entry-meta"> 18 | <?php 19 | sadat_wp_posted_on(); 20 | sadat_wp_posted_by(); 21 | ?> 22 | </div><!-- .entry-meta --> 23 | <?php endif; ?> 24 | </header><!-- .entry-header --> 25 | 26 | <?php sadat_wp_post_thumbnail(); ?> 27 | 28 | <div class="entry-summary"> 29 | <?php the_excerpt(); ?> 30 | </div><!-- .entry-summary --> 31 | 32 | <footer class="entry-footer"> 33 | <?php sadat_wp_entry_footer(); ?> 34 | </footer><!-- .entry-footer --> 35 | </article><!-- #post-<?php the_ID(); ?> --> 36 | -------------------------------------------------------------------------------- /template-parts/content.php: -------------------------------------------------------------------------------- 1 | <?php 2 | /** 3 | * Template part for displaying posts 4 | * 5 | * @link https://developer.wordpress.org/themes/basics/template-hierarchy/ 6 | * 7 | * @package Sadat_WP 8 | */ 9 | 10 | ?> 11 | 12 | <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 13 | <header class="entry-header"> 14 | <?php 15 | if ( is_singular() ) : 16 | the_title( '<h1 class="entry-title">', '</h1>' ); 17 | else : 18 | the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); 19 | endif; 20 | 21 | if ( 'post' === get_post_type() ) : ?> 22 | <div class="entry-meta"> 23 | <?php 24 | sadat_wp_posted_on(); 25 | sadat_wp_posted_by(); 26 | ?> 27 | </div><!-- .entry-meta --> 28 | <?php 29 | endif; ?> 30 | </header><!-- .entry-header --> 31 | 32 | <?php sadat_wp_post_thumbnail(); ?> 33 | 34 | <div class="entry-content"> 35 | <?php 36 | the_content( sprintf( 37 | wp_kses( 38 | /* translators: %s: Name of current post. Only visible to screen readers */ 39 | __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'sadat_wp' ), 40 | array( 41 | 'span' => array( 42 | 'class' => array(), 43 | ), 44 | ) 45 | ), 46 | get_the_title() 47 | ) ); 48 | 49 | wp_link_pages( array( 50 | 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'sadat_wp' ), 51 | 'after' => '</div>', 52 | ) ); 53 | ?> 54 | </div><!-- .entry-content --> 55 | 56 | <footer class="entry-footer"> 57 | <?php sadat_wp_entry_footer(); ?> 58 | </footer><!-- .entry-footer --> 59 | </article><!-- #post-<?php the_ID(); ?> --> 60 | --------------------------------------------------------------------------------