├── LICENSE ├── README.md ├── esp_www ├── data │ ├── ESP_VFD_Clock.jpg │ ├── ESP_weather_Cube.jpg │ ├── Eastereggs.jpg │ ├── ROG_fan.jpg │ ├── blblframe.jpg │ ├── config.html │ ├── css │ │ ├── bootstrap.css │ │ ├── font-awesome.min.css │ │ ├── owl-carousel.css │ │ └── style.css │ ├── favicon.ico │ ├── index.html │ ├── js │ │ ├── jquery-3.3.1.min.js │ │ └── owl.carousel.js │ ├── modernizr.js │ ├── nzcd.jpg │ ├── rpi_mt.jpg │ ├── sj.html │ ├── wifi_link_tool.jpg │ ├── wz.txt │ ├── wzxq.html │ └── zp.jpg └── esp_www.ino ├── index.jpg └── wj.jpg /LICENSE: -------------------------------------------------------------------------------- 1 | GNU GENERAL PUBLIC LICENSE 2 | Version 3, 29 June 2007 3 | 4 | Copyright (C) 2007 Free Software Foundation, Inc. 5 | Everyone is permitted to copy and distribute verbatim copies 6 | of this license document, but changing it is not allowed. 7 | 8 | Preamble 9 | 10 | The GNU General Public License is a free, copyleft license for 11 | software and other kinds of works. 12 | 13 | The licenses for most software and other practical works are designed 14 | to take away your freedom to share and change the works. By contrast, 15 | the GNU General Public License is intended to guarantee your freedom to 16 | share and change all versions of a program--to make sure it remains free 17 | software for all its users. We, the Free Software Foundation, use the 18 | GNU General Public License for most of our software; it applies also to 19 | any other work released this way by its authors. You can apply it to 20 | your programs, too. 21 | 22 | When we speak of free software, we are referring to freedom, not 23 | price. Our General Public Licenses are designed to make sure that you 24 | have the freedom to distribute copies of free software (and charge for 25 | them if you wish), that you receive source code or can get it if you 26 | want it, that you can change the software or use pieces of it in new 27 | free programs, and that you know you can do these things. 28 | 29 | To protect your rights, we need to prevent others from denying you 30 | these rights or asking you to surrender the rights. Therefore, you have 31 | certain responsibilities if you distribute copies of the software, or if 32 | you modify it: responsibilities to respect the freedom of others. 33 | 34 | For example, if you distribute copies of such a program, whether 35 | gratis or for a fee, you must pass on to the recipients the same 36 | freedoms that you received. You must make sure that they, too, receive 37 | or can get the source code. And you must show them these terms so they 38 | know their rights. 39 | 40 | Developers that use the GNU GPL protect your rights with two steps: 41 | (1) assert copyright on the software, and (2) offer you this License 42 | giving you legal permission to copy, distribute and/or modify it. 43 | 44 | For the developers' and authors' protection, the GPL clearly explains 45 | that there is no warranty for this free software. For both users' and 46 | authors' sake, the GPL requires that modified versions be marked as 47 | changed, so that their problems will not be attributed erroneously to 48 | authors of previous versions. 49 | 50 | Some devices are designed to deny users access to install or run 51 | modified versions of the software inside them, although the manufacturer 52 | can do so. This is fundamentally incompatible with the aim of 53 | protecting users' freedom to change the software. The systematic 54 | pattern of such abuse occurs in the area of products for individuals to 55 | use, which is precisely where it is most unacceptable. Therefore, we 56 | have designed this version of the GPL to prohibit the practice for those 57 | products. If such problems arise substantially in other domains, we 58 | stand ready to extend this provision to those domains in future versions 59 | of the GPL, as needed to protect the freedom of users. 60 | 61 | Finally, every program is threatened constantly by software patents. 62 | States should not allow patents to restrict development and use of 63 | software on general-purpose computers, but in those that do, we wish to 64 | avoid the special danger that patents applied to a free program could 65 | make it effectively proprietary. To prevent this, the GPL assures that 66 | patents cannot be used to render the program non-free. 67 | 68 | The precise terms and conditions for copying, distribution and 69 | modification follow. 70 | 71 | TERMS AND CONDITIONS 72 | 73 | 0. Definitions. 74 | 75 | "This License" refers to version 3 of the GNU General Public License. 76 | 77 | "Copyright" also means copyright-like laws that apply to other kinds of 78 | works, such as semiconductor masks. 79 | 80 | "The Program" refers to any copyrightable work licensed under this 81 | License. Each licensee is addressed as "you". "Licensees" and 82 | "recipients" may be individuals or organizations. 83 | 84 | To "modify" a work means to copy from or adapt all or part of the work 85 | in a fashion requiring copyright permission, other than the making of an 86 | exact copy. The resulting work is called a "modified version" of the 87 | earlier work or a work "based on" the earlier work. 88 | 89 | A "covered work" means either the unmodified Program or a work based 90 | on the Program. 91 | 92 | To "propagate" a work means to do anything with it that, without 93 | permission, would make you directly or secondarily liable for 94 | infringement under applicable copyright law, except executing it on a 95 | computer or modifying a private copy. Propagation includes copying, 96 | distribution (with or without modification), making available to the 97 | public, and in some countries other activities as well. 98 | 99 | To "convey" a work means any kind of propagation that enables other 100 | parties to make or receive copies. Mere interaction with a user through 101 | a computer network, with no transfer of a copy, is not conveying. 102 | 103 | An interactive user interface displays "Appropriate Legal Notices" 104 | to the extent that it includes a convenient and prominently visible 105 | feature that (1) displays an appropriate copyright notice, and (2) 106 | tells the user that there is no warranty for the work (except to the 107 | extent that warranties are provided), that licensees may convey the 108 | work under this License, and how to view a copy of this License. If 109 | the interface presents a list of user commands or options, such as a 110 | menu, a prominent item in the list meets this criterion. 111 | 112 | 1. Source Code. 113 | 114 | The "source code" for a work means the preferred form of the work 115 | for making modifications to it. "Object code" means any non-source 116 | form of a work. 117 | 118 | A "Standard Interface" means an interface that either is an official 119 | standard defined by a recognized standards body, or, in the case of 120 | interfaces specified for a particular programming language, one that 121 | is widely used among developers working in that language. 122 | 123 | The "System Libraries" of an executable work include anything, other 124 | than the work as a whole, that (a) is included in the normal form of 125 | packaging a Major Component, but which is not part of that Major 126 | Component, and (b) serves only to enable use of the work with that 127 | Major Component, or to implement a Standard Interface for which an 128 | implementation is available to the public in source code form. A 129 | "Major Component", in this context, means a major essential component 130 | (kernel, window system, and so on) of the specific operating system 131 | (if any) on which the executable work runs, or a compiler used to 132 | produce the work, or an object code interpreter used to run it. 133 | 134 | The "Corresponding Source" for a work in object code form means all 135 | the source code needed to generate, install, and (for an executable 136 | work) run the object code and to modify the work, including scripts to 137 | control those activities. However, it does not include the work's 138 | System Libraries, or general-purpose tools or generally available free 139 | programs which are used unmodified in performing those activities but 140 | which are not part of the work. For example, Corresponding Source 141 | includes interface definition files associated with source files for 142 | the work, and the source code for shared libraries and dynamically 143 | linked subprograms that the work is specifically designed to require, 144 | such as by intimate data communication or control flow between those 145 | subprograms and other parts of the work. 146 | 147 | The Corresponding Source need not include anything that users 148 | can regenerate automatically from other parts of the Corresponding 149 | Source. 150 | 151 | The Corresponding Source for a work in source code form is that 152 | same work. 153 | 154 | 2. Basic Permissions. 155 | 156 | All rights granted under this License are granted for the term of 157 | copyright on the Program, and are irrevocable provided the stated 158 | conditions are met. This License explicitly affirms your unlimited 159 | permission to run the unmodified Program. The output from running a 160 | covered work is covered by this License only if the output, given its 161 | content, constitutes a covered work. This License acknowledges your 162 | rights of fair use or other equivalent, as provided by copyright law. 163 | 164 | You may make, run and propagate covered works that you do not 165 | convey, without conditions so long as your license otherwise remains 166 | in force. You may convey covered works to others for the sole purpose 167 | of having them make modifications exclusively for you, or provide you 168 | with facilities for running those works, provided that you comply with 169 | the terms of this License in conveying all material for which you do 170 | not control copyright. Those thus making or running the covered works 171 | for you must do so exclusively on your behalf, under your direction 172 | and control, on terms that prohibit them from making any copies of 173 | your copyrighted material outside their relationship with you. 174 | 175 | Conveying under any other circumstances is permitted solely under 176 | the conditions stated below. Sublicensing is not allowed; section 10 177 | makes it unnecessary. 178 | 179 | 3. Protecting Users' Legal Rights From Anti-Circumvention Law. 180 | 181 | No covered work shall be deemed part of an effective technological 182 | measure under any applicable law fulfilling obligations under article 183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or 184 | similar laws prohibiting or restricting circumvention of such 185 | measures. 186 | 187 | When you convey a covered work, you waive any legal power to forbid 188 | circumvention of technological measures to the extent such circumvention 189 | is effected by exercising rights under this License with respect to 190 | the covered work, and you disclaim any intention to limit operation or 191 | modification of the work as a means of enforcing, against the work's 192 | users, your or third parties' legal rights to forbid circumvention of 193 | technological measures. 194 | 195 | 4. Conveying Verbatim Copies. 196 | 197 | You may convey verbatim copies of the Program's source code as you 198 | receive it, in any medium, provided that you conspicuously and 199 | appropriately publish on each copy an appropriate copyright notice; 200 | keep intact all notices stating that this License and any 201 | non-permissive terms added in accord with section 7 apply to the code; 202 | keep intact all notices of the absence of any warranty; and give all 203 | recipients a copy of this License along with the Program. 204 | 205 | You may charge any price or no price for each copy that you convey, 206 | and you may offer support or warranty protection for a fee. 207 | 208 | 5. Conveying Modified Source Versions. 209 | 210 | You may convey a work based on the Program, or the modifications to 211 | produce it from the Program, in the form of source code under the 212 | terms of section 4, provided that you also meet all of these conditions: 213 | 214 | a) The work must carry prominent notices stating that you modified 215 | it, and giving a relevant date. 216 | 217 | b) The work must carry prominent notices stating that it is 218 | released under this License and any conditions added under section 219 | 7. This requirement modifies the requirement in section 4 to 220 | "keep intact all notices". 221 | 222 | c) You must license the entire work, as a whole, under this 223 | License to anyone who comes into possession of a copy. This 224 | License will therefore apply, along with any applicable section 7 225 | additional terms, to the whole of the work, and all its parts, 226 | regardless of how they are packaged. This License gives no 227 | permission to license the work in any other way, but it does not 228 | invalidate such permission if you have separately received it. 229 | 230 | d) If the work has interactive user interfaces, each must display 231 | Appropriate Legal Notices; however, if the Program has interactive 232 | interfaces that do not display Appropriate Legal Notices, your 233 | work need not make them do so. 234 | 235 | A compilation of a covered work with other separate and independent 236 | works, which are not by their nature extensions of the covered work, 237 | and which are not combined with it such as to form a larger program, 238 | in or on a volume of a storage or distribution medium, is called an 239 | "aggregate" if the compilation and its resulting copyright are not 240 | used to limit the access or legal rights of the compilation's users 241 | beyond what the individual works permit. Inclusion of a covered work 242 | in an aggregate does not cause this License to apply to the other 243 | parts of the aggregate. 244 | 245 | 6. Conveying Non-Source Forms. 246 | 247 | You may convey a covered work in object code form under the terms 248 | of sections 4 and 5, provided that you also convey the 249 | machine-readable Corresponding Source under the terms of this License, 250 | in one of these ways: 251 | 252 | a) Convey the object code in, or embodied in, a physical product 253 | (including a physical distribution medium), accompanied by the 254 | Corresponding Source fixed on a durable physical medium 255 | customarily used for software interchange. 256 | 257 | b) Convey the object code in, or embodied in, a physical product 258 | (including a physical distribution medium), accompanied by a 259 | written offer, valid for at least three years and valid for as 260 | long as you offer spare parts or customer support for that product 261 | model, to give anyone who possesses the object code either (1) a 262 | copy of the Corresponding Source for all the software in the 263 | product that is covered by this License, on a durable physical 264 | medium customarily used for software interchange, for a price no 265 | more than your reasonable cost of physically performing this 266 | conveying of source, or (2) access to copy the 267 | Corresponding Source from a network server at no charge. 268 | 269 | c) Convey individual copies of the object code with a copy of the 270 | written offer to provide the Corresponding Source. This 271 | alternative is allowed only occasionally and noncommercially, and 272 | only if you received the object code with such an offer, in accord 273 | with subsection 6b. 274 | 275 | d) Convey the object code by offering access from a designated 276 | place (gratis or for a charge), and offer equivalent access to the 277 | Corresponding Source in the same way through the same place at no 278 | further charge. You need not require recipients to copy the 279 | Corresponding Source along with the object code. If the place to 280 | copy the object code is a network server, the Corresponding Source 281 | may be on a different server (operated by you or a third party) 282 | that supports equivalent copying facilities, provided you maintain 283 | clear directions next to the object code saying where to find the 284 | Corresponding Source. Regardless of what server hosts the 285 | Corresponding Source, you remain obligated to ensure that it is 286 | available for as long as needed to satisfy these requirements. 287 | 288 | e) Convey the object code using peer-to-peer transmission, provided 289 | you inform other peers where the object code and Corresponding 290 | Source of the work are being offered to the general public at no 291 | charge under subsection 6d. 292 | 293 | A separable portion of the object code, whose source code is excluded 294 | from the Corresponding Source as a System Library, need not be 295 | included in conveying the object code work. 296 | 297 | A "User Product" is either (1) a "consumer product", which means any 298 | tangible personal property which is normally used for personal, family, 299 | or household purposes, or (2) anything designed or sold for incorporation 300 | into a dwelling. In determining whether a product is a consumer product, 301 | doubtful cases shall be resolved in favor of coverage. For a particular 302 | product received by a particular user, "normally used" refers to a 303 | typical or common use of that class of product, regardless of the status 304 | of the particular user or of the way in which the particular user 305 | actually uses, or expects or is expected to use, the product. A product 306 | is a consumer product regardless of whether the product has substantial 307 | commercial, industrial or non-consumer uses, unless such uses represent 308 | the only significant mode of use of the product. 309 | 310 | "Installation Information" for a User Product means any methods, 311 | procedures, authorization keys, or other information required to install 312 | and execute modified versions of a covered work in that User Product from 313 | a modified version of its Corresponding Source. The information must 314 | suffice to ensure that the continued functioning of the modified object 315 | code is in no case prevented or interfered with solely because 316 | modification has been made. 317 | 318 | If you convey an object code work under this section in, or with, or 319 | specifically for use in, a User Product, and the conveying occurs as 320 | part of a transaction in which the right of possession and use of the 321 | User Product is transferred to the recipient in perpetuity or for a 322 | fixed term (regardless of how the transaction is characterized), the 323 | Corresponding Source conveyed under this section must be accompanied 324 | by the Installation Information. But this requirement does not apply 325 | if neither you nor any third party retains the ability to install 326 | modified object code on the User Product (for example, the work has 327 | been installed in ROM). 328 | 329 | The requirement to provide Installation Information does not include a 330 | requirement to continue to provide support service, warranty, or updates 331 | for a work that has been modified or installed by the recipient, or for 332 | the User Product in which it has been modified or installed. Access to a 333 | network may be denied when the modification itself materially and 334 | adversely affects the operation of the network or violates the rules and 335 | protocols for communication across the network. 336 | 337 | Corresponding Source conveyed, and Installation Information provided, 338 | in accord with this section must be in a format that is publicly 339 | documented (and with an implementation available to the public in 340 | source code form), and must require no special password or key for 341 | unpacking, reading or copying. 342 | 343 | 7. Additional Terms. 344 | 345 | "Additional permissions" are terms that supplement the terms of this 346 | License by making exceptions from one or more of its conditions. 347 | Additional permissions that are applicable to the entire Program shall 348 | be treated as though they were included in this License, to the extent 349 | that they are valid under applicable law. If additional permissions 350 | apply only to part of the Program, that part may be used separately 351 | under those permissions, but the entire Program remains governed by 352 | this License without regard to the additional permissions. 353 | 354 | When you convey a copy of a covered work, you may at your option 355 | remove any additional permissions from that copy, or from any part of 356 | it. (Additional permissions may be written to require their own 357 | removal in certain cases when you modify the work.) You may place 358 | additional permissions on material, added by you to a covered work, 359 | for which you have or can give appropriate copyright permission. 360 | 361 | Notwithstanding any other provision of this License, for material you 362 | add to a covered work, you may (if authorized by the copyright holders of 363 | that material) supplement the terms of this License with terms: 364 | 365 | a) Disclaiming warranty or limiting liability differently from the 366 | terms of sections 15 and 16 of this License; or 367 | 368 | b) Requiring preservation of specified reasonable legal notices or 369 | author attributions in that material or in the Appropriate Legal 370 | Notices displayed by works containing it; or 371 | 372 | c) Prohibiting misrepresentation of the origin of that material, or 373 | requiring that modified versions of such material be marked in 374 | reasonable ways as different from the original version; or 375 | 376 | d) Limiting the use for publicity purposes of names of licensors or 377 | authors of the material; or 378 | 379 | e) Declining to grant rights under trademark law for use of some 380 | trade names, trademarks, or service marks; or 381 | 382 | f) Requiring indemnification of licensors and authors of that 383 | material by anyone who conveys the material (or modified versions of 384 | it) with contractual assumptions of liability to the recipient, for 385 | any liability that these contractual assumptions directly impose on 386 | those licensors and authors. 387 | 388 | All other non-permissive additional terms are considered "further 389 | restrictions" within the meaning of section 10. If the Program as you 390 | received it, or any part of it, contains a notice stating that it is 391 | governed by this License along with a term that is a further 392 | restriction, you may remove that term. If a license document contains 393 | a further restriction but permits relicensing or conveying under this 394 | License, you may add to a covered work material governed by the terms 395 | of that license document, provided that the further restriction does 396 | not survive such relicensing or conveying. 397 | 398 | If you add terms to a covered work in accord with this section, you 399 | must place, in the relevant source files, a statement of the 400 | additional terms that apply to those files, or a notice indicating 401 | where to find the applicable terms. 402 | 403 | Additional terms, permissive or non-permissive, may be stated in the 404 | form of a separately written license, or stated as exceptions; 405 | the above requirements apply either way. 406 | 407 | 8. Termination. 408 | 409 | You may not propagate or modify a covered work except as expressly 410 | provided under this License. Any attempt otherwise to propagate or 411 | modify it is void, and will automatically terminate your rights under 412 | this License (including any patent licenses granted under the third 413 | paragraph of section 11). 414 | 415 | However, if you cease all violation of this License, then your 416 | license from a particular copyright holder is reinstated (a) 417 | provisionally, unless and until the copyright holder explicitly and 418 | finally terminates your license, and (b) permanently, if the copyright 419 | holder fails to notify you of the violation by some reasonable means 420 | prior to 60 days after the cessation. 421 | 422 | Moreover, your license from a particular copyright holder is 423 | reinstated permanently if the copyright holder notifies you of the 424 | violation by some reasonable means, this is the first time you have 425 | received notice of violation of this License (for any work) from that 426 | copyright holder, and you cure the violation prior to 30 days after 427 | your receipt of the notice. 428 | 429 | Termination of your rights under this section does not terminate the 430 | licenses of parties who have received copies or rights from you under 431 | this License. If your rights have been terminated and not permanently 432 | reinstated, you do not qualify to receive new licenses for the same 433 | material under section 10. 434 | 435 | 9. Acceptance Not Required for Having Copies. 436 | 437 | You are not required to accept this License in order to receive or 438 | run a copy of the Program. Ancillary propagation of a covered work 439 | occurring solely as a consequence of using peer-to-peer transmission 440 | to receive a copy likewise does not require acceptance. However, 441 | nothing other than this License grants you permission to propagate or 442 | modify any covered work. These actions infringe copyright if you do 443 | not accept this License. Therefore, by modifying or propagating a 444 | covered work, you indicate your acceptance of this License to do so. 445 | 446 | 10. Automatic Licensing of Downstream Recipients. 447 | 448 | Each time you convey a covered work, the recipient automatically 449 | receives a license from the original licensors, to run, modify and 450 | propagate that work, subject to this License. You are not responsible 451 | for enforcing compliance by third parties with this License. 452 | 453 | An "entity transaction" is a transaction transferring control of an 454 | organization, or substantially all assets of one, or subdividing an 455 | organization, or merging organizations. If propagation of a covered 456 | work results from an entity transaction, each party to that 457 | transaction who receives a copy of the work also receives whatever 458 | licenses to the work the party's predecessor in interest had or could 459 | give under the previous paragraph, plus a right to possession of the 460 | Corresponding Source of the work from the predecessor in interest, if 461 | the predecessor has it or can get it with reasonable efforts. 462 | 463 | You may not impose any further restrictions on the exercise of the 464 | rights granted or affirmed under this License. For example, you may 465 | not impose a license fee, royalty, or other charge for exercise of 466 | rights granted under this License, and you may not initiate litigation 467 | (including a cross-claim or counterclaim in a lawsuit) alleging that 468 | any patent claim is infringed by making, using, selling, offering for 469 | sale, or importing the Program or any portion of it. 470 | 471 | 11. Patents. 472 | 473 | A "contributor" is a copyright holder who authorizes use under this 474 | License of the Program or a work on which the Program is based. The 475 | work thus licensed is called the contributor's "contributor version". 476 | 477 | A contributor's "essential patent claims" are all patent claims 478 | owned or controlled by the contributor, whether already acquired or 479 | hereafter acquired, that would be infringed by some manner, permitted 480 | by this License, of making, using, or selling its contributor version, 481 | but do not include claims that would be infringed only as a 482 | consequence of further modification of the contributor version. For 483 | purposes of this definition, "control" includes the right to grant 484 | patent sublicenses in a manner consistent with the requirements of 485 | this License. 486 | 487 | Each contributor grants you a non-exclusive, worldwide, royalty-free 488 | patent license under the contributor's essential patent claims, to 489 | make, use, sell, offer for sale, import and otherwise run, modify and 490 | propagate the contents of its contributor version. 491 | 492 | In the following three paragraphs, a "patent license" is any express 493 | agreement or commitment, however denominated, not to enforce a patent 494 | (such as an express permission to practice a patent or covenant not to 495 | sue for patent infringement). To "grant" such a patent license to a 496 | party means to make such an agreement or commitment not to enforce a 497 | patent against the party. 498 | 499 | If you convey a covered work, knowingly relying on a patent license, 500 | and the Corresponding Source of the work is not available for anyone 501 | to copy, free of charge and under the terms of this License, through a 502 | publicly available network server or other readily accessible means, 503 | then you must either (1) cause the Corresponding Source to be so 504 | available, or (2) arrange to deprive yourself of the benefit of the 505 | patent license for this particular work, or (3) arrange, in a manner 506 | consistent with the requirements of this License, to extend the patent 507 | license to downstream recipients. "Knowingly relying" means you have 508 | actual knowledge that, but for the patent license, your conveying the 509 | covered work in a country, or your recipient's use of the covered work 510 | in a country, would infringe one or more identifiable patents in that 511 | country that you have reason to believe are valid. 512 | 513 | If, pursuant to or in connection with a single transaction or 514 | arrangement, you convey, or propagate by procuring conveyance of, a 515 | covered work, and grant a patent license to some of the parties 516 | receiving the covered work authorizing them to use, propagate, modify 517 | or convey a specific copy of the covered work, then the patent license 518 | you grant is automatically extended to all recipients of the covered 519 | work and works based on it. 520 | 521 | A patent license is "discriminatory" if it does not include within 522 | the scope of its coverage, prohibits the exercise of, or is 523 | conditioned on the non-exercise of one or more of the rights that are 524 | specifically granted under this License. You may not convey a covered 525 | work if you are a party to an arrangement with a third party that is 526 | in the business of distributing software, under which you make payment 527 | to the third party based on the extent of your activity of conveying 528 | the work, and under which the third party grants, to any of the 529 | parties who would receive the covered work from you, a discriminatory 530 | patent license (a) in connection with copies of the covered work 531 | conveyed by you (or copies made from those copies), or (b) primarily 532 | for and in connection with specific products or compilations that 533 | contain the covered work, unless you entered into that arrangement, 534 | or that patent license was granted, prior to 28 March 2007. 535 | 536 | Nothing in this License shall be construed as excluding or limiting 537 | any implied license or other defenses to infringement that may 538 | otherwise be available to you under applicable patent law. 539 | 540 | 12. No Surrender of Others' Freedom. 541 | 542 | If conditions are imposed on you (whether by court order, agreement or 543 | otherwise) that contradict the conditions of this License, they do not 544 | excuse you from the conditions of this License. If you cannot convey a 545 | covered work so as to satisfy simultaneously your obligations under this 546 | License and any other pertinent obligations, then as a consequence you may 547 | not convey it at all. For example, if you agree to terms that obligate you 548 | to collect a royalty for further conveying from those to whom you convey 549 | the Program, the only way you could satisfy both those terms and this 550 | License would be to refrain entirely from conveying the Program. 551 | 552 | 13. Use with the GNU Affero General Public License. 553 | 554 | Notwithstanding any other provision of this License, you have 555 | permission to link or combine any covered work with a work licensed 556 | under version 3 of the GNU Affero General Public License into a single 557 | combined work, and to convey the resulting work. The terms of this 558 | License will continue to apply to the part which is the covered work, 559 | but the special requirements of the GNU Affero General Public License, 560 | section 13, concerning interaction through a network will apply to the 561 | combination as such. 562 | 563 | 14. Revised Versions of this License. 564 | 565 | The Free Software Foundation may publish revised and/or new versions of 566 | the GNU General Public License from time to time. Such new versions will 567 | be similar in spirit to the present version, but may differ in detail to 568 | address new problems or concerns. 569 | 570 | Each version is given a distinguishing version number. If the 571 | Program specifies that a certain numbered version of the GNU General 572 | Public License "or any later version" applies to it, you have the 573 | option of following the terms and conditions either of that numbered 574 | version or of any later version published by the Free Software 575 | Foundation. If the Program does not specify a version number of the 576 | GNU General Public License, you may choose any version ever published 577 | by the Free Software Foundation. 578 | 579 | If the Program specifies that a proxy can decide which future 580 | versions of the GNU General Public License can be used, that proxy's 581 | public statement of acceptance of a version permanently authorizes you 582 | to choose that version for the Program. 583 | 584 | Later license versions may give you additional or different 585 | permissions. However, no additional obligations are imposed on any 586 | author or copyright holder as a result of your choosing to follow a 587 | later version. 588 | 589 | 15. Disclaimer of Warranty. 590 | 591 | THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY 592 | APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT 593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY 594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, 595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 596 | PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM 597 | IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF 598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 599 | 600 | 16. Limitation of Liability. 601 | 602 | IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING 603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS 604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY 605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE 606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF 607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD 608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), 609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF 610 | SUCH DAMAGES. 611 | 612 | 17. Interpretation of Sections 15 and 16. 613 | 614 | If the disclaimer of warranty and limitation of liability provided 615 | above cannot be given local legal effect according to their terms, 616 | reviewing courts shall apply local law that most closely approximates 617 | an absolute waiver of all civil liability in connection with the 618 | Program, unless a warranty or assumption of liability accompanies a 619 | copy of the Program in return for a fee. 620 | 621 | END OF TERMS AND CONDITIONS 622 | 623 | How to Apply These Terms to Your New Programs 624 | 625 | If you develop a new program, and you want it to be of the greatest 626 | possible use to the public, the best way to achieve this is to make it 627 | free software which everyone can redistribute and change under these terms. 628 | 629 | To do so, attach the following notices to the program. It is safest 630 | to attach them to the start of each source file to most effectively 631 | state the exclusion of warranty; and each file should have at least 632 | the "copyright" line and a pointer to where the full notice is found. 633 | 634 | 635 | Copyright (C) 636 | 637 | This program is free software: you can redistribute it and/or modify 638 | it under the terms of the GNU General Public License as published by 639 | the Free Software Foundation, either version 3 of the License, or 640 | (at your option) any later version. 641 | 642 | This program is distributed in the hope that it will be useful, 643 | but WITHOUT ANY WARRANTY; without even the implied warranty of 644 | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 645 | GNU General Public License for more details. 646 | 647 | You should have received a copy of the GNU General Public License 648 | along with this program. If not, see . 649 | 650 | Also add information on how to contact you by electronic and paper mail. 651 | 652 | If the program does terminal interaction, make it output a short 653 | notice like this when it starts in an interactive mode: 654 | 655 | Copyright (C) 656 | This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'. 657 | This is free software, and you are welcome to redistribute it 658 | under certain conditions; type `show c' for details. 659 | 660 | The hypothetical commands `show w' and `show c' should show the appropriate 661 | parts of the General Public License. Of course, your program's commands 662 | might be different; for a GUI interface, you would use an "about box". 663 | 664 | You should also get your employer (if you work as a programmer) or school, 665 | if any, to sign a "copyright disclaimer" for the program, if necessary. 666 | For more information on this, and how to apply and follow the GNU GPL, see 667 | . 668 | 669 | The GNU General Public License does not permit incorporating your program 670 | into proprietary programs. If your program is a subroutine library, you 671 | may consider it more useful to permit linking proprietary applications with 672 | the library. If this is what you want to do, use the GNU Lesser General 673 | Public License instead of this License. But first, please read 674 | . 675 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # ESP_WWW 2 | 基于esp8266的万维网个人网站模板 3 | 4 | keai.icu 有彩蛋呢！ 5 | 6 | # 演示及教程视频：https://www.bilibili.com/video/BV1Rr4y1K7FC/ 7 | # 相关说明 8 | * 本项目需要 wifi_link_tool库 9 | * 需要使用文件系统 10 | * 使用ESP8266 进行建站 仅仅理论证明可信 实测可承受3个客户端同时访问 在20秒内全部加载完毕 11 | * 本项目是娱乐为主，其目的仅仅为实验性证明 12 | * 该项目包含网站中绝大部分请求内容 13 | * 为增加可读性 将所有请求函数独立出来 14 | * 网站中引用的视频为b站up：Devil青酱 的 “一花一世界，一叶一追寻，一曲一场叹，一生为一人。”（BV1wZ4y1W73L） 15 | 16 | ## 主页 17 | ![img](index.jpg) 18 | ## 文件系统内容 19 | ![img](wj.jpg) 20 | 21 | -------------------------------------------------------------------------------- /esp_www/data/ESP_VFD_Clock.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/ESP_VFD_Clock.jpg -------------------------------------------------------------------------------- /esp_www/data/ESP_weather_Cube.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/ESP_weather_Cube.jpg -------------------------------------------------------------------------------- /esp_www/data/Eastereggs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/Eastereggs.jpg -------------------------------------------------------------------------------- /esp_www/data/ROG_fan.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/ROG_fan.jpg -------------------------------------------------------------------------------- /esp_www/data/blblframe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/blblframe.jpg -------------------------------------------------------------------------------- /esp_www/data/config.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | 10 | 11 | 12 |

WiFi配置

13 |

仓库地址 :github.com/bilibilifmk/wifi_link_tool

14 |

当前设备类型 :ESP8266EX 仅支持2.4G

15 |
16 | 17 | 18 |
19 |
20 |
21 |
22 |
23 | 24 | 25 | 26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 | 41 | 46 | 47 | -------------------------------------------------------------------------------- /esp_www/data/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 5 | -------------------------------------------------------------------------------- /esp_www/data/css/owl-carousel.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.3.4 3 | * Copyright 2013-2018 David Deutsch 4 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 5 | */ 6 | .owl-carousel, 7 | .owl-carousel .owl-item { 8 | -webkit-tap-highlight-color: transparent; 9 | position: relative; 10 | } 11 | 12 | .owl-carousel { 13 | display: none; 14 | width: 100%; 15 | z-index: 1; 16 | } 17 | 18 | .owl-carousel .owl-stage { 19 | position: relative; 20 | touch-action: manipulation; 21 | -moz-backface-visibility: hidden; 22 | } 23 | 24 | .owl-carousel .owl-stage:after { 25 | content: "."; 26 | display: block; 27 | clear: both; 28 | visibility: hidden; 29 | line-height: 0; 30 | height: 0; 31 | } 32 | 33 | .owl-carousel .owl-stage-outer { 34 | position: relative; 35 | overflow: hidden; 36 | -webkit-transform: translate3d(0, 0, 0); 37 | } 38 | 39 | .owl-carousel .owl-item, 40 | .owl-carousel .owl-wrapper { 41 | -webkit-backface-visibility: hidden; 42 | -webkit-transform: translate3d(0, 0, 0); 43 | } 44 | 45 | .owl-carousel .owl-item { 46 | min-height: 1px; 47 | float: left; 48 | -webkit-backface-visibility: hidden; 49 | -webkit-touch-callout: none; 50 | } 51 | 52 | .owl-carousel .owl-dots.disabled, 53 | .owl-carousel .owl-nav.disabled { 54 | display: block; 55 | } 56 | 57 | .no-js .owl-carousel, 58 | .owl-carousel.owl-loaded { 59 | display: block; 60 | } 61 | 62 | .owl-carousel .owl-dot, 63 | .owl-carousel .owl-nav .owl-next, 64 | .owl-carousel .owl-nav .owl-prev { 65 | cursor: pointer; 66 | -webkit-user-select: none; 67 | -moz-user-select: none; 68 | -ms-user-select: none; 69 | user-select: none; 70 | } 71 | 72 | .owl-carousel .owl-nav button.owl-next, 73 | .owl-carousel .owl-nav button.owl-prev, 74 | .owl-carousel button.owl-dot { 75 | border: none; 76 | background: none; 77 | } 78 | 79 | .owl-carousel.owl-loading { 80 | opacity: 0; 81 | display: block; 82 | } 83 | 84 | .owl-carousel.owl-hidden { 85 | opacity: 0; 86 | } 87 | 88 | .owl-carousel.owl-refresh .owl-item { 89 | visibility: hidden; 90 | } 91 | 92 | .owl-carousel.owl-drag .owl-item { 93 | touch-action: pan-y; 94 | -webkit-user-select: none; 95 | -moz-user-select: none; 96 | -ms-user-select: none; 97 | user-select: none; 98 | } 99 | 100 | .owl-carousel.owl-grab { 101 | cursor: move; 102 | cursor: -webkit-grab; 103 | cursor: grab; 104 | } 105 | 106 | .owl-carousel.owl-rtl { 107 | direction: rtl; 108 | } 109 | 110 | .owl-carousel.owl-rtl .owl-item { 111 | float: right; 112 | } 113 | 114 | .owl-carousel .animated { 115 | -webkit-animation-duration: 1s; 116 | animation-duration: 1s; 117 | -webkit-animation-fill-mode: both; 118 | animation-fill-mode: both; 119 | } 120 | 121 | .owl-carousel .owl-animated-in { 122 | z-index: 0; 123 | } 124 | 125 | .owl-carousel .owl-animated-out { 126 | z-index: 1; 127 | } 128 | 129 | .owl-carousel .fadeOut { 130 | -webkit-animation-name: fadeOut; 131 | animation-name: fadeOut; 132 | } 133 | 134 | @-webkit-keyframes fadeOut { 135 | 0% { 136 | opacity: 1; 137 | } 138 | 139 | 100% { 140 | opacity: 0; 141 | } 142 | } 143 | 144 | @keyframes fadeOut { 145 | 0% { 146 | opacity: 1; 147 | } 148 | 149 | 100% { 150 | opacity: 0; 151 | } 152 | } 153 | 154 | .owl-height { 155 | transition: height .5s ease-in-out; 156 | } 157 | 158 | .owl-carousel .owl-item .owl-lazy { 159 | opacity: 0; 160 | transition: opacity .4s ease; 161 | } 162 | 163 | .owl-carousel .owl-item .owl-lazy:not([src]), 164 | .owl-carousel .owl-item .owl-lazy[src^=""] { 165 | max-height: 0; 166 | } 167 | 168 | .owl-carousel .owl-item img.owl-lazy { 169 | transform-style: preserve-3d; 170 | } 171 | 172 | .owl-carousel .owl-video-wrapper { 173 | position: relative; 174 | height: 100%; 175 | background: #000; 176 | } 177 | 178 | .owl-carousel .owl-video-play-icon { 179 | position: absolute; 180 | height: 80px; 181 | width: 80px; 182 | left: 50%; 183 | top: 50%; 184 | margin-left: -40px; 185 | margin-top: -40px; 186 | background: url(owl.video.play.png) no-repeat; 187 | cursor: pointer; 188 | z-index: 1; 189 | -webkit-backface-visibility: hidden; 190 | transition: transform .1s ease; 191 | } 192 | 193 | .owl-carousel .owl-video-play-icon:hover { 194 | transform: scale(1.3, 1.3); 195 | } 196 | 197 | .owl-carousel .owl-video-playing .owl-video-play-icon, 198 | .owl-carousel .owl-video-playing .owl-video-tn { 199 | display: none; 200 | } 201 | 202 | .owl-carousel .owl-video-tn { 203 | opacity: 0; 204 | height: 100%; 205 | background-position: center center; 206 | background-repeat: no-repeat; 207 | background-size: contain; 208 | transition: opacity .4s ease; 209 | } 210 | 211 | .owl-carousel .owl-video-frame { 212 | position: relative; 213 | z-index: 1; 214 | height: 100%; 215 | width: 100%; 216 | } 217 | 218 | /** 219 | * Owl Carousel v2.3.4 220 | * Copyright 2013-2018 David Deutsch 221 | * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE 222 | */ 223 | .owl-theme .owl-dots, 224 | .owl-theme .owl-nav { 225 | text-align: center; 226 | -webkit-tap-highlight-color: transparent; 227 | } 228 | 229 | .owl-dots { 230 | margin-top: 0px; 231 | bottom: 10px; 232 | position: absolute; 233 | width: 100%; 234 | } 235 | 236 | .owl-theme .owl-nav [class*=owl-] { 237 | color: #fff; 238 | font-size: 35px; 239 | margin: 0px; 240 | padding: 0 14px; 241 | background: rgba(255, 239, 236, 0.33); 242 | display: inline-block; 243 | cursor: pointer; 244 | transition: 0.3s ease-in-out; 245 | height: 50px; 246 | line-height: 50px; 247 | display: none; 248 | } 249 | 250 | .owl-theme .owl-nav [class*=owl-]:hover { 251 | background: var(--title-color); 252 | opacity: .8; 253 | text-decoration: none; 254 | outline: none; 255 | box-shadow: none; 256 | transition: 0.3s ease-in-out; 257 | } 258 | 259 | .owl-theme .owl-nav [class*=owl-]:focus, 260 | .owl-theme:focus, 261 | .owl-dots:focus, 262 | .owl-dot:focus { 263 | outline: none; 264 | box-shadow: none; 265 | } 266 | 267 | .owl-theme .owl-nav .disabled { 268 | opacity: .5; 269 | cursor: default; 270 | } 271 | 272 | .owl-theme .owl-nav.disabled+.owl-dots { 273 | margin-top: 0px; 274 | } 275 | 276 | .owl-theme .owl-dots .owl-dot { 277 | display: inline-block; 278 | zoom: 1; 279 | padding: 0; 280 | } 281 | 282 | .owl-theme .owl-dots .owl-dot span { 283 | width: 10px; 284 | height: 10px; 285 | margin: 2px 4px; 286 | background: #fff; 287 | border: 6px solid #eee; 288 | display: block; 289 | -webkit-backface-visibility: visible; 290 | transition: opacity .2s ease; 291 | border-radius: 30px; 292 | position: relative; 293 | } 294 | 295 | button.owl-next, 296 | button.owl-prev { 297 | position: absolute; 298 | bottom: 50%; 299 | } 300 | 301 | button.owl-prev { 302 | left: 0px; 303 | } 304 | 305 | button.owl-next { 306 | right: 0px; 307 | } 308 | 309 | .owl-theme .owl-dots .owl-dot.active span, 310 | .owl-theme .owl-dots .owl-dot:hover span { 311 | background: #fff; 312 | border: 6px solid #fff; 313 | transition: opacity .2s ease; 314 | } 315 | 316 | @media all and (max-width: 640px) { 317 | 318 | button.owl-next, 319 | button.owl-prev { 320 | position: absolute; 321 | bottom: 0%; 322 | } 323 | } -------------------------------------------------------------------------------- /esp_www/data/css/style.css: -------------------------------------------------------------------------------- 1 | /*-- 2 | Author: W3layouts 3 | Author URL: http://w3layouts.com 4 | --*/ 5 | html, 6 | body { 7 | margin: 0; 8 | font-size: 100%; 9 | background: #fff; 10 | font-family: 'Catamaran', sans-serif; 11 | } 12 | 13 | html { 14 | scroll-behavior: smooth; 15 | } 16 | 17 | body a { 18 | text-decoration: none; 19 | transition: 0.5s all; 20 | -webkit-transition: 0.5s all; 21 | -moz-transition: 0.5s all; 22 | -o-transition: 0.5s all; 23 | -ms-transition: 0.5s all; 24 | font-family: 'Catamaran', sans-serif; 25 | } 26 | 27 | body img { 28 | max-width: 100%; 29 | } 30 | 31 | a:hover { 32 | text-decoration: none; 33 | } 34 | 35 | input[type="button"], 36 | input[type="submit"], 37 | input[type="text"], 38 | input[type="email"], 39 | input[type="search"] { 40 | transition: 0.5s all; 41 | -webkit-transition: 0.5s all; 42 | -moz-transition: 0.5s all; 43 | -o-transition: 0.5s all; 44 | -ms-transition: 0.5s all; 45 | } 46 | 47 | h1, 48 | h2, 49 | h3, 50 | h4, 51 | h5, 52 | h6 { 53 | margin: 0; 54 | color: #323648; 55 | } 56 | 57 | li { 58 | list-style-type: none; 59 | } 60 | 61 | p { 62 | margin: 0; 63 | font-size: 17px; 64 | line-height: 2em; 65 | letter-spacing: 1px; 66 | color: #707579; 67 | } 68 | 69 | ul { 70 | margin: 0; 71 | padding: 0; 72 | } 73 | 74 | /*-- header --*/ 75 | 76 | a.navbar-brand { 77 | font-size: .75em; 78 | color: #fff; 79 | padding: 0; 80 | font-weight: 600; 81 | margin: 0; 82 | letter-spacing: 1px; 83 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37); 84 | position: relative; 85 | } 86 | 87 | .header-agile { 88 | width: 8%; 89 | } 90 | 91 | .social ul li { 92 | margin: 0px; 93 | display: inline-block; 94 | } 95 | 96 | .social ul li a { 97 | font-weight: 400; 98 | text-transform: capitalize; 99 | color: #ddd; 100 | letter-spacing: 1px; 101 | font-size: 15px; 102 | position: relative; 103 | padding: 0 0.1rem; 104 | } 105 | 106 | .social.social-invisible { 107 | display: none; 108 | } 109 | 110 | /*-- //header --*/ 111 | 112 | 113 | /*-- banner --*/ 114 | 115 | .banner-text { 116 | text-align: center; 117 | } 118 | 119 | .banner-text a { 120 | font-size: 17px; 121 | letter-spacing: 2px; 122 | color: #fff; 123 | outline: none; 124 | padding: 0px; 125 | text-decoration: underline; 126 | margin-top: 20px; 127 | border-radius: 4px; 128 | display: inline-block; 129 | position: relative; 130 | } 131 | 132 | /*-- text Slider --*/ 133 | 134 | 135 | p.sub-para { 136 | font-size: 18px; 137 | color: #fff; 138 | letter-spacing: 2px; 139 | font-weight: 300; 140 | } 141 | 142 | .slider-top span { 143 | font-weight: 600; 144 | } 145 | 146 | .home h3 { 147 | font-size: 2em; 148 | color: #ffffff; 149 | letter-spacing: 2px; 150 | font-weight: 400; 151 | line-height: 1.15em; 152 | } 153 | 154 | /* //text slider */ 155 | 156 | .bs-slider-overlay { 157 | width: 100%; 158 | height: 100%; 159 | background: rgba(0, 0, 0, 0.5); 160 | background-size: 2px; 161 | -webkit-background-size: 2px; 162 | -moz-background-size: 2px; 163 | -o-background-size: 2px; 164 | -ms-background-size: 2px; 165 | } 166 | 167 | .bs-slider-overlay1 { 168 | width: 100%; 169 | height: 100%; 170 | background: rgba(0, 0, 0, 0.5); 171 | background-size: 2px; 172 | -webkit-background-size: 2px; 173 | -moz-background-size: 2px; 174 | -o-background-size: 2px; 175 | -ms-background-size: 2px; 176 | } 177 | 178 | h4.agile-title, 179 | h1.agile-title, 180 | h2.agile-title { 181 | letter-spacing: 2px; 182 | line-height: 1.2em; 183 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37); 184 | font-size: 4em; 185 | color: #fff; 186 | } 187 | 188 | .banner-text h5 { 189 | letter-spacing: 6px; 190 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37); 191 | font-size: 1.5em; 192 | text-transform: uppercase; 193 | color: #fff; 194 | font-weight: 600; 195 | margin-bottom: .5em; 196 | } 197 | 198 | /*-- //banner --*/ 199 | 200 | 201 | /*-- banner --*/ 202 | 203 | .csslider>ul>li, 204 | .bs-slider-overlay, 205 | .csslider>ul>li, 206 | .bs-slider-overlay1 { 207 | min-height: 750px; 208 | } 209 | 210 | .csslider>ul>li:first-child { 211 | 212 | background-size: cover; 213 | } 214 | 215 | .csslider>ul>li:nth-child(2) { 216 | background: url(../images/banner2.jpg) no-repeat center; 217 | background-size: cover; 218 | } 219 | 220 | .csslider>ul>li:nth-child(3) { 221 | background: url(../images/banner3.jpg) no-repeat center; 222 | background-size: cover; 223 | } 224 | 225 | .csslider { 226 | position: relative; 227 | } 228 | 229 | .csslider>input { 230 | display: none; 231 | } 232 | 233 | .csslider>input:nth-of-type(3):checked~ul li:first-of-type { 234 | margin-left: -200%; 235 | } 236 | 237 | .csslider>input:nth-of-type(4):checked~ul li:first-of-type { 238 | margin-left: -300%; 239 | } 240 | 241 | .csslider>input:nth-of-type(2):checked~ul li:first-of-type { 242 | margin-left: -100%; 243 | } 244 | 245 | .csslider>input:nth-of-type(1):checked~ul li:first-of-type { 246 | margin-left: 0%; 247 | } 248 | 249 | .csslider>ul { 250 | position: relative; 251 | font-size: 0; 252 | line-height: 0; 253 | margin: 0 auto; 254 | padding: 0; 255 | overflow: hidden; 256 | white-space: nowrap; 257 | -moz-box-sizing: border-box; 258 | -webkit-box-sizing: border-box; 259 | box-sizing: border-box; 260 | } 261 | 262 | .csslider>ul>li { 263 | position: relative; 264 | display: inline-block; 265 | width: 100%; 266 | height: 100%; 267 | overflow: visible; 268 | font-size: 15px; 269 | font-size: initial; 270 | line-height: normal; 271 | -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); 272 | -o-transition: all 0.5s ease-out; 273 | -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); 274 | transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1); 275 | vertical-align: top; 276 | -moz-box-sizing: border-box; 277 | -webkit-box-sizing: border-box; 278 | box-sizing: border-box; 279 | white-space: normal; 280 | } 281 | 282 | .csslider>.navigation { 283 | position: absolute; 284 | bottom: 30px; 285 | left: 50%; 286 | z-index: 10; 287 | margin-bottom: -10px; 288 | font-size: 0; 289 | line-height: 0; 290 | text-align: center; 291 | -webkit-touch-callout: none; 292 | -webkit-user-select: none; 293 | -khtml-user-select: none; 294 | -moz-user-select: none; 295 | -ms-user-select: none; 296 | user-select: none; 297 | } 298 | 299 | .csslider>.navigation>div { 300 | margin-left: -100%; 301 | } 302 | 303 | .csslider>.navigation label { 304 | position: relative; 305 | display: inline-block; 306 | cursor: pointer; 307 | border-radius: 50%; 308 | margin: 0 4px; 309 | padding: 2px; 310 | background: #fff; 311 | border: 3px solid #fff; 312 | } 313 | 314 | .csslider>.navigation label:hover:after { 315 | opacity: 1; 316 | } 317 | 318 | .csslider>.navigation label:after { 319 | content: ''; 320 | position: absolute; 321 | left: 50%; 322 | top: 50%; 323 | margin-left: -7px; 324 | margin-top: -7px; 325 | background: transparent; 326 | border-radius: 50%; 327 | padding: 3px; 328 | opacity: 0; 329 | border: 4px solid #fff; 330 | } 331 | 332 | .csslider.inside .navigation { 333 | bottom: 10px; 334 | margin-bottom: 10px; 335 | } 336 | 337 | .csslider.inside .navigation label { 338 | border: 1px solid #7e7e7e; 339 | } 340 | 341 | .csslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):after, 342 | .csslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):after, 343 | .csslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):after { 344 | opacity: 1; 345 | } 346 | 347 | .csslider.infinity>input:first-of-type:checked~.arrows label.goto-last, 348 | .csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0), 349 | .csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1), 350 | .csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2) { 351 | display: block; 352 | left: 0; 353 | right: auto; 354 | -moz-transform: rotate(45deg); 355 | -ms-transform: rotate(45deg); 356 | -o-transform: rotate(45deg); 357 | -webkit-transform: rotate(45deg); 358 | transform: rotate(45deg); 359 | } 360 | 361 | .csslider.infinity>input:last-of-type:checked~.arrows label.goto-first, 362 | .csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2), 363 | .csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3) { 364 | display: block; 365 | right: 0; 366 | left: auto; 367 | -moz-transform: rotate(225deg); 368 | -ms-transform: rotate(225deg); 369 | -o-transform: rotate(225deg); 370 | -webkit-transform: rotate(225deg); 371 | transform: rotate(225deg); 372 | } 373 | 374 | /*#region MODULES */ 375 | 376 | 377 | #slider1 { 378 | width: 100%; 379 | } 380 | 381 | @media screen and (max-width: 800px) { 382 | .csslider>.navigation { 383 | bottom: 75px; 384 | } 385 | } 386 | 387 | @media screen and (max-width: 768px) { 388 | .csslider>ul>li { 389 | min-height: 486px; 390 | } 391 | } 392 | 393 | @media screen and (max-width:736px) { 394 | 395 | .csslider>.navigation { 396 | bottom: 40px; 397 | } 398 | } 399 | 400 | @media screen and (max-width: 640px) { 401 | .csslider>ul>li { 402 | min-height: 420px; 403 | } 404 | } 405 | 406 | @media screen and (max-width: 600px) { 407 | .csslider>ul>li { 408 | min-height: 385px; 409 | } 410 | } 411 | 412 | @media screen and (max-width: 480px) { 413 | .csslider>ul>li { 414 | min-height: 330px; 415 | } 416 | } 417 | 418 | @media screen and (max-width: 384px) { 419 | .csslider>ul>li { 420 | min-height: 280px; 421 | } 422 | } 423 | 424 | /* //banner */ 425 | 426 | /* header */ 427 | /* CSS Document */ 428 | header { 429 | backdrop-filter: saturate(180%) blur(20px); 430 | position: absolute; 431 | z-index: 9; 432 | width: 100%; 433 | padding: 1rem 0; 434 | background: rgba(0, 0, 0, 0.1); 435 | } 436 | 437 | .toggle, 438 | [id^=drop] { 439 | display: none; 440 | } 441 | 442 | /* Giving a background-color to the nav container. */ 443 | nav { 444 | margin: 0; 445 | padding: 0; 446 | } 447 | 448 | 449 | /* Since we'll have the "ul li" "float:left" 450 | * we need to add a clear after the container. */ 451 | 452 | nav:after { 453 | content: ""; 454 | display: table; 455 | clear: both; 456 | } 457 | 458 | /* Removing padding, margin and "list-style" from the "ul", 459 | * and adding "position:reltive" */ 460 | nav ul { 461 | float: right; 462 | padding: 0; 463 | margin: 0; 464 | list-style: none; 465 | position: relative; 466 | } 467 | 468 | /* Positioning the navigation items inline */ 469 | nav ul li { 470 | margin: 0px; 471 | display: inline-block; 472 | float: left; 473 | } 474 | 475 | /* Styling the links */ 476 | nav a { 477 | font-weight: 400; 478 | text-transform: capitalize; 479 | color: #eee; 480 | letter-spacing: 1px; 481 | font-size: 20px; 482 | position: relative; 483 | padding: 0.6rem; 484 | } 485 | 486 | 487 | nav ul li ul li:hover { 488 | background: #f8f9fa; 489 | } 490 | 491 | /* Background color change on Hover */ 492 | nav a:hover { 493 | color: #ddd; 494 | background: transparent; 495 | } 496 | 497 | .menu li.active a { 498 | color: #eee; 499 | background: transparent; 500 | } 501 | 502 | /* Hide Dropdowns by Default 503 | * and giving it a position of absolute */ 504 | nav ul ul { 505 | display: none; 506 | position: absolute; 507 | /* has to be the same number as the "line-height" of "nav a" */ 508 | top: 25px; 509 | background: #fff; 510 | padding: 10px; 511 | } 512 | 513 | ul.inner-dropdown a:hover { 514 | color: #333; 515 | } 516 | 517 | /* Display Dropdowns on Hover */ 518 | nav ul li:hover>ul { 519 | display: inherit; 520 | } 521 | 522 | /* Fisrt Tier Dropdown */ 523 | nav ul ul li { 524 | width: 160px; 525 | float: none; 526 | display: list-item; 527 | position: relative; 528 | } 529 | 530 | nav ul ul li a { 531 | color: #333; 532 | padding: 5px 10px; 533 | display: block; 534 | } 535 | 536 | /* Second, Third and more Tiers 537 | * We move the 2nd and 3rd etc tier dropdowns to the left 538 | * by the amount of the width of the first tier. 539 | */ 540 | nav ul ul ul li { 541 | position: relative; 542 | top: -60px; 543 | /* has to be the same number as the "width" of "nav ul ul li" */ 544 | left: 170px; 545 | } 546 | 547 | 548 | /* Change ' +' in order to change the Dropdown symbol */ 549 | li>a:only-child:after { 550 | content: ''; 551 | } 552 | 553 | 554 | /* Media Queries 555 | --------------------------------------------- */ 556 | 557 | @media all and (max-width : 991px) { 558 | 559 | #logo { 560 | display: block; 561 | padding: 0; 562 | width: 100%; 563 | text-align: center; 564 | float: none; 565 | } 566 | 567 | nav { 568 | margin: 0; 569 | } 570 | 571 | .header-agile { 572 | float: left; 573 | } 574 | 575 | nav ul { 576 | width: 100%; 577 | } 578 | 579 | /* Hide the navigation menu by default */ 580 | /* Also hide the */ 581 | .toggle+a, 582 | .menu { 583 | display: none; 584 | } 585 | 586 | /* Stylinf the toggle lable */ 587 | .toggle { 588 | display: block; 589 | padding: 4px 18px; 590 | font-size: 20px; 591 | text-decoration: none; 592 | border: none; 593 | float: right; 594 | background-color: #00bbd1; 595 | color: #fff; 596 | } 597 | 598 | .menu .toggle { 599 | float: none; 600 | text-align: center; 601 | margin: auto; 602 | width: 25%; 603 | padding: 5px; 604 | font-weight: normal; 605 | font-size: 15px; 606 | letter-spacing: 1px; 607 | background: none; 608 | color: #333; 609 | } 610 | 611 | .toggle:hover { 612 | color: #333; 613 | background-color: #fff; 614 | } 615 | 616 | /* Display Dropdown when clicked on Parent Lable */ 617 | [id^=drop]:checked+ul { 618 | display: block; 619 | background: #fff; 620 | padding: 15px 0; 621 | text-align: center; 622 | } 623 | 624 | /* Change menu item's width to 100% */ 625 | nav ul li { 626 | display: block; 627 | width: 100%; 628 | padding: 5px 0; 629 | } 630 | 631 | nav ul ul .toggle, 632 | nav ul ul a { 633 | padding: 0 40px; 634 | } 635 | 636 | nav ul ul ul a { 637 | padding: 0 80px; 638 | } 639 | 640 | nav a:hover, 641 | nav ul ul ul a { 642 | background-color: transparent; 643 | } 644 | 645 | nav ul li ul li .toggle, 646 | nav ul ul a, 647 | nav ul ul ul a { 648 | padding: 14px 20px; 649 | color: #FFF; 650 | font-size: 17px; 651 | } 652 | 653 | /* Hide Dropdowns by Default */ 654 | nav ul ul { 655 | float: none; 656 | position: static; 657 | color: #ffffff; 658 | /* has to be the same number as the "line-height" of "nav a" */ 659 | } 660 | 661 | /* Hide menus on hover */ 662 | nav ul ul li:hover>ul, 663 | nav ul li:hover>ul { 664 | display: none; 665 | } 666 | 667 | /* Fisrt Tier Dropdown */ 668 | nav ul ul li { 669 | display: block; 670 | width: 100%; 671 | padding: 0; 672 | } 673 | 674 | nav ul ul ul li { 675 | position: static; 676 | /* has to be the same number as the "width" of "nav ul ul li" */ 677 | 678 | } 679 | 680 | nav a { 681 | color: #333; 682 | } 683 | 684 | nav a:hover { 685 | color: #333; 686 | } 687 | 688 | .menu li.active a { 689 | color: #333; 690 | } 691 | 692 | nav ul ul li a { 693 | display: inline-block; 694 | font-size: 15px; 695 | } 696 | 697 | ul.inner-dropdown { 698 | padding-bottom: 0 !important; 699 | padding-top: 8px !important; 700 | } 701 | } 702 | 703 | @media all and (max-width : 330px) { 704 | 705 | nav ul li { 706 | display: block; 707 | width: 94%; 708 | } 709 | 710 | } 711 | 712 | /*-- // header --*/ 713 | 714 | /* -- about --*/ 715 | .about h4 { 716 | font-size: 30px; 717 | text-transform: capitalize; 718 | letter-spacing: 1px; 719 | } 720 | 721 | .about-padding { 722 | padding: 2em 4em; 723 | } 724 | 725 | .img-div { 726 | position: relative; 727 | } 728 | 729 | .position-img { 730 | position: absolute; 731 | right: 0; 732 | bottom: 10%; 733 | } 734 | 735 | .position-img1 { 736 | position: absolute; 737 | left: 0; 738 | bottom: 10%; 739 | } 740 | 741 | /* -- //about --*/ 742 | 743 | 744 | /*-- services --*/ 745 | 746 | .bottom-gd-content h4 { 747 | letter-spacing: 2px; 748 | } 749 | 750 | .bottom-gd-icon span { 751 | font-size: 2em; 752 | color: #ff3c41; 753 | } 754 | 755 | .bottom-gd-ser { 756 | background: #fff; 757 | border-radius: 4px; 758 | -webkit-border-radius: 4px; 759 | -moz-border-radius: 4px; 760 | -ms-border-radius: 4px; 761 | -o-border-radius: 4px; 762 | box-shadow: 5px 5px 10px 0 rgba(76, 110, 245, .1); 763 | } 764 | 765 | h3.heading { 766 | font-size: 40px; 767 | text-transform: uppercase; 768 | font-weight: 800; 769 | letter-spacing: 3px; 770 | } 771 | 772 | .services { 773 | background: #f5f6f7; 774 | } 775 | 776 | /*-- //services --*/ 777 | 778 | 779 | /*-- gallery --*/ 780 | section#gallery { 781 | position: relative; 782 | } 783 | 784 | .gal-img { 785 | padding: 10px; 786 | } 787 | 788 | .gal-img img { 789 | border-radius: 4px; 790 | -webkit-border-radius: 4px; 791 | -o-border-radius: 4px; 792 | -moz-border-radius: 4px; 793 | -webkit-transition: 0.5s all; 794 | -moz-transition: 0.5s all; 795 | transition: 0.5s all; 796 | margin-bottom: 15px; 797 | } 798 | 799 | .gal-img:hover.gal-img img { 800 | box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3); 801 | } 802 | 803 | /*-- popup --*/ 804 | 805 | .pop-overlay { 806 | position: absolute; 807 | top: 0px; 808 | bottom: 0; 809 | left: 0; 810 | right: 0; 811 | background: rgba(0, 0, 0, 0.7); 812 | transition: opacity 0ms; 813 | visibility: hidden; 814 | opacity: 0; 815 | z-index: 999; 816 | } 817 | 818 | .pop-overlay:target { 819 | visibility: visible; 820 | opacity: 1; 821 | } 822 | 823 | .popup { 824 | background: #fff; 825 | border-radius: 5px; 826 | max-width: 500px; 827 | position: relative; 828 | margin: 8em auto; 829 | padding: 3em 1em; 830 | } 831 | 832 | .popup p { 833 | font-size: 16px; 834 | color: #666; 835 | letter-spacing: .5px; 836 | line-height: 30px; 837 | } 838 | 839 | .popup h2 { 840 | margin-top: 0; 841 | color: #fff; 842 | 843 | } 844 | 845 | .popup .close { 846 | position: absolute; 847 | top: 5px; 848 | right: 15px; 849 | transition: all 200ms; 850 | font-size: 30px; 851 | font-weight: bold; 852 | text-decoration: none; 853 | color: #000; 854 | } 855 | 856 | .popup .close:hover { 857 | color: #ff3c41; 858 | } 859 | 860 | /*-- //popup --*/ 861 | /*-- //gallery --*/ 862 | 863 | 864 | /*-- stats --*/ 865 | .stats-info { 866 | background: url(../images/banner2.jpg) no-repeat center; 867 | background-size: cover; 868 | -webkit-background-size: cover; 869 | -o-background-size: cover; 870 | -moz-background-size: cover; 871 | -ms-background-size: cover; 872 | } 873 | 874 | .stats-info h3.heading, 875 | p.center { 876 | color: #fff; 877 | } 878 | 879 | .overlay { 880 | background: rgba(0, 0, 0, 0.5); 881 | } 882 | 883 | p.text-li { 884 | color: #ccc; 885 | } 886 | 887 | .stats-grid-w3-agile .icon-right-w3ls { 888 | background: #ff3c41; 889 | width: 65px; 890 | height: 65px; 891 | line-height: 65px; 892 | text-align: center; 893 | color: #fff; 894 | margin: auto; 895 | border-radius: 5px; 896 | -webkit-border-radius: 5px; 897 | -moz-border-radius: 5px; 898 | -ms-border-radius: 5px; 899 | -o-border-radius: 5px; 900 | } 901 | 902 | .stats-grid-w3-agile span.fa { 903 | font-size: 30px; 904 | color: #fff; 905 | line-height: 65px; 906 | } 907 | 908 | .counter { 909 | font-size: 40px; 910 | line-height: 1.2; 911 | color: #fff; 912 | font-weight: 700; 913 | } 914 | 915 | /*-- //stats --*/ 916 | 917 | 918 | /*-- contact --*/ 919 | .contact-left span { 920 | text-transform: uppercase; 921 | font-weight: 600; 922 | letter-spacing: 2px; 923 | color: #03A9F4; 924 | font-size: 16px; 925 | padding-left: 10px; 926 | } 927 | 928 | .contact input[type="text"], 929 | .contact input[type="email"], 930 | .contact select, 931 | .contact textarea { 932 | display: block; 933 | width: 100%; 934 | margin-bottom: 15px; 935 | padding: 12px 20px; 936 | outline: none; 937 | font-size: 16px; 938 | font-weight: 400; 939 | color: #777; 940 | background-color: transparent; 941 | text-transform: capitalize; 942 | background-image: none; 943 | letter-spacing: 1px; 944 | -webkit-appearance: none; 945 | transition: .3s ease-in-out; 946 | border: 1px solid #ccc; 947 | } 948 | 949 | .contact textarea { 950 | height: 120px; 951 | } 952 | 953 | .footer-style-w3ls p { 954 | font-size: 16px; 955 | } 956 | 957 | .footer-style-w3ls p a { 958 | color: #707579; 959 | } 960 | 961 | .contact button.btn { 962 | background: #ff3c41; 963 | font-size: 17px; 964 | display: inline-block; 965 | color: #fff; 966 | border: none; 967 | padding: 12px 40px; 968 | letter-spacing: 2px; 969 | margin-top: 0px; 970 | cursor: pointer; 971 | border-radius: 4px; 972 | -webkit-border-radius: 4px; 973 | -moz-border-radius: 4px; 974 | -ms-border-radius: 4px; 975 | -o-border-radius: 4px; 976 | } 977 | 978 | .contact iframe { 979 | border: none; 980 | outline: none; 981 | height: 310px; 982 | width: 100%; 983 | padding: 5px; 984 | } 985 | 986 | .phone-icon { 987 | text-align: center; 988 | } 989 | 990 | /*-- //contact --*/ 991 | 992 | 993 | /* -- //newsletter --*/ 994 | .subscribe-text input[type="email"] { 995 | outline: none; 996 | padding: 13px 20px; 997 | color: #333; 998 | font-size: 16px; 999 | width: 88%; 1000 | border: none; 1001 | background: none; 1002 | letter-spacing: 1px; 1003 | } 1004 | 1005 | .subscribe-text { 1006 | background: #f5f6f7; 1007 | } 1008 | 1009 | button.btn1 { 1010 | color: #808080; 1011 | border: none; 1012 | padding: 13px 0; 1013 | outline: none; 1014 | text-align: center; 1015 | text-decoration: none; 1016 | background: none; 1017 | cursor: pointer; 1018 | -webkit-transition: 0.5s all; 1019 | -moz-transition: 0.5s all; 1020 | -o-transition: 0.5s all; 1021 | -ms-transition: 0.5s all; 1022 | transition: 0.5s all; 1023 | float: right; 1024 | width: 12%; 1025 | } 1026 | 1027 | .subscribe-text form { 1028 | border: 1px solid #808080; 1029 | width: 100%; 1030 | } 1031 | 1032 | /* -- //newsletter --*/ 1033 | 1034 | 1035 | /*-- footer --*/ 1036 | 1037 | ul.bottom-links-w3_pvt { 1038 | border-top: 1px solid #1a1d1d; 1039 | border-bottom: 1px solid #1a1d1d; 1040 | padding: 1.5em 0; 1041 | margin: 3em 0; 1042 | } 1043 | 1044 | ul.bottom-links-w3_pvt li { 1045 | display: inline-block; 1046 | margin: 0 2em; 1047 | } 1048 | 1049 | ul.bottom-links-w3_pvt li:last-child { 1050 | float: right; 1051 | } 1052 | 1053 | ul.bottom-links-w3_pvt li a.active, 1054 | ul.bottom-links-w3_pvt li a:hover { 1055 | color: #34c663; 1056 | } 1057 | 1058 | ul.bottom-links-w3_pvt li a { 1059 | font-size: 14px; 1060 | color: #606161; 1061 | text-transform: uppercase; 1062 | letter-spacing: 1px; 1063 | } 1064 | 1065 | .footv4-left h2 a { 1066 | font-size: 0.9em; 1067 | letter-spacing: 0.5px; 1068 | color: #fff !important; 1069 | display: block; 1070 | position: relative; 1071 | margin-bottom: 1em; 1072 | font-weight: 800; 1073 | text-transform: uppercase; 1074 | } 1075 | 1076 | ul.d-flex.header-agile li span { 1077 | margin-right: 1em; 1078 | color: #0cc5b7; 1079 | } 1080 | 1081 | .footv4-left ul.v4-rel li { 1082 | display: block; 1083 | list-style-type: none; 1084 | margin-bottom: 10px; 1085 | } 1086 | 1087 | ul.footer-link li { 1088 | display: inline-block; 1089 | line-height: 2; 1090 | margin-right: 1em; 1091 | } 1092 | 1093 | ul.footer-link li a { 1094 | color: #666; 1095 | text-transform: capitalize; 1096 | font-size: 17px; 1097 | letter-spacing: 1px; 1098 | } 1099 | 1100 | footer { 1101 | background: #000; 1102 | } 1103 | 1104 | .copy-right p { 1105 | color: #444; 1106 | } 1107 | 1108 | .copy-right p a { 1109 | color: #666; 1110 | } 1111 | 1112 | .footer-logo a { 1113 | font-size: 32px; 1114 | color: #eee; 1115 | letter-spacing: 1px; 1116 | font-weight: 600; 1117 | } 1118 | 1119 | /*-- //footer --*/ 1120 | 1121 | 1122 | /*-- move top --*/ 1123 | 1124 | a.move-top { 1125 | color: #fff; 1126 | font-size: 20px; 1127 | background: #ff3c41; 1128 | width: 40px; 1129 | height: 40px; 1130 | line-height: 40px; 1131 | letter-spacing: 2px; 1132 | border-radius: 50px; 1133 | -webkit-border-radius: 50px; 1134 | -moz-border-radius: 50px; 1135 | -ms-border-radius: 50px; 1136 | -o-border-radius: 50px; 1137 | margin-bottom: 20px; 1138 | display: inline-block; 1139 | } 1140 | 1141 | /*--// move top --*/ 1142 | 1143 | 1144 | /*-- Responsive design --*/ 1145 | 1146 | @media(max-width:1440px) {} 1147 | 1148 | @media(max-width:1080px) { 1149 | 1150 | .csslider>ul>li, 1151 | .bs-slider-overlay, 1152 | .csslider>ul>li, 1153 | .bs-slider-overlay1 { 1154 | min-height: 680px; 1155 | } 1156 | 1157 | h4.agile-title, 1158 | h1.agile-title, 1159 | h2.agile-title { 1160 | font-size: 3.5em; 1161 | } 1162 | 1163 | .about-padding { 1164 | padding: 2em 3em; 1165 | } 1166 | 1167 | .about h4 { 1168 | font-size: 28px; 1169 | } 1170 | 1171 | h3.heading { 1172 | font-size: 35px; 1173 | letter-spacing: 1px; 1174 | } 1175 | 1176 | p.text-li { 1177 | font-size: 15px; 1178 | } 1179 | 1180 | .bottom-gd-content h4 { 1181 | letter-spacing: 1px; 1182 | font-size: 22px; 1183 | } 1184 | } 1185 | 1186 | @media(max-width:1024px) { 1187 | 1188 | .csslider>ul>li, 1189 | .bs-slider-overlay, 1190 | .csslider>ul>li, 1191 | .bs-slider-overlay1 { 1192 | min-height: 650px; 1193 | } 1194 | } 1195 | 1196 | @media(max-width:991px) { 1197 | .about-padding { 1198 | padding: 0em 1em; 1199 | } 1200 | 1201 | .img-div { 1202 | margin: 4em 0; 1203 | } 1204 | 1205 | .csslider>ul>li, 1206 | .bs-slider-overlay, 1207 | .csslider>ul>li, 1208 | .bs-slider-overlay1 { 1209 | min-height: 600px; 1210 | } 1211 | 1212 | header { 1213 | padding: 0rem 0; 1214 | } 1215 | 1216 | .social.social-invisible { 1217 | display: block; 1218 | } 1219 | 1220 | .social { 1221 | display: none; 1222 | } 1223 | 1224 | .header-agile { 1225 | width: auto; 1226 | } 1227 | } 1228 | 1229 | @media(max-width:900px) { 1230 | 1231 | h4.agile-title, 1232 | h1.agile-title, 1233 | h2.agile-title { 1234 | font-size: 3em; 1235 | } 1236 | } 1237 | 1238 | @media(max-width:736px) { 1239 | 1240 | h4.agile-title, 1241 | h1.agile-title, 1242 | h2.agile-title { 1243 | font-size: 2.6em; 1244 | letter-spacing: 1px; 1245 | } 1246 | 1247 | .banner-text h5 { 1248 | letter-spacing: 4px; 1249 | font-size: 1.2em; 1250 | } 1251 | 1252 | .csslider>ul>li, 1253 | .bs-slider-overlay, 1254 | .csslider>ul>li, 1255 | .bs-slider-overlay1 { 1256 | min-height: 550px; 1257 | } 1258 | 1259 | .stats-grid-w3-agile .icon-right-w3ls { 1260 | width: 60px; 1261 | height: 60px; 1262 | line-height: 60px; 1263 | } 1264 | 1265 | .stats-grid-w3-agile span.fa { 1266 | font-size: 25px; 1267 | line-height: 60px; 1268 | } 1269 | 1270 | .counter { 1271 | font-size: 34px; 1272 | } 1273 | 1274 | .footer-logo a { 1275 | font-size: 28px; 1276 | } 1277 | 1278 | .copy-right p { 1279 | font-size: 16px; 1280 | } 1281 | } 1282 | 1283 | @media(max-width:667px) { 1284 | .img-div { 1285 | margin: 2em 0 0; 1286 | } 1287 | 1288 | .position-img, 1289 | .position-img1 { 1290 | position: static; 1291 | margin: 2em 0; 1292 | } 1293 | 1294 | .about h4 { 1295 | font-size: 25px; 1296 | } 1297 | 1298 | p { 1299 | font-size: 16px; 1300 | } 1301 | 1302 | .csslider>ul>li, 1303 | .bs-slider-overlay, 1304 | .csslider>ul>li, 1305 | .bs-slider-overlay1 { 1306 | min-height: 500px; 1307 | } 1308 | } 1309 | 1310 | @media(max-width:568px) { 1311 | h3.heading { 1312 | font-size: 30px; 1313 | letter-spacing: 1px; 1314 | } 1315 | 1316 | h4.agile-title, 1317 | h1.agile-title, 1318 | h2.agile-title { 1319 | font-size: 2.2em; 1320 | letter-spacing: 1px; 1321 | } 1322 | 1323 | .banner-text h5 { 1324 | letter-spacing: 3px; 1325 | font-size: 1em; 1326 | } 1327 | 1328 | .csslider>ul>li, 1329 | .bs-slider-overlay, 1330 | .csslider>ul>li, 1331 | .bs-slider-overlay1 { 1332 | min-height: 450px; 1333 | } 1334 | } 1335 | 1336 | @media(max-width:480px) { 1337 | .bottom-gd-content h4 { 1338 | font-size: 20px; 1339 | } 1340 | 1341 | p { 1342 | line-height: 1.8; 1343 | } 1344 | 1345 | .menu .toggle { 1346 | width: 30%; 1347 | } 1348 | 1349 | ul.footer-link { 1350 | text-align: center; 1351 | } 1352 | } 1353 | 1354 | @media(max-width:414px) { 1355 | .about h4 { 1356 | font-size: 23px; 1357 | } 1358 | 1359 | .counter { 1360 | font-size: 30px; 1361 | } 1362 | 1363 | h3.heading { 1364 | font-size: 27px; 1365 | letter-spacing: 0px; 1366 | } 1367 | 1368 | .contact input[type="text"], 1369 | .contact input[type="email"], 1370 | .contact select, 1371 | .contact textarea { 1372 | font-size: 14px; 1373 | } 1374 | 1375 | .contact button.btn { 1376 | font-size: 16px; 1377 | padding: 10px 35px; 1378 | letter-spacing: 1px; 1379 | } 1380 | 1381 | h4.agile-title, 1382 | h1.agile-title, 1383 | h2.agile-title { 1384 | font-size: 2em; 1385 | letter-spacing: 0px; 1386 | } 1387 | 1388 | .banner-text h5 { 1389 | letter-spacing: 2px; 1390 | font-size: .9em; 1391 | } 1392 | 1393 | .menu .toggle { 1394 | width: 35%; 1395 | } 1396 | } 1397 | 1398 | @media(max-width:384px) { 1399 | 1400 | h4.agile-title, 1401 | h1.agile-title, 1402 | h2.agile-title { 1403 | font-size: 1.8em; 1404 | } 1405 | 1406 | .banner-text a { 1407 | font-size: 15px; 1408 | margin-top: 10px; 1409 | } 1410 | 1411 | .footer-logo a { 1412 | font-size: 25px; 1413 | letter-spacing: 0; 1414 | } 1415 | 1416 | .popup { 1417 | margin: 8em 1em; 1418 | } 1419 | } 1420 | 1421 | /*-- //Responsive design --*/ 1422 | 1423 | 1424 | /* main-slider-css */ 1425 | .banner-info { 1426 | text-align: center; 1427 | } 1428 | 1429 | .banner-info a { 1430 | font-size: 17px; 1431 | letter-spacing: 2px; 1432 | color: #fff; 1433 | outline: none; 1434 | padding: 0px; 1435 | text-decoration: underline; 1436 | margin-top: 20px; 1437 | border-radius: 4px; 1438 | display: inline-block; 1439 | position: relative; 1440 | } 1441 | 1442 | .banner-info h5 { 1443 | letter-spacing: 6px; 1444 | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37); 1445 | font-size: 1.5em; 1446 | text-transform: uppercase; 1447 | color: #fff; 1448 | font-weight: 600; 1449 | margin-bottom: .5em; 1450 | } 1451 | 1452 | .banner-view { 1453 | 1454 | background-size: cover; 1455 | min-height: 850px; 1456 | position: relative; 1457 | z-index: 0; 1458 | display: grid; 1459 | align-items: center; 1460 | } 1461 | 1462 | .banner-top1 { 1463 | background: url(../images/banner2.jpg) no-repeat center; 1464 | background-size: cover; 1465 | } 1466 | 1467 | .banner-top2 { 1468 | background: url(../images/banner3.jpg) no-repeat center; 1469 | background-size: cover; 1470 | } 1471 | 1472 | .banner-view:before { 1473 | content: ""; 1474 | background: rgba(7, 10, 12, 0.45); 1475 | position: absolute; 1476 | top: 0; 1477 | min-height: 100%; 1478 | left: 0; 1479 | right: 0; 1480 | z-index: -1; 1481 | } 1482 | 1483 | @media (max-width: 1680px) { 1484 | .banner-view { 1485 | min-height: 750px; 1486 | } 1487 | } 1488 | 1489 | @media (max-width: 1440px) { 1490 | .banner-view { 1491 | min-height: 680px; 1492 | } 1493 | } 1494 | 1495 | @media (max-width: 1080px) { 1496 | .banner-view { 1497 | min-height: 660px; 1498 | } 1499 | } 1500 | 1501 | @media (max-width: 992px) { 1502 | .banner-view { 1503 | min-height: 630px; 1504 | } 1505 | } 1506 | 1507 | @media (max-width: 736px) { 1508 | .banner-view { 1509 | min-height: 580px; 1510 | } 1511 | 1512 | .banner-info h5 { 1513 | letter-spacing: 4px; 1514 | font-size: 1.2em; 1515 | } 1516 | } 1517 | 1518 | @media (max-width: 600px) { 1519 | .banner-view { 1520 | min-height: 530px; 1521 | } 1522 | } 1523 | 1524 | @media (max-width: 568px) { 1525 | .banner-view { 1526 | min-height: 400px; 1527 | } 1528 | 1529 | .banner-info h5 { 1530 | letter-spacing: 3px; 1531 | font-size: 1em; 1532 | } 1533 | } 1534 | 1535 | @media (max-width: 414px) { 1536 | .banner-info h5 { 1537 | letter-spacing: 2px; 1538 | font-size: .9em; 1539 | } 1540 | } 1541 | 1542 | 1543 | @media (max-width: 384px) { 1544 | 1545 | .banner-info a { 1546 | font-size: 15px; 1547 | margin-top: 10px; 1548 | } 1549 | } 1550 | 1551 | /* /main-slider-css ends * / -------------------------------------------------------------------------------- /esp_www/data/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/favicon.ico -------------------------------------------------------------------------------- /esp_www/data/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 小可爱的个人主页 6 | 7 | 8 | 9 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 57 | 58 | 59 | 60 | 61 | 62 | 63 |
64 | 65 | 66 | 67 |
68 |
69 |
70 |

71 | 72 |

73 | 78 |
79 |
80 | 88 |
89 | 90 |
91 |
92 | 93 |
94 |
95 |
96 |
  • 97 | 98 | 113 |
    • 114 |
    115 | 116 |
    117 | 118 |
    119 | 120 |
    121 |
    122 |
    123 |
    124 |

    我的个人简介

    125 |

    附本人照片一张(需要解码，喵~ 小猫咪能有什么坏心眼)

    126 |

    全世界最可爱的全栈娘(自封的)

    127 |

    至我所爱，终其一生！

    128 |

    技能：语言(Basic、c艹、c#、python、Java) 、硬件设计、应用电路设计、机械结构设计、3D建模、嵌入式、外观设计、视频剪辑、封面设计、能熟练进行Linux|Windows等系统的开关机、能熟练使用sudo rm -rf /*删库跑路

    129 |
    130 |
    131 | 132 | 133 | 134 |
    135 | 136 | 137 | 233 | 234 | 265 | 266 | 267 | 268 | 310 | 311 | 330 | 331 | 332 | 333 | -------------------------------------------------------------------------------- /esp_www/data/modernizr.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.6.2 (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).matches;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:50px/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 k(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 l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=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){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(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 2 | 3 | 4 | 5 | 6 | 7 | 服务器运行时间 8 | 31 | 32 | 33 |
    34 |

    本服务集成在ESP8266中

    35 |

    目前已经工作

    36 | 37 |

    38 | 39 | 40 |
    41 | 42 | 43 | 62 | -------------------------------------------------------------------------------- /esp_www/data/wifi_link_tool.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/wifi_link_tool.jpg -------------------------------------------------------------------------------- /esp_www/data/wz.txt: -------------------------------------------------------------------------------- 1 | 小可爱天下第一, -------------------------------------------------------------------------------- /esp_www/data/wzxq.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 文字星球 6 | 7 | 62 | 63 | 64 | 65 | 66 | 67 |
    68 | 69 | 70 | 71 | 72 |
    73 |

    74 |

    75 |

    76 |

    77 |

    78 | 79 | 80 |

    81 | 82 |

    83 | 84 | 85 | 86 | 87 | 88 |

    89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 600 | 601 | 602 | 603 | 604 | 605 | 610 | 611 | 612 | -------------------------------------------------------------------------------- /esp_www/data/zp.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/esp_www/data/zp.jpg -------------------------------------------------------------------------------- /esp_www/esp_www.ino: -------------------------------------------------------------------------------- 1 | /* 2 | 使用ESP8266 进行建站 仅仅理论证明可信 实测可承受3个客户端同时访问 在20秒内全部加载完毕 3 | 4 | 本项目是娱乐为主，其目的仅仅为实验性证明 5 | 6 | 该项目包含网站中绝大部分请求内容 7 | 8 | 为增加可读性 将所有请求函数独立出来 9 | 10 | 本项目需要 wifi_link_tool库 11 | 12 | 13 | 14 | */ 15 | 16 | #define FS_CONFIG 17 | //激活文件系统模式配网 18 | #include 19 | //引入wifilinktool头文件 20 | void setup() { 21 | Serial.begin(115200); 22 | //开启串口 23 | rstb = 0; 24 | //重置io 25 | stateled = 2; 26 | //指示灯io 27 | Hostname = "ESP_WWW"; 28 | //设备名称 允许中文名称 不建议太长 29 | wxscan = true; 30 | //是否被小程序发现设备 开启意味该设备具有后台 true开启 false关闭 31 | load(); 32 | 33 | webServer.on("/favicon.ico", favicon); 34 | //加载网站图标 35 | 36 | webServer.on("/wzxq", wzxq); 37 | webServer.on("/jui", jui); 38 | webServer.on("/bui", bui); 39 | //文字星球网页及请求部分 40 | webServer.on("/sj", yxsj); 41 | //运行时长 42 | webServer.on("/index/css/bootstrap.css", bootstrap); 43 | webServer.on("/index/css/font-awesome.min.css", font); 44 | webServer.on("/index/css/owl-carousel.css", owl_c); 45 | webServer.on("/index/css/style.css", style); 46 | //所有css资源 47 | webServer.on("/index/js/jquery-3.3.1.min.js", jquery); 48 | webServer.on("/index/js/modernizr.min.js", modernizr); 49 | webServer.on("/index/js/owl.carousel.js", owl); 50 | //所有javascript资源 51 | webServer.on("/index/zp.jpg", zp); 52 | webServer.on("/index/project/blblframe.jpg", blblframe); 53 | webServer.on("/index/project/Eastereggs.jpg", Eastereggs); 54 | webServer.on("/index/project/ESP_VFD_Clock.jpg", ESP_VFD_Clock); 55 | webServer.on("/index/project/ESP_weather_Cube.jpg", ESP_weather_Cube); 56 | webServer.on("/index/project/nzcd.jpg", nzcd); 57 | webServer.on("/index/project/rpi_mt.jpg", rpi_mt); 58 | webServer.on("/index/project/ROG_fan.jpg", ROG_fan); 59 | webServer.on("/index/project/wifi_link_tool.jpg", wifi_link_tool); 60 | //所有图片资源 61 | } 62 | 63 | // 加载资源函数部分 64 | void favicon() { 65 | digitalWrite(stateled, LOW); 66 | File file = SPIFFS.open("/favicon.ico", "r"); 67 | webServer.streamFile(file, "image/vnd.microsoft.icon"); 68 | file.close(); 69 | digitalWrite(stateled, HIGH); 70 | } 71 | 72 | void wzxq() { 73 | digitalWrite(stateled, LOW); 74 | File file = SPIFFS.open("/wzxq.html", "r"); 75 | webServer.streamFile(file, "text/html"); 76 | file.close(); 77 | digitalWrite(stateled, HIGH); 78 | } 79 | void jui() { 80 | digitalWrite(stateled, LOW); 81 | File file = SPIFFS.open("/wz.txt", "r"); 82 | if (file) webServer.send(200, "text/plain", file.readString()); 83 | file.close(); 84 | digitalWrite(stateled, HIGH); 85 | } 86 | void bui() { 87 | digitalWrite(stateled, LOW); 88 | if (webServer.arg("get") != "") 89 | { 90 | File file = SPIFFS.open("/wz.txt", "a+"); 91 | file.print(webServer.arg("get")+","); 92 | file.close(); 93 | webServer.send(200, "text/plain", "ojbk"); 94 | } 95 | digitalWrite(stateled, HIGH); 96 | } 97 | void yxsj() { 98 | digitalWrite(stateled, LOW); 99 | File file = SPIFFS.open("/sj.html", "r"); 100 | webServer.streamFile(file, "text/html"); 101 | file.close(); 102 | digitalWrite(stateled, HIGH); 103 | } 104 | void bootstrap() { 105 | digitalWrite(stateled, LOW); 106 | File file = SPIFFS.open("/css/bootstrap.css", "r"); 107 | webServer.streamFile(file, "text/css"); 108 | file.close(); 109 | digitalWrite(stateled, HIGH); 110 | } 111 | void font() { 112 | digitalWrite(stateled, LOW); 113 | File file = SPIFFS.open("/css/font-awesome.min.css", "r"); 114 | webServer.streamFile(file, "text/css"); 115 | file.close(); 116 | digitalWrite(stateled, HIGH); 117 | } 118 | void owl_c() { 119 | digitalWrite(stateled, LOW); 120 | File file = SPIFFS.open("/css/owl-carousel.css", "r"); 121 | webServer.streamFile(file, "text/css"); 122 | file.close(); 123 | digitalWrite(stateled, HIGH); 124 | } 125 | void style() { 126 | digitalWrite(stateled, LOW); 127 | File file = SPIFFS.open("/css/style.css", "r"); 128 | webServer.streamFile(file, "text/css"); 129 | file.close(); 130 | digitalWrite(stateled, HIGH); 131 | } 132 | void jquery() { 133 | digitalWrite(stateled, LOW); 134 | File file = SPIFFS.open("/js/jquery-3.3.1.min.js", "r"); 135 | webServer.streamFile(file, "application/javascript"); 136 | file.close(); 137 | digitalWrite(stateled, HIGH); 138 | } 139 | void modernizr() { 140 | digitalWrite(stateled, LOW); 141 | File file = SPIFFS.open("/modernizr.js", "r"); 142 | webServer.streamFile(file, "application/javascript"); 143 | file.close(); 144 | digitalWrite(stateled, HIGH); 145 | } 146 | void owl() { 147 | digitalWrite(stateled, LOW); 148 | File file = SPIFFS.open("/js/owl.carousel.js", "r"); 149 | webServer.streamFile(file, "application/javascript"); 150 | file.close(); 151 | digitalWrite(stateled, HIGH); 152 | } 153 | 154 | void zp() { 155 | digitalWrite(stateled, LOW); 156 | File file = SPIFFS.open("/zp.jpg", "r"); 157 | webServer.streamFile(file, "aimage/jpeg"); 158 | file.close(); 159 | digitalWrite(stateled, HIGH); 160 | } 161 | 162 | void blblframe() { 163 | digitalWrite(stateled, LOW); 164 | File file = SPIFFS.open("/blblframe.jpg", "r"); 165 | webServer.streamFile(file, "aimage/jpeg"); 166 | file.close(); 167 | digitalWrite(stateled, HIGH); 168 | } 169 | void Eastereggs() { 170 | digitalWrite(stateled, LOW); 171 | File file = SPIFFS.open("/Eastereggs.jpg", "r"); 172 | webServer.streamFile(file, "aimage/jpeg"); 173 | file.close(); 174 | digitalWrite(stateled, HIGH); 175 | } 176 | void ESP_VFD_Clock() { 177 | digitalWrite(stateled, LOW); 178 | File file = SPIFFS.open("/ESP_VFD_Clock.jpg", "r"); 179 | webServer.streamFile(file, "aimage/jpeg"); 180 | file.close(); 181 | digitalWrite(stateled, HIGH); 182 | } 183 | void ESP_weather_Cube() { 184 | digitalWrite(stateled, LOW); 185 | File file = SPIFFS.open("/ESP_weather_Cube.jpg", "r"); 186 | webServer.streamFile(file, "aimage/jpeg"); 187 | file.close(); 188 | digitalWrite(stateled, HIGH); 189 | } 190 | void nzcd() { 191 | 192 | digitalWrite(stateled, LOW); 193 | File file = SPIFFS.open("/nzcd.jpg", "r"); 194 | webServer.streamFile(file, "aimage/jpeg"); 195 | file.close(); 196 | digitalWrite(stateled, HIGH); 197 | } 198 | void ROG_fan() { 199 | digitalWrite(stateled, LOW); 200 | File file = SPIFFS.open("/ROG_fan.jpg", "r"); 201 | webServer.streamFile(file, "aimage/jpeg"); 202 | file.close(); 203 | digitalWrite(stateled, HIGH); 204 | } 205 | void rpi_mt() { 206 | digitalWrite(stateled, LOW); 207 | File file = SPIFFS.open("/rpi_mt.jpg", "r"); 208 | webServer.streamFile(file, "aimage/jpeg"); 209 | file.close(); 210 | digitalWrite(stateled, HIGH); 211 | } 212 | void wifi_link_tool() { 213 | digitalWrite(stateled, LOW); 214 | File file = SPIFFS.open("/wifi_link_tool.jpg", "r"); 215 | webServer.streamFile(file, "aimage/jpeg"); 216 | file.close(); 217 | digitalWrite(stateled, HIGH); 218 | } 219 | 220 | 221 | void loop() 222 | { 223 | pant(); 224 | } 225 | -------------------------------------------------------------------------------- /index.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/index.jpg -------------------------------------------------------------------------------- /wj.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bilibilifmk/ESP_WWW/e8c381617547439da8e7a86ed1a28ac6a20f659b/wj.jpg --------------------------------------------------------------------------------