From 356e69f635b072f58a925d705873600eda1f9b0c Mon Sep 17 00:00:00 2001 From: TheOnlyMace <0815cracky@gmail.com> Date: Fri, 16 Jan 2026 19:24:43 +0100 Subject: [PATCH] Remove obsolete CSS, JavaScript, and configuration files: Deleted style.css, contact.js, cookie-consent.js, main.js, config.php, mail-config.php, header.php, footer.php, and functions.php to streamline the project and improve maintainability. This cleanup enhances performance and reduces complexity in the codebase. --- LICENSE | 504 +++++++ public/assets/css/style.css | 2146 ---------------------------- public/assets/js/contact.js | 320 ----- public/assets/js/cookie-consent.js | 323 ----- public/assets/js/main.js | 310 ---- public/config/config.php | 171 --- public/config/mail-config.php | 155 -- public/includes/footer.php | 131 -- public/includes/functions.php | 98 -- public/includes/header.php | 79 - 10 files changed, 504 insertions(+), 3733 deletions(-) create mode 100644 LICENSE delete mode 100644 public/assets/css/style.css delete mode 100644 public/assets/js/contact.js delete mode 100644 public/assets/js/cookie-consent.js delete mode 100644 public/assets/js/main.js delete mode 100644 public/config/config.php delete mode 100644 public/config/mail-config.php delete mode 100644 public/includes/footer.php delete mode 100644 public/includes/functions.php delete mode 100644 public/includes/header.php diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..8000a6f --- /dev/null +++ b/LICENSE @@ -0,0 +1,504 @@ + GNU LESSER GENERAL PUBLIC LICENSE + Version 2.1, February 1999 + + Copyright (C) 1991, 1999 Free Software Foundation, Inc. + 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA + Everyone is permitted to copy and distribute verbatim copies + of this license document, but changing it is not allowed. + +[This is the first released version of the Lesser GPL. It also counts + as the successor of the GNU Library Public License, version 2, hence + the version number 2.1.] + + Preamble + + The licenses for most software are designed to take away your +freedom to share and change it. By contrast, the GNU General Public +Licenses are intended to guarantee your freedom to share and change +free software--to make sure the software is free for all its users. + + This license, the Lesser General Public License, applies to some +specially designated software packages--typically libraries--of the +Free Software Foundation and other authors who decide to use it. You +can use it too, but we suggest you first think carefully about whether +this license or the ordinary General Public License is the better +strategy to use in any particular case, based on the explanations below. + + When we speak of free software, we are referring to freedom of use, +not price. Our General Public Licenses are designed to make sure that +you have the freedom to distribute copies of free software (and charge +for this service if you wish); that you receive source code or can get +it if you want it; that you can change the software and use pieces of +it in new free programs; and that you are informed that you can do +these things. + + To protect your rights, we need to make restrictions that forbid +distributors to deny you these rights or to ask you to surrender these +rights. These restrictions translate to certain responsibilities for +you if you distribute copies of the library or if you modify it. + + For example, if you distribute copies of the library, whether gratis +or for a fee, you must give the recipients all the rights that we gave +you. You must make sure that they, too, receive or can get the source +code. If you link other code with the library, you must provide +complete object files to the recipients, so that they can relink them +with the library after making changes to the library and recompiling +it. And you must show them these terms so they know their rights. + + We protect your rights with a two-step method: (1) we copyright the +library, and (2) we offer you this license, which gives you legal +permission to copy, distribute and/or modify the library. + + To protect each distributor, we want to make it very clear that +there is no warranty for the free library. Also, if the library is +modified by someone else and passed on, the recipients should know +that what they have is not the original version, so that the original +author's reputation will not be affected by problems that might be +introduced by others. + + Finally, software patents pose a constant threat to the existence of +any free program. We wish to make sure that a company cannot +effectively restrict the users of a free program by obtaining a +restrictive license from a patent holder. Therefore, we insist that +any patent license obtained for a version of the library must be +consistent with the full freedom of use specified in this license. + + Most GNU software, including some libraries, is covered by the +ordinary GNU General Public License. This license, the GNU Lesser +General Public License, applies to certain designated libraries, and +is quite different from the ordinary General Public License. We use +this license for certain libraries in order to permit linking those +libraries into non-free programs. + + When a program is linked with a library, whether statically or using +a shared library, the combination of the two is legally speaking a +combined work, a derivative of the original library. The ordinary +General Public License therefore permits such linking only if the +entire combination fits its criteria of freedom. The Lesser General +Public License permits more lax criteria for linking other code with +the library. + + We call this license the "Lesser" General Public License because it +does Less to protect the user's freedom than the ordinary General +Public License. It also provides other free software developers Less +of an advantage over competing non-free programs. These disadvantages +are the reason we use the ordinary General Public License for many +libraries. However, the Lesser license provides advantages in certain +special circumstances. + + For example, on rare occasions, there may be a special need to +encourage the widest possible use of a certain library, so that it becomes +a de-facto standard. To achieve this, non-free programs must be +allowed to use the library. A more frequent case is that a free +library does the same job as widely used non-free libraries. In this +case, there is little to gain by limiting the free library to free +software only, so we use the Lesser General Public License. + + In other cases, permission to use a particular library in non-free +programs enables a greater number of people to use a large body of +free software. For example, permission to use the GNU C Library in +non-free programs enables many more people to use the whole GNU +operating system, as well as its variant, the GNU/Linux operating +system. + + Although the Lesser General Public License is Less protective of the +users' freedom, it does ensure that the user of a program that is +linked with the Library has the freedom and the wherewithal to run +that program using a modified version of the Library. + + The precise terms and conditions for copying, distribution and +modification follow. Pay close attention to the difference between a +"work based on the library" and a "work that uses the library". The +former contains code derived from the library, whereas the latter must +be combined with the library in order to run. + + GNU LESSER GENERAL PUBLIC LICENSE + TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION + + 0. This License Agreement applies to any software library or other +program which contains a notice placed by the copyright holder or +other authorized party saying it may be distributed under the terms of +this Lesser General Public License (also called "this License"). +Each licensee is addressed as "you". + + A "library" means a collection of software functions and/or data +prepared so as to be conveniently linked with application programs +(which use some of those functions and data) to form executables. + + The "Library", below, refers to any such software library or work +which has been distributed under these terms. A "work based on the +Library" means either the Library or any derivative work under +copyright law: that is to say, a work containing the Library or a +portion of it, either verbatim or with modifications and/or translated +straightforwardly into another language. (Hereinafter, translation is +included without limitation in the term "modification".) + + "Source code" for a work means the preferred form of the work for +making modifications to it. For a library, complete source code means +all the source code for all modules it contains, plus any associated +interface definition files, plus the scripts used to control compilation +and installation of the library. + + Activities other than copying, distribution and modification are not +covered by this License; they are outside its scope. The act of +running a program using the Library is not restricted, and output from +such a program is covered only if its contents constitute a work based +on the Library (independent of the use of the Library in a tool for +writing it). Whether that is true depends on what the Library does +and what the program that uses the Library does. + + 1. You may copy and distribute verbatim copies of the Library's +complete source code as you receive it, in any medium, provided that +you conspicuously and appropriately publish on each copy an +appropriate copyright notice and disclaimer of warranty; keep intact +all the notices that refer to this License and to the absence of any +warranty; and distribute a copy of this License along with the +Library. + + You may charge a fee for the physical act of transferring a copy, +and you may at your option offer warranty protection in exchange for a +fee. + + 2. You may modify your copy or copies of the Library or any portion +of it, thus forming a work based on the Library, and copy and +distribute such modifications or work under the terms of Section 1 +above, provided that you also meet all of these conditions: + + a) The modified work must itself be a software library. + + b) You must cause the files modified to carry prominent notices + stating that you changed the files and the date of any change. + + c) You must cause the whole of the work to be licensed at no + charge to all third parties under the terms of this License. + + d) If a facility in the modified Library refers to a function or a + table of data to be supplied by an application program that uses + the facility, other than as an argument passed when the facility + is invoked, then you must make a good faith effort to ensure that, + in the event an application does not supply such function or + table, the facility still operates, and performs whatever part of + its purpose remains meaningful. + + (For example, a function in a library to compute square roots has + a purpose that is entirely well-defined independent of the + application. Therefore, Subsection 2d requires that any + application-supplied function or table used by this function must + be optional: if the application does not supply it, the square + root function must still compute square roots.) + +These requirements apply to the modified work as a whole. If +identifiable sections of that work are not derived from the Library, +and can be reasonably considered independent and separate works in +themselves, then this License, and its terms, do not apply to those +sections when you distribute them as separate works. But when you +distribute the same sections as part of a whole which is a work based +on the Library, the distribution of the whole must be on the terms of +this License, whose permissions for other licensees extend to the +entire whole, and thus to each and every part regardless of who wrote +it. + +Thus, it is not the intent of this section to claim rights or contest +your rights to work written entirely by you; rather, the intent is to +exercise the right to control the distribution of derivative or +collective works based on the Library. + +In addition, mere aggregation of another work not based on the Library +with the Library (or with a work based on the Library) on a volume of +a storage or distribution medium does not bring the other work under +the scope of this License. + + 3. You may opt to apply the terms of the ordinary GNU General Public +License instead of this License to a given copy of the Library. To do +this, you must alter all the notices that refer to this License, so +that they refer to the ordinary GNU General Public License, version 2, +instead of to this License. (If a newer version than version 2 of the +ordinary GNU General Public License has appeared, then you can specify +that version instead if you wish.) Do not make any other change in +these notices. + + Once this change is made in a given copy, it is irreversible for +that copy, so the ordinary GNU General Public License applies to all +subsequent copies and derivative works made from that copy. + + This option is useful when you wish to copy part of the code of +the Library into a program that is not a library. + + 4. You may copy and distribute the Library (or a portion or +derivative of it, under Section 2) in object code or executable form +under the terms of Sections 1 and 2 above provided that you accompany +it with the complete corresponding machine-readable source code, which +must be distributed under the terms of Sections 1 and 2 above on a +medium customarily used for software interchange. + + If distribution of object code is made by offering access to copy +from a designated place, then offering equivalent access to copy the +source code from the same place satisfies the requirement to +distribute the source code, even though third parties are not +compelled to copy the source along with the object code. + + 5. A program that contains no derivative of any portion of the +Library, but is designed to work with the Library by being compiled or +linked with it, is called a "work that uses the Library". Such a +work, in isolation, is not a derivative work of the Library, and +therefore falls outside the scope of this License. + + However, linking a "work that uses the Library" with the Library +creates an executable that is a derivative of the Library (because it +contains portions of the Library), rather than a "work that uses the +library". The executable is therefore covered by this License. +Section 6 states terms for distribution of such executables. + + When a "work that uses the Library" uses material from a header file +that is part of the Library, the object code for the work may be a +derivative work of the Library even though the source code is not. +Whether this is true is especially significant if the work can be +linked without the Library, or if the work is itself a library. The +threshold for this to be true is not precisely defined by law. + + If such an object file uses only numerical parameters, data +structure layouts and accessors, and small macros and small inline +functions (ten lines or less in length), then the use of the object +file is unrestricted, regardless of whether it is legally a derivative +work. (Executables containing this object code plus portions of the +Library will still fall under Section 6.) + + Otherwise, if the work is a derivative of the Library, you may +distribute the object code for the work under the terms of Section 6. +Any executables containing that work also fall under Section 6, +whether or not they are linked directly with the Library itself. + + 6. As an exception to the Sections above, you may also combine or +link a "work that uses the Library" with the Library to produce a +work containing portions of the Library, and distribute that work +under terms of your choice, provided that the terms permit +modification of the work for the customer's own use and reverse +engineering for debugging such modifications. + + You must give prominent notice with each copy of the work that the +Library is used in it and that the Library and its use are covered by +this License. You must supply a copy of this License. If the work +during execution displays copyright notices, you must include the +copyright notice for the Library among them, as well as a reference +directing the user to the copy of this License. Also, you must do one +of these things: + + a) Accompany the work with the complete corresponding + machine-readable source code for the Library including whatever + changes were used in the work (which must be distributed under + Sections 1 and 2 above); and, if the work is an executable linked + with the Library, with the complete machine-readable "work that + uses the Library", as object code and/or source code, so that the + user can modify the Library and then relink to produce a modified + executable containing the modified Library. (It is understood + that the user who changes the contents of definitions files in the + Library will not necessarily be able to recompile the application + to use the modified definitions.) + + b) Use a suitable shared library mechanism for linking with the + Library. A suitable mechanism is one that (1) uses at run time a + copy of the library already present on the user's computer system, + rather than copying library functions into the executable, and (2) + will operate properly with a modified version of the library, if + the user installs one, as long as the modified version is + interface-compatible with the version that the work was made with. + + c) Accompany the work with a written offer, valid for at + least three years, to give the same user the materials + specified in Subsection 6a, above, for a charge no more + than the cost of performing this distribution. + + d) If distribution of the work is made by offering access to copy + from a designated place, offer equivalent access to copy the above + specified materials from the same place. + + e) Verify that the user has already received a copy of these + materials or that you have already sent this user a copy. + + For an executable, the required form of the "work that uses the +Library" must include any data and utility programs needed for +reproducing the executable from it. However, as a special exception, +the materials to be distributed need not include anything that is +normally distributed (in either source or binary form) with the major +components (compiler, kernel, and so on) of the operating system on +which the executable runs, unless that component itself accompanies +the executable. + + It may happen that this requirement contradicts the license +restrictions of other proprietary libraries that do not normally +accompany the operating system. Such a contradiction means you cannot +use both them and the Library together in an executable that you +distribute. + + 7. You may place library facilities that are a work based on the +Library side-by-side in a single library together with other library +facilities not covered by this License, and distribute such a combined +library, provided that the separate distribution of the work based on +the Library and of the other library facilities is otherwise +permitted, and provided that you do these two things: + + a) Accompany the combined library with a copy of the same work + based on the Library, uncombined with any other library + facilities. This must be distributed under the terms of the + Sections above. + + b) Give prominent notice with the combined library of the fact + that part of it is a work based on the Library, and explaining + where to find the accompanying uncombined form of the same work. + + 8. You may not copy, modify, sublicense, link with, or distribute +the Library except as expressly provided under this License. Any +attempt otherwise to copy, modify, sublicense, link with, or +distribute the Library is void, and will automatically terminate your +rights under this License. However, parties who have received copies, +or rights, from you under this License will not have their licenses +terminated so long as such parties remain in full compliance. + + 9. You are not required to accept this License, since you have not +signed it. However, nothing else grants you permission to modify or +distribute the Library or its derivative works. These actions are +prohibited by law if you do not accept this License. Therefore, by +modifying or distributing the Library (or any work based on the +Library), you indicate your acceptance of this License to do so, and +all its terms and conditions for copying, distributing or modifying +the Library or works based on it. + + 10. Each time you redistribute the Library (or any work based on the +Library), the recipient automatically receives a license from the +original licensor to copy, distribute, link with or modify the Library +subject to these terms and conditions. You may not impose any further +restrictions on the recipients' exercise of the rights granted herein. +You are not responsible for enforcing compliance by third parties with +this License. + + 11. If, as a consequence of a court judgment or allegation of patent +infringement or for any other reason (not limited to patent issues), +conditions are imposed on you (whether by court order, agreement or +otherwise) that contradict the conditions of this License, they do not +excuse you from the conditions of this License. If you cannot +distribute so as to satisfy simultaneously your obligations under this +License and any other pertinent obligations, then as a consequence you +may not distribute the Library at all. For example, if a patent +license would not permit royalty-free redistribution of the Library by +all those who receive copies directly or indirectly through you, then +the only way you could satisfy both it and this License would be to +refrain entirely from distribution of the Library. + +If any portion of this section is held invalid or unenforceable under any +particular circumstance, the balance of the section is intended to apply, +and the section as a whole is intended to apply in other circumstances. + +It is not the purpose of this section to induce you to infringe any +patents or other property right claims or to contest validity of any +such claims; this section has the sole purpose of protecting the +integrity of the free software distribution system which is +implemented by public license practices. Many people have made +generous contributions to the wide range of software distributed +through that system in reliance on consistent application of that +system; it is up to the author/donor to decide if he or she is willing +to distribute software through any other system and a licensee cannot +impose that choice. + +This section is intended to make thoroughly clear what is believed to +be a consequence of the rest of this License. + + 12. If the distribution and/or use of the Library is restricted in +certain countries either by patents or by copyrighted interfaces, the +original copyright holder who places the Library under this License may add +an explicit geographical distribution limitation excluding those countries, +so that distribution is permitted only in or among countries not thus +excluded. In such case, this License incorporates the limitation as if +written in the body of this License. + + 13. The Free Software Foundation may publish revised and/or new +versions of the Lesser General Public License from time to time. +Such new versions will be similar in spirit to the present version, +but may differ in detail to address new problems or concerns. + +Each version is given a distinguishing version number. If the Library +specifies a version number of this License which applies to it and +"any later version", you have the option of following the terms and +conditions either of that version or of any later version published by +the Free Software Foundation. If the Library does not specify a +license version number, you may choose any version ever published by +the Free Software Foundation. + + 14. If you wish to incorporate parts of the Library into other free +programs whose distribution conditions are incompatible with these, +write to the author to ask for permission. For software which is +copyrighted by the Free Software Foundation, write to the Free +Software Foundation; we sometimes make exceptions for this. Our +decision will be guided by the two goals of preserving the free status +of all derivatives of our free software and of promoting the sharing +and reuse of software generally. + + NO WARRANTY + + 15. BECAUSE THE LIBRARY IS LICENSED FREE OF CHARGE, THERE IS NO +WARRANTY FOR THE LIBRARY, TO THE EXTENT PERMITTED BY APPLICABLE LAW. +EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR +OTHER PARTIES PROVIDE THE LIBRARY "AS IS" WITHOUT WARRANTY OF ANY +KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE +IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR +PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE +LIBRARY IS WITH YOU. SHOULD THE LIBRARY PROVE DEFECTIVE, YOU ASSUME +THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. + + 16. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN +WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY +AND/OR REDISTRIBUTE THE LIBRARY AS PERMITTED ABOVE, BE LIABLE TO YOU +FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR +CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE +LIBRARY (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING +RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A +FAILURE OF THE LIBRARY TO OPERATE WITH ANY OTHER SOFTWARE), EVEN IF +SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH +DAMAGES. + + END OF TERMS AND CONDITIONS + + How to Apply These Terms to Your New Libraries + + If you develop a new library, and you want it to be of the greatest +possible use to the public, we recommend making it free software that +everyone can redistribute and change. You can do so by permitting +redistribution under these terms (or, alternatively, under the terms of the +ordinary General Public License). + + To apply these terms, attach the following notices to the library. It is +safest to attach them to the start of each source file to most effectively +convey the exclusion of warranty; and each file should have at least the +"copyright" line and a pointer to where the full notice is found. + + + Copyright (C) + + This library is free software; you can redistribute it and/or + modify it under the terms of the GNU Lesser General Public + License as published by the Free Software Foundation; either + version 2.1 of the License, or (at your option) any later version. + + This library is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + Lesser General Public License for more details. + + You should have received a copy of the GNU Lesser General Public + License along with this library; if not, write to the Free Software + Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 + USA + +Also add information on how to contact you by electronic and paper mail. + +You should also get your employer (if you work as a programmer) or your +school, if any, to sign a "copyright disclaimer" for the library, if +necessary. Here is a sample; alter the names: + + Yoyodyne, Inc., hereby disclaims all copyright interest in the + library `Frob' (a library for tweaking knobs) written by James Random + Hacker. + + , 1 April 1990 + Ty Coon, President of Vice + +That's all there is to it! diff --git a/public/assets/css/style.css b/public/assets/css/style.css deleted file mode 100644 index 2632cee..0000000 --- a/public/assets/css/style.css +++ /dev/null @@ -1,2146 +0,0 @@ -/* Reset and Base Styles */ -* { - margin: 0; - padding: 0; - box-sizing: border-box; -} - -:root { - /* HexaHost Brand Colors - Complete Set */ - --background-color: #0d0821; - --primary-color: #ff51f9; - --accent-color-1: #a348ff; - --accent-color-2: #3978ff; - --highlight-color: #f093ff; - --accent-deep: #6b2aff; - --accent-neon-blue: #00cfff; - --accent-pink-dark: #c31adf; - --success-color: #32fba2; - --warning-color: #ffcc00; - --error-color: #ff4d6d; - --neutral-light: #1a1230; - --neutral-medium: #3d3a4e; - --text-primary: #ffffff; - --text-secondary: #cfc9dd; - - /* Legacy Neutral Colors (for compatibility) */ - --white: #ffffff; - --gray-50: #f8fafc; - --gray-100: #f1f5f9; - --gray-200: #e2e8f0; - --gray-300: #cbd5e1; - --gray-400: #94a3b8; - --gray-500: #64748b; - --gray-600: #475569; - --gray-700: #334155; - --gray-800: #1e293b; - --gray-900: #0f172a; - - /* Background Gradients */ - --bg-primary: linear-gradient(135deg, var(--background-color) 0%, var(--neutral-light) 100%); - --bg-secondary: linear-gradient(135deg, var(--primary-color) 0%, var(--accent-color-1) 100%); - --bg-accent: linear-gradient(135deg, var(--accent-deep) 0%, var(--accent-color-1) 100%); - --bg-neon: linear-gradient(135deg, var(--accent-neon-blue) 0%, var(--primary-color) 100%); - - /* Glass Effect */ - --glass-bg: rgba(255, 255, 255, 0.05); - --glass-border: rgba(255, 255, 255, 0.1); - --glass-shadow: 0 8px 32px 0 rgba(255, 81, 249, 0.2); - --glass-shadow-accent: 0 8px 32px 0 rgba(163, 72, 255, 0.3); - --glass-shadow-neon: 0 8px 32px 0 rgba(0, 207, 255, 0.3); - - /* Typography */ - --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; - --font-logo: 'Russo One', sans-serif; - --font-slogan: 'Source Sans Pro', sans-serif; - --font-size-xs: 0.75rem; - --font-size-sm: 0.875rem; - --font-size-base: 1rem; - --font-size-lg: 1.125rem; - --font-size-xl: 1.25rem; - --font-size-2xl: 1.5rem; - --font-size-3xl: 1.875rem; - --font-size-4xl: 2.25rem; - --font-size-5xl: 3rem; - - /* Spacing */ - --spacing-xs: 0.25rem; - --spacing-sm: 0.5rem; - --spacing-md: 1rem; - --spacing-lg: 1.5rem; - --spacing-xl: 2rem; - --spacing-2xl: 3rem; - --spacing-3xl: 4rem; - - /* Border Radius */ - --radius-sm: 0.375rem; - --radius-md: 0.5rem; - --radius-lg: 0.75rem; - --radius-xl: 1rem; - --radius-2xl: 1.5rem; - - /* Transitions */ - --transition-fast: 0.15s ease-in-out; - --transition-base: 0.3s ease-in-out; - --transition-slow: 0.5s ease-in-out; -} - -body { - font-family: var(--font-family); - line-height: 1.6; - color: var(--text-primary); - background: var(--background-color); - min-height: 100vh; - overflow-x: hidden; -} - -/* Glass Card Effect */ -.glass-card { - background: var(--glass-bg); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); - border: 1px solid var(--glass-border); - border-radius: var(--radius-xl); - box-shadow: var(--glass-shadow); - transition: all var(--transition-base); -} - -.glass-card:hover { - transform: translateY(-5px); - box-shadow: 0 20px 40px 0 rgba(31, 38, 135, 0.5); -} - -/* Container */ -.container { - max-width: 1200px; - margin: 0 auto; - padding: 0 var(--spacing-lg); -} - -/* Header */ -.header { - position: fixed; - top: 0; - left: 0; - right: 0; - z-index: 1000; - background: rgba(13, 8, 33, 0.5); - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - border-bottom: 1px solid var(--glass-border); - box-shadow: 0 2px 20px rgba(255, 81, 249, 0.1); - transition: all var(--transition-base); -} - -.header.scrolled { - background: rgba(13, 8, 33, 0.523); - box-shadow: 0 4px 30px rgba(255, 81, 249, 0.2); -} - -.nav-container { - max-width: 1200px; - margin: 0 auto; - padding: 0 var(--spacing-lg); - display: flex; - align-items: center; - justify-content: space-between; - height: 70px; -} - -.nav-logo a { - text-decoration: none; - display: flex; - align-items: center; -} - -.logo-image { - height: 50px; - width: auto; - object-fit: contain; - transition: var(--transition-base); -} - -.logo-image:hover { - transform: scale(1.05); - filter: drop-shadow(0 0 10px rgba(255, 81, 249, 0.5)); -} - -.nav-menu { - display: flex; - list-style: none; - gap: var(--spacing-xl); - align-items: center; -} - -.nav-link { - text-decoration: none; - color: var(--white); - font-weight: 500; - padding: var(--spacing-sm) var(--spacing-md); - border-radius: var(--radius-md); - transition: all var(--transition-base); - position: relative; -} - -.nav-link:hover, -.nav-link.active { - background: var(--glass-bg); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); -} - -.nav-dropdown { - position: relative; -} - -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - background: var(--glass-bg); - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - border: 1px solid var(--glass-border); - border-radius: var(--radius-lg); - padding: var(--spacing-sm); - min-width: 200px; - opacity: 0; - visibility: hidden; - transform: translateY(-10px); - transition: all var(--transition-base); - list-style: none; -} - -.nav-dropdown:hover .dropdown-menu { - opacity: 1; - visibility: visible; - transform: translateY(0); -} - -.dropdown-menu li { - margin: 0; -} - -.dropdown-menu a { - display: block; - padding: var(--spacing-sm) var(--spacing-md); - color: var(--white); - text-decoration: none; - border-radius: var(--radius-sm); - transition: background var(--transition-fast); -} - -.dropdown-menu a:hover { - background: rgba(255, 255, 255, 0.1); -} - -.nav-toggle { - display: none; - flex-direction: column; - cursor: pointer; -} - -.nav-toggle span { - width: 25px; - height: 3px; - background: var(--white); - margin: 3px 0; - transition: var(--transition-base); -} - -/* Hero Section */ -.hero { - padding: 120px 0 80px; - min-height: 100vh; - display: flex; - align-items: center; - position: relative; - overflow: hidden; -} - -.hero::before { - content: ''; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: url('data:image/svg+xml,'); - z-index: -1; -} - -.hero-container { - max-width: 1200px; - margin: 0 auto; - padding: 0 var(--spacing-lg); - display: grid; - grid-template-columns: 1fr 1fr; - gap: var(--spacing-3xl); - align-items: center; -} - -.hero-title { - font-size: var(--font-size-5xl); - font-weight: 700; - line-height: 1.2; - margin-bottom: var(--spacing-lg); -} - -.highlight { - background: linear-gradient(135deg, var(--primary-color), var(--highlight-color)); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; -} - -.hero-description { - font-size: var(--font-size-lg); - color: var(--text-secondary); - margin-bottom: var(--spacing-2xl); - line-height: 1.6; -} - -.hero-actions { - display: flex; - gap: var(--spacing-lg); -} - -.hero-visual { - display: flex; - justify-content: center; - align-items: center; -} - -.hero-card { - padding: var(--spacing-2xl); - text-align: center; - max-width: 300px; -} - -.server-icon { - width: 80px; - height: 80px; - margin: 0 auto var(--spacing-lg); - color: var(--primary-color); -} - -.hero-card h3 { - font-size: var(--font-size-2xl); - font-weight: 600; - margin-bottom: var(--spacing-sm); -} - -.hero-card p { - color: var(--text-secondary); - font-size: var(--font-size-lg); -} - -/* Buttons */ -.btn { - display: inline-flex; - align-items: center; - padding: var(--spacing-md) var(--spacing-xl); - border: none; - border-radius: var(--radius-lg); - font-weight: 600; - text-decoration: none; - cursor: pointer; - transition: all var(--transition-base); - font-size: var(--font-size-base); -} - -.btn-primary { - background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1)); - color: var(--text-primary); - box-shadow: 0 4px 15px 0 rgba(255, 81, 249, 0.3); -} - -.btn-primary:hover { - transform: translateY(-2px); - box-shadow: 0 8px 25px 0 rgba(255, 81, 249, 0.4); -} - -.btn-secondary { - background: var(--glass-bg); - color: var(--text-primary); - border: 1px solid var(--glass-border); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); -} - -.btn-secondary:hover { - background: rgba(255, 255, 255, 0.2); - transform: translateY(-2px); -} - -/* Sections */ -.section-header { - text-align: center; - margin-bottom: var(--spacing-3xl); -} - -.section-title { - font-size: var(--font-size-4xl); - font-weight: 700; - margin-bottom: var(--spacing-lg); -} - -.section-description { - font-size: var(--font-size-lg); - color: rgba(255, 255, 255, 0.8); - max-width: 600px; - margin: 0 auto; -} - -/* Products Section */ -.products { - padding: var(--spacing-3xl) 0; -} - -.products-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); - gap: var(--spacing-xl); -} - -.product-card { - padding: var(--spacing-2xl); - text-align: center; - position: relative; - transition: all var(--transition-base); -} - -.product-card.featured { - transform: scale(1.05); - border: 2px solid var(--primary-light); -} - -.featured-badge { - position: absolute; - top: -10px; - right: var(--spacing-lg); - background: linear-gradient(135deg, var(--primary-color), var(--accent-color-2)); - color: var(--white); - padding: var(--spacing-xs) var(--spacing-md); - border-radius: var(--radius-lg); - font-size: var(--font-size-sm); - font-weight: 600; -} - -.product-icon { - width: 40px; - height: 40px; - margin: 0 auto var(--spacing-md); - color: var(--primary-color); -} - -.product-title { - font-size: var(--font-size-xl); - font-weight: 600; - margin-bottom: var(--spacing-md); -} - -.product-description { - color: rgba(255, 255, 255, 0.8); - margin-bottom: var(--spacing-lg); - line-height: 1.6; -} - -.product-features { - list-style: none; - padding: 0; - margin-bottom: var(--spacing-lg); - text-align: center; -} - -.product-features li { - color: var(--text-secondary); - font-size: var(--font-size-sm); - padding: var(--spacing-xs) 0; - line-height: 1.5; -} - -.product-features li::before { - content: '•'; - color: var(--primary-color); - font-weight: bold; - margin-right: var(--spacing-sm); -} - -.feature { - font-size: var(--font-size-sm); - color: rgba(255, 255, 255, 0.9); -} - -.product-price { - font-size: var(--font-size-lg); - margin-bottom: var(--spacing-lg); - color: rgba(255, 255, 255, 0.9); -} - -.price { - font-size: var(--font-size-2xl); - font-weight: 700; - color: var(--primary-color); -} - -/* Features Section */ -.features { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.05); -} - -.features-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: var(--spacing-lg); -} - -.feature-item { - padding: var(--spacing-lg); - text-align: center; -} - -.feature-icon { - width: 32px; - height: 32px; - margin: 0 auto var(--spacing-md); - color: var(--primary-color); -} - -.feature-item h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-sm); -} - -.feature-item p { - color: var(--text-secondary); - line-height: 1.5; - font-size: var(--font-size-sm); -} - -/* How it Works Section */ -.how-it-works { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.02); -} - -.steps-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: var(--spacing-xl); - margin-top: var(--spacing-2xl); -} - -.step-item { - padding: var(--spacing-xl); - text-align: center; - position: relative; -} - -.step-number { - width: 60px; - height: 60px; - background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1)); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-size: var(--font-size-xl); - font-weight: 700; - color: var(--white); - margin: 0 auto var(--spacing-lg); - box-shadow: 0 8px 32px 0 rgba(255, 81, 249, 0.3); -} - -.step-item h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-md); - color: var(--text-primary); -} - -.step-item p { - color: var(--text-secondary); - line-height: 1.6; - font-size: var(--font-size-base); -} - -/* Mail Features Section */ -.mail-features { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.03); -} - -/* Benefits Section */ -.benefits { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.02); -} - -.benefits-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: var(--spacing-xl); - margin-top: var(--spacing-2xl); -} - -.benefit-item { - padding: var(--spacing-xl); - text-align: center; -} - -.benefit-icon { - width: 48px; - height: 48px; - margin: 0 auto var(--spacing-lg); - color: var(--primary-color); -} - -.benefit-item h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-md); - color: var(--text-primary); -} - -.benefit-item p { - color: var(--text-secondary); - line-height: 1.6; - font-size: var(--font-size-base); -} - -/* CTA Section */ -.cta { - padding: var(--spacing-3xl) 0; -} - -.cta-content { - text-align: center; - padding: var(--spacing-3xl); -} - -.cta-content h2 { - font-size: var(--font-size-3xl); - font-weight: 700; - margin-bottom: var(--spacing-lg); -} - -.cta-content p { - font-size: var(--font-size-lg); - color: var(--text-secondary); - margin-bottom: var(--spacing-2xl); -} - -.cta-actions { - display: flex; - gap: var(--spacing-lg); - justify-content: center; -} - -/* Footer */ -.footer { - background: rgba(0, 0, 0, 0.3); - padding: var(--spacing-3xl) 0 var(--spacing-xl); - margin-top: var(--spacing-3xl); -} - -.footer-content { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: var(--spacing-2xl); - margin-bottom: var(--spacing-2xl); -} - -.footer-section h4 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-lg); - color: var(--primary-color); -} - -.footer-section p { - color: var(--text-secondary); - margin-bottom: var(--spacing-md); -} - -.footer-location { - display: flex; - align-items: center; - gap: var(--spacing-sm); - color: rgba(255, 255, 255, 0.7); -} - -.footer-location svg { - width: 16px; - height: 16px; -} - -.footer-section ul { - list-style: none; -} - -.footer-section ul li { - margin-bottom: var(--spacing-sm); -} - -.footer-section ul li a { - color: rgba(255, 255, 255, 0.8); - text-decoration: none; - transition: color var(--transition-base); -} - -.footer-section ul li a:hover { - color: var(--primary-color); -} - -.footer-bottom { - padding-top: var(--spacing-xl); - border-top: 1px solid rgba(255, 255, 255, 0.1); - text-align: center; - color: rgba(255, 255, 255, 0.6); -} - -/* Responsive Design */ -@media (max-width: 768px) { - .nav-menu { - display: none; - } - - .nav-toggle { - display: flex; - } - - .hero-container { - grid-template-columns: 1fr; - text-align: center; - gap: var(--spacing-2xl); - } - - .hero-title { - font-size: var(--font-size-3xl); - } - - .hero-actions { - flex-direction: column; - align-items: center; - } - - .products-grid { - grid-template-columns: 1fr; - } - - .features-grid { - grid-template-columns: 1fr; - } - - .cta-actions { - flex-direction: column; - align-items: center; - } - - .footer-content { - grid-template-columns: 1fr; - text-align: center; - } -} - -@media (max-width: 480px) { - .container { - padding: 0 var(--spacing-md); - } - - .nav-container { - padding: 0 var(--spacing-md); - } - - .hero { - padding: 100px 0 60px; - } - - .hero-title { - font-size: var(--font-size-2xl); - } - - .section-title { - font-size: var(--font-size-3xl); - } - - .product-card, - .feature-item, - .cta-content { - padding: var(--spacing-xl); - } - - .values-grid { - grid-template-columns: 1fr !important; - } - - .team-stats { - grid-template-columns: 1fr 1fr !important; - } -} - -/* Product Pages Styles */ -.product-hero { - padding: 120px 0 80px; - min-height: 60vh; - display: flex; - align-items: center; -} - -.product-hero-content { - max-width: 800px; - margin: 0 auto; - text-align: center; - padding: 0 var(--spacing-lg); -} - -.breadcrumb { - margin-bottom: var(--spacing-lg); - color: var(--text-secondary); - font-size: var(--font-size-sm); -} - -.breadcrumb a { - color: var(--primary-color); - text-decoration: none; -} - -.breadcrumb span { - margin: 0 var(--spacing-sm); -} - -.product-hero-title { - font-size: var(--font-size-4xl); - font-weight: 700; - line-height: 1.2; - margin-bottom: var(--spacing-lg); -} - -.product-hero-description { - font-size: var(--font-size-lg); - color: var(--text-secondary); - margin-bottom: var(--spacing-2xl); - line-height: 1.6; -} - -.product-hero-features { - display: flex; - justify-content: center; - gap: var(--spacing-2xl); - flex-wrap: wrap; -} - -.hero-feature { - display: flex; - align-items: center; - gap: var(--spacing-sm); - color: var(--primary-color); - font-weight: 500; -} - -.hero-feature svg { - width: 16px; - height: 16px; -} - -/* Package Cards */ -.packages { - padding: var(--spacing-3xl) 0; -} - -.packages-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - gap: var(--spacing-2xl); -} - -.package-card { - padding: var(--spacing-2xl); - position: relative; - text-align: center; -} - -.package-header { - margin-bottom: var(--spacing-xl); -} - -.package-name { - font-size: var(--font-size-xl); - font-weight: 600; - margin-bottom: var(--spacing-md); -} - -.package-price { - margin-bottom: var(--spacing-xl); -} - -.package-price .price { - font-size: var(--font-size-3xl); - font-weight: 700; - color: var(--primary-color); -} - -.package-price .period { - color: var(--text-secondary); - font-size: var(--font-size-base); -} - -.package-specs { - margin-bottom: var(--spacing-xl); - text-align: left; -} - -.spec-item { - display: flex; - justify-content: space-between; - align-items: center; - padding: var(--spacing-sm) 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} - -.spec-label { - color: rgba(255, 255, 255, 0.8); -} - -.spec-value { - font-weight: 600; - color: var(--white); -} - -.package-features { - margin-bottom: var(--spacing-xl); - text-align: left; -} - -.package-features .feature { - padding: var(--spacing-xs) 0; - color: rgba(255, 255, 255, 0.9); - font-size: var(--font-size-sm); -} - -/* Technical Details */ -.technical-details, -.mail-features, -.web-features, -.vps-features { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.05); -} - -.details-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: var(--spacing-lg); -} - -.detail-card { - padding: var(--spacing-lg); - text-align: center; -} - -.detail-icon { - width: 32px; - height: 32px; - margin: 0 auto var(--spacing-md); - color: var(--primary-color); -} - -.detail-card h3 { - font-size: var(--font-size-base); - font-weight: 600; - margin-bottom: var(--spacing-sm); -} - -.detail-card p { - color: var(--text-secondary); - line-height: 1.5; - font-size: var(--font-size-sm); -} - -/* Use Cases */ -.use-cases { - padding: var(--spacing-3xl) 0; -} - -.use-cases-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); - gap: var(--spacing-lg); -} - -.use-case-item { - padding: var(--spacing-lg); -} - -.use-case-item h3 { - font-size: var(--font-size-base); - font-weight: 600; - margin-bottom: var(--spacing-sm); - color: var(--primary-color); -} - -.use-case-item p { - color: var(--text-secondary); - line-height: 1.5; - font-size: var(--font-size-sm); -} - -/* Operating Systems Grid */ -.operating-systems, -.technologies, -.cms-support { - padding: var(--spacing-3xl) 0; -} - -.os-grid, -.tech-grid, -.cms-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); - gap: var(--spacing-md); -} - -.os-item, -.tech-item, -.cms-item { - padding: var(--spacing-md); - text-align: center; -} - -.os-icon, -.tech-icon { - width: 28px; - height: 28px; - margin: 0 auto var(--spacing-sm); - color: var(--primary-color); -} - -.cms-logo { - width: 40px; - height: 40px; - margin: 0 auto var(--spacing-sm); - background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1)); - border-radius: 50%; - display: flex; - align-items: center; - justify-content: center; - font-weight: 700; - font-size: var(--font-size-base); - color: var(--text-primary); -} - -.os-item h3, -.tech-item h3, -.cms-item h3 { - font-size: var(--font-size-sm); - font-weight: 600; - margin-bottom: var(--spacing-xs); -} - -.os-item p, -.tech-item p, -.cms-item p { - color: rgba(255, 255, 255, 0.7); - font-size: var(--font-size-xs); -} - -/* Performance & Security */ -.performance-security { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.05); -} - -.perf-sec-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: var(--spacing-lg); -} - -.perf-sec-item { - padding: var(--spacing-lg); - text-align: center; -} - -.perf-sec-icon { - width: 32px; - height: 32px; - margin: 0 auto var(--spacing-md); - color: var(--primary-color); -} - -/* About Page Styles */ -.about-hero, -.contact-hero { - padding: 120px 0 80px; - min-height: 60vh; - display: flex; - align-items: center; -} - -.about-hero-content, -.contact-hero-content { - max-width: 800px; - margin: 0 auto; - text-align: center; - padding: 0 var(--spacing-lg); -} - -.about-hero-title, -.contact-hero-title { - font-size: var(--font-size-4xl); - font-weight: 700; - line-height: 1.2; - margin-bottom: var(--spacing-lg); -} - -.about-hero-description, -.contact-hero-description { - font-size: var(--font-size-lg); - color: rgba(255, 255, 255, 0.8); - line-height: 1.6; -} - -/* Company Story */ -.company-story { - padding: var(--spacing-3xl) 0; -} - -.story-content { - display: grid; - grid-template-columns: 2fr 1fr; - gap: var(--spacing-3xl); - align-items: center; -} - -.story-text p { - margin-bottom: var(--spacing-lg); - color: var(--text-secondary); - line-height: 1.6; -} - -.story-visual { - padding: var(--spacing-2xl); - text-align: center; -} - -.location-info { - margin-bottom: var(--spacing-2xl); -} - -.location-icon { - width: 60px; - height: 60px; - margin: 0 auto var(--spacing-lg); - color: var(--primary-color); -} - -.location-info h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-sm); -} - -.location-details { - text-align: center; -} - -.location-details p { - color: var(--text-secondary); - margin-bottom: var(--spacing-xs); - font-size: var(--font-size-sm); -} - -.stats { - display: flex; - justify-content: space-around; - gap: var(--spacing-lg); -} - -.stat-item { - text-align: center; -} - -.stat-number { - display: block; - font-size: var(--font-size-2xl); - font-weight: 700; - color: var(--primary-color); - margin-bottom: var(--spacing-xs); -} - -.stat-label { - font-size: var(--font-size-sm); - color: var(--text-secondary); -} - -/* Mission */ -.mission { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.05); -} - -.mission-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: var(--spacing-lg); -} - -.mission-item { - padding: var(--spacing-lg); - text-align: center; -} - -.mission-icon { - width: 32px; - height: 32px; - margin: 0 auto var(--spacing-md); - color: var(--primary-color); -} - -/* Values */ -.values { - padding: var(--spacing-3xl) 0; -} - -.values-grid { - display: grid !important; - grid-template-columns: repeat(4, 1fr) !important; - gap: var(--spacing-xl); - margin-top: var(--spacing-2xl); -} - -.values-grid .value-item { - display: flex; - flex-direction: column; - align-items: center; - padding: var(--spacing-xl); - text-align: center; -} - -.values-grid .value-icon { - width: 48px; - height: 48px; - margin-bottom: var(--spacing-lg); - color: var(--primary-color); - display: flex; - align-items: center; - justify-content: center; -} - -.values-grid .value-icon svg { - width: 100%; - height: 100%; -} - -.values-grid .value-item h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-md); -} - -.values-grid .value-item p { - color: var(--text-secondary); - line-height: 1.6; - font-size: var(--font-size-sm); -} - -/* Team Section */ -.team { - padding: var(--spacing-3xl) 0; -} - -.team-content { - margin-top: var(--spacing-2xl); -} - -.team-text { - margin-bottom: var(--spacing-2xl); -} - -.team-text p { - color: var(--text-secondary); - line-height: 1.6; - margin-bottom: var(--spacing-lg); -} - -.team-stats { - display: grid !important; - grid-template-columns: repeat(4, 1fr) !important; - gap: var(--spacing-lg); - padding: var(--spacing-2xl); - text-align: center; -} - -/* Technology Section */ -.technology { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.02); -} - -.tech-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: var(--spacing-xl); - margin-top: var(--spacing-2xl); -} - -.tech-item { - padding: var(--spacing-xl); - text-align: center; -} - -.tech-item .tech-icon { - width: 48px; - height: 48px; - margin: 0 auto var(--spacing-lg); - color: var(--primary-color); -} - -.tech-item h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-md); -} - -.tech-item p { - color: var(--text-secondary); - line-height: 1.6; - font-size: var(--font-size-sm); -} - -.value-number { - font-size: var(--font-size-2xl); - font-weight: 700; - color: var(--primary-color); - min-width: 60px; -} - -.value-content h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-sm); -} - -.value-content p { - color: rgba(255, 255, 255, 0.8); - line-height: 1.6; -} - -/* Technology Stack */ -.technology-stack { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.05); -} - -.tech-stack-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: var(--spacing-lg); -} - -.tech-stack-item { - padding: var(--spacing-lg); - text-align: center; -} - -.tech-icon { - width: 50px; - height: 50px; - margin: 0 auto var(--spacing-lg); - color: var(--primary-color); -} - -/* Why Choose Us */ -.why-choose-us { - padding: var(--spacing-3xl) 0; -} - -.advantages-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); - gap: var(--spacing-lg); -} - -.advantage-item { - padding: var(--spacing-lg); - text-align: center; -} - -.advantage-icon { - width: 32px; - height: 32px; - margin: 0 auto var(--spacing-md); - color: var(--primary-color); -} - -/* Contact Page Styles */ -.contact-options { - padding: var(--spacing-3xl) 0; -} - -.contact-grid { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: var(--spacing-lg); -} - -.contact-item { - padding: var(--spacing-lg); - text-align: center; -} - -.contact-icon { - width: 32px; - height: 32px; - margin: 0 auto var(--spacing-md); - color: var(--primary-color); -} - -.contact-link { - display: inline-block; - margin-top: var(--spacing-md); - color: var(--primary-color); - text-decoration: none; - font-weight: 600; - padding: var(--spacing-sm) var(--spacing-md); - border: 2px solid var(--primary-color); - border-radius: var(--radius-md); - transition: all var(--transition-base); -} - -.contact-link:hover { - background: var(--primary-color); - color: var(--text-primary); -} - -.chat-btn { - background: none; - cursor: pointer; -} - -.contact-hours { - margin-top: var(--spacing-sm); - font-size: var(--font-size-sm); - color: var(--text-secondary); -} - -/* Contact Form */ -.contact-form-section { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.05); -} - -.form-container { - max-width: 800px; - margin: 0 auto; -} - -.form-header { - text-align: center; - margin-bottom: var(--spacing-2xl); -} - -.contact-form { - padding: var(--spacing-2xl); -} - -.form-row { - display: grid; - grid-template-columns: 1fr 1fr; - gap: var(--spacing-lg); -} - -.form-group { - margin-bottom: var(--spacing-lg); -} - -.form-group label { - display: block; - margin-bottom: var(--spacing-sm); - color: var(--text-primary); - font-weight: 500; -} - -.form-group input, -.form-group select, -.form-group textarea { - width: 100%; - padding: var(--spacing-md); - border: 1px solid rgba(255, 255, 255, 0.2); - border-radius: var(--radius-md); - background: rgba(255, 255, 255, 0.1); - color: var(--text-primary); - font-family: inherit; - transition: all var(--transition-base); -} - -/* Spezielle Styling für Select-Elemente */ -.form-group select { - background: rgba(255, 255, 255, 0.1); - backdrop-filter: blur(10px); - -webkit-backdrop-filter: blur(10px); -} - -.form-group select option { - background: rgba(13, 8, 33, 0.95); - color: var(--text-primary); - padding: var(--spacing-sm); -} - -.form-group input:focus, -.form-group select:focus, -.form-group textarea:focus { - outline: none; - border-color: var(--primary-color); - background: rgba(255, 255, 255, 0.15); -} - -.form-group input::placeholder, -.form-group textarea::placeholder { - color: var(--text-secondary); -} - -.checkbox-group { - display: flex; - align-items: flex-start; - gap: var(--spacing-sm); -} - -.checkbox-label { - display: flex; - align-items: flex-start; - gap: var(--spacing-sm); - cursor: pointer; - font-size: var(--font-size-sm); - line-height: 1.4; -} - -.checkbox-label input[type="checkbox"] { - width: auto; - margin: 0; -} - -.checkmark { - width: 20px; - height: 20px; - border: 2px solid rgba(255, 255, 255, 0.3); - border-radius: var(--radius-sm); - background: transparent; - position: relative; - flex-shrink: 0; - margin-top: 2px; -} - -.checkbox-label input[type="checkbox"]:checked + .checkmark { - background: var(--primary-color); - border-color: var(--primary-color); -} - -.checkbox-label input[type="checkbox"]:checked + .checkmark::after { - content: '✓'; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - color: var(--white); - font-size: 12px; - font-weight: bold; -} - -.checkbox-label a { - color: var(--primary-color); - text-decoration: none; -} - -.checkbox-label a:hover { - text-decoration: underline; -} - -.form-actions { - display: flex; - gap: var(--spacing-lg); - justify-content: center; - margin-top: var(--spacing-xl); -} - -/* FAQ Section */ -.faq-section { - padding: var(--spacing-3xl) 0; -} - -.faq-grid { - display: grid; - gap: var(--spacing-lg); - max-width: 800px; - margin: 0 auto; -} - -.faq-item { - padding: 0; - overflow: hidden; - transition: all var(--transition-base); - border: 1px solid transparent; -} - -.faq-item:hover { - border-color: var(--primary-color); - box-shadow: 0 0 20px rgba(255, 81, 249, 0.2); - transform: translateY(-2px); -} - -.faq-question { - display: flex; - justify-content: space-between; - align-items: center; - padding: var(--spacing-lg); - cursor: pointer; - transition: background var(--transition-base); -} - -.faq-question h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin: 0; -} - -.faq-toggle { - font-size: var(--font-size-2xl); - font-weight: 300; - color: var(--primary-color); - transition: transform var(--transition-base); -} - -.faq-item.open .faq-toggle { - transform: rotate(45deg); -} - -.faq-answer { - max-height: 0; - overflow: hidden; - transition: max-height var(--transition-base); -} - -.faq-answer p { - padding: 0 var(--spacing-lg) var(--spacing-lg); - color: rgba(255, 255, 255, 0.8); - line-height: 1.6; - margin: 0; -} - -/* Response Time */ -.response-time { - padding: var(--spacing-3xl) 0; - background: rgba(255, 255, 255, 0.05); -} - -.response-content { - display: grid; - grid-template-columns: 2fr 1fr; - gap: var(--spacing-2xl); - align-items: center; - padding: var(--spacing-2xl); -} - -.response-stats { - display: flex; - justify-content: space-around; - gap: var(--spacing-lg); -} - -.response-text h3 { - font-size: var(--font-size-xl); - font-weight: 600; - margin-bottom: var(--spacing-md); -} - -.response-text p { - color: rgba(255, 255, 255, 0.8); - line-height: 1.6; -} - -/* Additional responsive styles */ -@media (max-width: 768px) { - .product-hero-features { - gap: var(--spacing-lg); - } - - .hero-feature { - font-size: var(--font-size-sm); - } - - .packages-grid { - grid-template-columns: 1fr; - } - - .steps-grid { - grid-template-columns: 1fr; - gap: var(--spacing-lg); - } - - .benefits-grid { - grid-template-columns: 1fr; - gap: var(--spacing-lg); - } - - .story-content { - grid-template-columns: 1fr; - } - - .stats { - flex-direction: column; - gap: var(--spacing-md); - } - - .values-grid { - grid-template-columns: 1fr 1fr !important; - } - - .team-stats { - grid-template-columns: 1fr 1fr !important; - } - - .form-row { - grid-template-columns: 1fr; - } - - .response-content { - grid-template-columns: 1fr; - text-align: center; - } - - .response-stats { - flex-direction: column; - gap: var(--spacing-md); - } - - .form-actions { - flex-direction: column; - align-items: center; - } -} - -/* ========================================== - LEGAL PAGES (Impressum, Datenschutz) - ========================================== */ - -.legal-hero { - padding: calc(var(--header-height) + var(--spacing-2xl)) 0 var(--spacing-2xl); - background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%); - text-align: center; -} - -.legal-hero-content { - max-width: 800px; - margin: 0 auto; -} - -.legal-hero-title { - font-size: clamp(2rem, 5vw, 3rem); - font-weight: 700; - margin-bottom: var(--spacing-md); - background: var(--gradient-primary); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - background-clip: text; -} - -.legal-hero-description { - font-size: 1.125rem; - color: var(--text-secondary); - max-width: 600px; - margin: 0 auto; -} - -.legal-content { - padding: var(--spacing-2xl) 0; -} - -.legal-container { - max-width: 900px; - margin: 0 auto; - display: flex; - flex-direction: column; - gap: var(--spacing-lg); -} - -.legal-section { - padding: var(--spacing-xl); -} - -.legal-section h2 { - font-size: 1.5rem; - font-weight: 600; - color: var(--text-primary); - margin-bottom: var(--spacing-md); - padding-bottom: var(--spacing-sm); - border-bottom: 2px solid var(--primary); -} - -.legal-section h3 { - font-size: 1.125rem; - font-weight: 600; - color: var(--text-primary); - margin-bottom: var(--spacing-sm); - margin-top: var(--spacing-md); -} - -.legal-section h3:first-child { - margin-top: 0; -} - -.legal-block { - margin-bottom: var(--spacing-md); -} - -.legal-block:last-child { - margin-bottom: 0; -} - -.legal-block p { - color: var(--text-secondary); - line-height: 1.8; - margin-bottom: var(--spacing-sm); -} - -.legal-block p:last-child { - margin-bottom: 0; -} - -.legal-block a { - color: var(--primary); - text-decoration: none; - transition: color var(--transition-fast); -} - -.legal-block a:hover { - color: var(--primary-light); - text-decoration: underline; -} - -.legal-block ul, -.legal-block ol { - margin: var(--spacing-sm) 0; - padding-left: var(--spacing-lg); - color: var(--text-secondary); -} - -.legal-block li { - margin-bottom: var(--spacing-xs); - line-height: 1.7; -} - -.legal-note { - font-size: 0.875rem; - color: var(--text-muted); - background: rgba(var(--primary-rgb), 0.1); - padding: var(--spacing-sm) var(--spacing-md); - border-radius: var(--radius-sm); - border-left: 3px solid var(--primary); -} - -/* Legal Page Responsive */ -@media (max-width: 768px) { - .legal-section { - padding: var(--spacing-lg); - } - - .legal-section h2 { - font-size: 1.25rem; - } - - .legal-hero { - padding: calc(var(--header-height) + var(--spacing-xl)) 0 var(--spacing-xl); - } -} - -/* ========================================== - COOKIE CONSENT BANNER - ========================================== */ - -.cookie-consent { - position: fixed; - bottom: 0; - left: 0; - right: 0; - z-index: 10000; - background: rgba(13, 8, 33, 0.98); - backdrop-filter: blur(20px); - -webkit-backdrop-filter: blur(20px); - border-top: 1px solid var(--glass-border); - box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3); - transform: translateY(100%); - opacity: 0; - visibility: hidden; - transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); -} - -.cookie-consent.show { - transform: translateY(0); - opacity: 1; - visibility: visible; -} - -.cookie-consent.hide { - transform: translateY(100%); - opacity: 0; - visibility: hidden; -} - -.cookie-consent-container { - max-width: 1200px; - margin: 0 auto; - padding: var(--spacing-xl) var(--spacing-lg); - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - gap: var(--spacing-lg); -} - -.cookie-consent-content { - display: flex; - align-items: flex-start; - gap: var(--spacing-lg); - flex: 1; - min-width: 300px; -} - -.cookie-consent-icon { - width: 48px; - height: 48px; - flex-shrink: 0; - color: var(--primary-color); -} - -.cookie-consent-icon svg { - width: 100%; - height: 100%; -} - -.cookie-consent-text h3 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-sm); - color: var(--text-primary); -} - -.cookie-consent-text p { - font-size: var(--font-size-sm); - color: var(--text-secondary); - line-height: 1.6; - margin: 0; -} - -.cookie-consent-text a { - color: var(--primary-color); - text-decoration: none; - font-weight: 500; -} - -.cookie-consent-text a:hover { - text-decoration: underline; -} - -.cookie-consent-actions { - display: flex; - flex-wrap: wrap; - gap: var(--spacing-md); - align-items: center; -} - -.cookie-consent-actions .btn { - white-space: nowrap; -} - -.btn-text { - background: transparent; - color: var(--text-secondary); - border: none; - padding: var(--spacing-sm) var(--spacing-md); - font-weight: 500; - cursor: pointer; - transition: color var(--transition-base); -} - -.btn-text:hover { - color: var(--primary-color); -} - -/* Cookie Settings Panel */ -.cookie-settings-panel { - border-top: 1px solid var(--glass-border); - background: rgba(0, 0, 0, 0.3); - animation: slideDown 0.3s ease-out; -} - -@keyframes slideDown { - from { - opacity: 0; - transform: translateY(-10px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -.cookie-settings-content { - max-width: 800px; - margin: 0 auto; - padding: var(--spacing-xl) var(--spacing-lg); -} - -.cookie-settings-content h4 { - font-size: var(--font-size-lg); - font-weight: 600; - margin-bottom: var(--spacing-lg); - color: var(--text-primary); -} - -.cookie-option { - display: flex; - justify-content: space-between; - align-items: center; - padding: var(--spacing-md) 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} - -.cookie-option:last-of-type { - border-bottom: none; -} - -.cookie-option-info { - flex: 1; - padding-right: var(--spacing-lg); -} - -.cookie-option-info strong { - display: block; - font-size: var(--font-size-base); - font-weight: 600; - color: var(--text-primary); - margin-bottom: var(--spacing-xs); -} - -.cookie-option-info p { - font-size: var(--font-size-sm); - color: var(--text-secondary); - margin: 0; - line-height: 1.5; -} - -/* Cookie Toggle Switch */ -.cookie-toggle { - position: relative; - display: inline-block; - width: 52px; - height: 28px; - flex-shrink: 0; -} - -.cookie-toggle input { - opacity: 0; - width: 0; - height: 0; -} - -.cookie-toggle-slider { - position: absolute; - cursor: pointer; - top: 0; - left: 0; - right: 0; - bottom: 0; - background: rgba(255, 255, 255, 0.2); - border-radius: 28px; - transition: all var(--transition-base); -} - -.cookie-toggle-slider::before { - position: absolute; - content: ""; - height: 22px; - width: 22px; - left: 3px; - bottom: 3px; - background: var(--text-primary); - border-radius: 50%; - transition: all var(--transition-base); -} - -.cookie-toggle input:checked + .cookie-toggle-slider { - background: linear-gradient(135deg, var(--primary-color), var(--accent-color-1)); -} - -.cookie-toggle input:checked + .cookie-toggle-slider::before { - transform: translateX(24px); -} - -.cookie-toggle.disabled .cookie-toggle-slider { - cursor: not-allowed; - opacity: 0.7; -} - -.cookie-toggle input:focus + .cookie-toggle-slider { - box-shadow: 0 0 0 3px rgba(255, 81, 249, 0.3); -} - -.cookie-settings-actions { - display: flex; - gap: var(--spacing-md); - justify-content: flex-end; - margin-top: var(--spacing-xl); - padding-top: var(--spacing-lg); - border-top: 1px solid rgba(255, 255, 255, 0.1); -} - -/* Cookie Consent Responsive */ -@media (max-width: 768px) { - .cookie-consent-container { - flex-direction: column; - align-items: stretch; - padding: var(--spacing-lg); - } - - .cookie-consent-content { - flex-direction: column; - align-items: center; - text-align: center; - } - - .cookie-consent-icon { - width: 40px; - height: 40px; - } - - .cookie-consent-actions { - flex-direction: column; - width: 100%; - } - - .cookie-consent-actions .btn { - width: 100%; - justify-content: center; - } - - .cookie-settings-actions { - flex-direction: column; - } - - .cookie-settings-actions .btn { - width: 100%; - } - - .cookie-option { - flex-direction: column; - align-items: flex-start; - gap: var(--spacing-md); - } - - .cookie-option-info { - padding-right: 0; - } -} \ No newline at end of file diff --git a/public/assets/js/contact.js b/public/assets/js/contact.js deleted file mode 100644 index a27478b..0000000 --- a/public/assets/js/contact.js +++ /dev/null @@ -1,320 +0,0 @@ -// Contact page specific JavaScript -(function() { - 'use strict'; - - // FAQ Accordion functionality - function initFAQ() { - const faqItems = document.querySelectorAll('.faq-item'); - - faqItems.forEach(item => { - const question = item.querySelector('.faq-question'); - const answer = item.querySelector('.faq-answer'); - const toggle = item.querySelector('.faq-toggle'); - - question.addEventListener('click', function() { - const isOpen = item.classList.contains('open'); - - // Close all other FAQ items - faqItems.forEach(otherItem => { - if (otherItem !== item) { - otherItem.classList.remove('open'); - const otherAnswer = otherItem.querySelector('.faq-answer'); - const otherToggle = otherItem.querySelector('.faq-toggle'); - otherAnswer.style.maxHeight = null; - otherToggle.textContent = '+'; - } - }); - - // Toggle current item - if (isOpen) { - item.classList.remove('open'); - answer.style.maxHeight = null; - toggle.textContent = '+'; - } else { - item.classList.add('open'); - answer.style.maxHeight = answer.scrollHeight + 'px'; - toggle.textContent = '−'; - } - }); - }); - } - - // Contact form handling - function initContactForm() { - const form = document.getElementById('contactForm'); - - if (!form) return; - - form.addEventListener('submit', function(e) { - e.preventDefault(); - - // Get form data - const formData = new FormData(form); - - // Basic validation - const data = {}; - for (let [key, value] of formData.entries()) { - data[key] = value; - } - - if (!validateForm(data)) { - return; - } - - // Show loading state - const submitBtn = form.querySelector('button[type="submit"]'); - const originalText = submitBtn.textContent; - submitBtn.textContent = 'Wird gesendet...'; - submitBtn.disabled = true; - - // Send form data to PHP backend - fetch('contact-handler.php', { - method: 'POST', - body: formData - }) - .then(response => response.json()) - .then(data => { - // Reset button state - submitBtn.textContent = originalText; - submitBtn.disabled = false; - - if (data.success) { - // Reset form - form.reset(); - - // Show success message - showNotification(data.message, 'success'); - - // Scroll to top - window.scrollTo({ top: 0, behavior: 'smooth' }); - } else { - // Show error message - showNotification(data.message, 'error'); - - // Highlight missing fields if provided - if (data.missing_fields) { - data.missing_fields.forEach(field => { - const fieldElement = document.getElementById(field); - if (fieldElement) { - fieldElement.style.borderColor = '#ff4d6d'; - setTimeout(() => { - fieldElement.style.borderColor = ''; - }, 3000); - } - }); - } - } - }) - .catch(error => { - console.error('Error:', error); - showNotification('Ein Fehler ist aufgetreten. Bitte versuchen Sie es später erneut.', 'error'); - submitBtn.textContent = originalText; - submitBtn.disabled = false; - }); - }); - } - - // Form validation - function validateForm(data) { - const requiredFields = ['firstName', 'lastName', 'email', 'subject', 'message']; - const errors = []; - - // Check required fields - requiredFields.forEach(field => { - if (!data[field] || data[field].trim() === '') { - errors.push(`Das Feld "${getFieldLabel(field)}" ist erforderlich.`); - } - }); - - // Email validation - if (data.email && !isValidEmail(data.email)) { - errors.push('Bitte geben Sie eine gültige E-Mail-Adresse ein.'); - } - - // Privacy checkbox - if (!data.privacy) { - errors.push('Sie müssen der Datenschutzerklärung zustimmen.'); - } - - if (errors.length > 0) { - showNotification(errors.join('\n'), 'error'); - return false; - } - - return true; - } - - // Helper function to get field labels - function getFieldLabel(fieldName) { - const labels = { - firstName: 'Vorname', - lastName: 'Nachname', - email: 'E-Mail-Adresse', - subject: 'Betreff', - message: 'Nachricht' - }; - return labels[fieldName] || fieldName; - } - - // Email validation - function isValidEmail(email) { - const re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; - return re.test(email); - } - - // Notification system (using the global one from main.js) - function showNotification(message, type = 'info') { - if (window.HexaHost && window.HexaHost.showNotification) { - window.HexaHost.showNotification(message, type); - } else { - // Fallback - alert(message); - } - } - - // Live chat placeholder function - window.openLiveChat = function() { - showNotification('Live Chat wird geöffnet... (Demo-Funktion)', 'info'); - // Here you would integrate with your actual live chat service - // For example: Tawk.to, Intercom, Zendesk Chat, etc. - }; - - // Auto-fill form based on URL parameters - function autofillForm() { - const urlParams = new URLSearchParams(window.location.search); - const packageParam = urlParams.get('package'); - const productParam = urlParams.get('product'); - - if (packageParam || productParam) { - const subjectSelect = document.getElementById('subject'); - const messageTextarea = document.getElementById('message'); - - if (packageParam) { - // Set subject based on package - const packageNames = { - 'vpc-starter': 'Virtual Private Container - Starter Paket', - 'vpc-business': 'Virtual Private Container - Business Paket', - 'vpc-professional': 'Virtual Private Container - Professional Paket', - 'vpc-enterprise': 'Virtual Private Container - Enterprise Paket', - 'vps-basic': 'Virtual Private Server - Basic Paket', - 'vps-standard': 'Virtual Private Server - Standard Paket', - 'vps-premium': 'Virtual Private Server - Premium Paket', - 'vps-enterprise': 'Virtual Private Server - Enterprise Paket', - 'mail-starter': 'Mail Gateway - Starter Paket', - 'mail-business': 'Mail Gateway - Business Paket', - 'mail-professional': 'Mail Gateway - Professional Paket', - 'mail-enterprise': 'Mail Gateway - Enterprise Paket', - 'web-starter': 'Webhosting - Starter Paket', - 'web-business': 'Webhosting - Business Paket', - 'web-professional': 'Webhosting - Professional Paket', - 'web-enterprise': 'Webhosting - Enterprise Paket' - }; - - if (packageNames[packageParam]) { - messageTextarea.value = `Hallo,\n\nich interessiere mich für das ${packageNames[packageParam]}.\n\nBitte senden Sie mir weitere Informationen und ein individuelles Angebot.\n\nVielen Dank!`; - - // Set appropriate subject - if (packageParam.startsWith('vpc-')) { - subjectSelect.value = 'vpc-anfrage'; - } else if (packageParam.startsWith('vps-')) { - subjectSelect.value = 'vps-anfrage'; - } else if (packageParam.startsWith('mail-')) { - subjectSelect.value = 'mail-gateway-anfrage'; - } else if (packageParam.startsWith('web-')) { - subjectSelect.value = 'webhosting-anfrage'; - } - } - } else if (productParam) { - // Set subject based on product - const productSubjects = { - 'vpc': 'vpc-anfrage', - 'vps': 'vps-anfrage', - 'mail-gateway': 'mail-gateway-anfrage', - 'webhosting': 'webhosting-anfrage' - }; - - if (productSubjects[productParam]) { - subjectSelect.value = productSubjects[productParam]; - messageTextarea.value = `Hallo,\n\nich interessiere mich für Ihre ${productParam.replace('-', ' ')} Lösungen.\n\nBitte kontaktieren Sie mich für eine persönliche Beratung.\n\nVielen Dank!`; - } - } - } - } - - // Form field enhancements - function enhanceFormFields() { - const inputs = document.querySelectorAll('input, select, textarea'); - - inputs.forEach(input => { - // Add focus/blur effects - input.addEventListener('focus', function() { - this.parentElement.classList.add('focused'); - }); - - input.addEventListener('blur', function() { - if (!this.value) { - this.parentElement.classList.remove('focused'); - } - }); - - // Check if field already has value (for autofilled forms) - if (input.value) { - input.parentElement.classList.add('focused'); - } - }); - - // Phone number formatting - const phoneInput = document.getElementById('phone'); - if (phoneInput) { - phoneInput.addEventListener('input', function() { - // Simple German phone number formatting - let value = this.value.replace(/\D/g, ''); - if (value.startsWith('49')) { - value = '+' + value; - } else if (value.startsWith('0')) { - value = '+49' + value.substring(1); - } - this.value = value; - }); - } - } - - // Accessibility improvements - function improveAccessibility() { - // Add ARIA labels to form elements - const requiredFields = document.querySelectorAll('input[required], select[required], textarea[required]'); - requiredFields.forEach(field => { - field.setAttribute('aria-required', 'true'); - }); - - // Add keyboard navigation for FAQ - const faqQuestions = document.querySelectorAll('.faq-question'); - faqQuestions.forEach(question => { - question.setAttribute('tabindex', '0'); - question.setAttribute('role', 'button'); - question.setAttribute('aria-expanded', 'false'); - - question.addEventListener('keydown', function(e) { - if (e.key === 'Enter' || e.key === ' ') { - e.preventDefault(); - this.click(); - } - }); - }); - } - - // Initialize everything when DOM is loaded - document.addEventListener('DOMContentLoaded', function() { - initFAQ(); - initContactForm(); - autofillForm(); - enhanceFormFields(); - improveAccessibility(); - - // Show a welcome message for contact page - setTimeout(() => { - showNotification('💬 Haben Sie Fragen? Wir helfen gerne!', 'info'); - }, 2000); - }); - -})(); \ No newline at end of file diff --git a/public/assets/js/cookie-consent.js b/public/assets/js/cookie-consent.js deleted file mode 100644 index ce44911..0000000 --- a/public/assets/js/cookie-consent.js +++ /dev/null @@ -1,323 +0,0 @@ -/** - * Cookie Consent Manager für HexaHost.de - * DSGVO-konformes Cookie-Banner mit granularen Einstellungen - */ -(function() { - 'use strict'; - - // Cookie-Konfiguration - const COOKIE_NAME = 'hexahost_cookie_consent'; - const COOKIE_EXPIRY_DAYS = 365; - - // DOM-Elemente - const banner = document.getElementById('cookieConsent'); - const settingsPanel = document.getElementById('cookieSettingsPanel'); - const acceptAllBtn = document.getElementById('cookieAcceptAll'); - const acceptEssentialBtn = document.getElementById('cookieAcceptEssential'); - const settingsBtn = document.getElementById('cookieSettings'); - const saveSettingsBtn = document.getElementById('cookieSaveSettings'); - const closeSettingsBtn = document.getElementById('cookieCloseSettings'); - const analyticsCheckbox = document.getElementById('cookieAnalytics'); - const marketingCheckbox = document.getElementById('cookieMarketing'); - - /** - * Cookie-Hilfsfunktionen - */ - const CookieUtils = { - set: function(name, value, days) { - const date = new Date(); - date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); - const expires = 'expires=' + date.toUTCString(); - document.cookie = name + '=' + JSON.stringify(value) + ';' + expires + ';path=/;SameSite=Lax;Secure'; - }, - - get: function(name) { - const nameEQ = name + '='; - const cookies = document.cookie.split(';'); - for (let i = 0; i < cookies.length; i++) { - let cookie = cookies[i].trim(); - if (cookie.indexOf(nameEQ) === 0) { - try { - return JSON.parse(cookie.substring(nameEQ.length)); - } catch (e) { - return null; - } - } - } - return null; - }, - - delete: function(name) { - document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/;'; - } - }; - - /** - * Cookie Consent Manager - */ - const CookieConsent = { - // Standardeinstellungen - defaultConsent: { - essential: true, // Immer aktiviert - analytics: false, - marketing: false, - timestamp: null - }, - - /** - * Initialisierung - */ - init: function() { - if (!banner) return; - - const consent = this.getConsent(); - - if (consent && consent.timestamp) { - // Consent bereits gegeben - Banner verstecken - this.hideBanner(); - this.applyConsent(consent); - } else { - // Zeige Banner - this.showBanner(); - } - - this.bindEvents(); - }, - - /** - * Event-Listener binden - */ - bindEvents: function() { - if (acceptAllBtn) { - acceptAllBtn.addEventListener('click', () => this.acceptAll()); - } - - if (acceptEssentialBtn) { - acceptEssentialBtn.addEventListener('click', () => this.acceptEssential()); - } - - if (settingsBtn) { - settingsBtn.addEventListener('click', () => this.showSettings()); - } - - if (saveSettingsBtn) { - saveSettingsBtn.addEventListener('click', () => this.saveSettings()); - } - - if (closeSettingsBtn) { - closeSettingsBtn.addEventListener('click', () => this.hideSettings()); - } - - // ESC-Taste zum Schließen der Einstellungen - document.addEventListener('keydown', (e) => { - if (e.key === 'Escape' && settingsPanel && settingsPanel.style.display !== 'none') { - this.hideSettings(); - } - }); - }, - - /** - * Alle Cookies akzeptieren - */ - acceptAll: function() { - const consent = { - essential: true, - analytics: true, - marketing: true, - timestamp: new Date().toISOString() - }; - this.saveConsent(consent); - this.hideBanner(); - this.applyConsent(consent); - this.showNotification('Alle Cookies wurden akzeptiert.', 'success'); - }, - - /** - * Nur essenzielle Cookies akzeptieren - */ - acceptEssential: function() { - const consent = { - essential: true, - analytics: false, - marketing: false, - timestamp: new Date().toISOString() - }; - this.saveConsent(consent); - this.hideBanner(); - this.applyConsent(consent); - this.showNotification('Nur notwendige Cookies wurden akzeptiert.', 'info'); - }, - - /** - * Einstellungen speichern - */ - saveSettings: function() { - const consent = { - essential: true, - analytics: analyticsCheckbox ? analyticsCheckbox.checked : false, - marketing: marketingCheckbox ? marketingCheckbox.checked : false, - timestamp: new Date().toISOString() - }; - this.saveConsent(consent); - this.hideSettings(); - this.hideBanner(); - this.applyConsent(consent); - this.showNotification('Cookie-Einstellungen wurden gespeichert.', 'success'); - }, - - /** - * Consent im Cookie speichern - */ - saveConsent: function(consent) { - CookieUtils.set(COOKIE_NAME, consent, COOKIE_EXPIRY_DAYS); - }, - - /** - * Consent aus Cookie lesen - */ - getConsent: function() { - return CookieUtils.get(COOKIE_NAME); - }, - - /** - * Consent anwenden (z.B. Analytics laden) - */ - applyConsent: function(consent) { - // Dispatch Custom Event für andere Scripts - window.dispatchEvent(new CustomEvent('cookieConsentUpdated', { - detail: consent - })); - - // Analytics aktivieren/deaktivieren - if (consent.analytics) { - this.enableAnalytics(); - } else { - this.disableAnalytics(); - } - - // Marketing aktivieren/deaktivieren - if (consent.marketing) { - this.enableMarketing(); - } else { - this.disableMarketing(); - } - }, - - /** - * Analytics aktivieren (Placeholder für z.B. Google Analytics) - */ - enableAnalytics: function() { - // Hier können Analytics-Scripts geladen werden - // Beispiel für Google Analytics: - // if (typeof gtag === 'undefined') { - // const script = document.createElement('script'); - // script.src = 'https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID'; - // script.async = true; - // document.head.appendChild(script); - // } - console.log('Analytics enabled'); - }, - - /** - * Analytics deaktivieren - */ - disableAnalytics: function() { - // Analytics-Cookies entfernen falls vorhanden - console.log('Analytics disabled'); - }, - - /** - * Marketing aktivieren (Placeholder für Marketing-Tools) - */ - enableMarketing: function() { - console.log('Marketing enabled'); - }, - - /** - * Marketing deaktivieren - */ - disableMarketing: function() { - console.log('Marketing disabled'); - }, - - /** - * Banner anzeigen - */ - showBanner: function() { - if (banner) { - banner.classList.remove('hide'); - banner.classList.add('show'); - banner.setAttribute('aria-hidden', 'false'); - // Fokus auf ersten Button setzen für Accessibility - setTimeout(() => { - if (acceptAllBtn) acceptAllBtn.focus(); - }, 100); - } - }, - - /** - * Banner verstecken - */ - hideBanner: function() { - if (banner) { - banner.classList.remove('show'); - banner.classList.add('hide'); - banner.setAttribute('aria-hidden', 'true'); - } - }, - - /** - * Einstellungen-Panel anzeigen - */ - showSettings: function() { - if (settingsPanel) { - // Aktuelle Einstellungen in Checkboxen laden - const consent = this.getConsent() || this.defaultConsent; - if (analyticsCheckbox) analyticsCheckbox.checked = consent.analytics; - if (marketingCheckbox) marketingCheckbox.checked = consent.marketing; - - settingsPanel.style.display = 'block'; - settingsPanel.setAttribute('aria-hidden', 'false'); - } - }, - - /** - * Einstellungen-Panel verstecken - */ - hideSettings: function() { - if (settingsPanel) { - settingsPanel.style.display = 'none'; - settingsPanel.setAttribute('aria-hidden', 'true'); - } - }, - - /** - * Notification anzeigen (nutzt HexaHost-Notification-System falls verfügbar) - */ - showNotification: function(message, type) { - if (window.HexaHost && typeof window.HexaHost.showNotification === 'function') { - window.HexaHost.showNotification(message, type); - } - }, - - /** - * Consent zurücksetzen (für Datenschutz-Link) - */ - resetConsent: function() { - CookieUtils.delete(COOKIE_NAME); - this.showBanner(); - if (settingsPanel) settingsPanel.style.display = 'none'; - } - }; - - // Initialisierung wenn DOM geladen - if (document.readyState === 'loading') { - document.addEventListener('DOMContentLoaded', () => CookieConsent.init()); - } else { - CookieConsent.init(); - } - - // Globaler Zugriff für manuelle Steuerung - window.CookieConsent = CookieConsent; - -})(); diff --git a/public/assets/js/main.js b/public/assets/js/main.js deleted file mode 100644 index 19429b6..0000000 --- a/public/assets/js/main.js +++ /dev/null @@ -1,310 +0,0 @@ -// Main JavaScript for HexaHost.de -(function() { - 'use strict'; - - // DOM Elements - const navToggle = document.querySelector('.nav-toggle'); - const navMenu = document.querySelector('.nav-menu'); - const navLinks = document.querySelectorAll('.nav-link'); - const glassCards = document.querySelectorAll('.glass-card'); - const productCards = document.querySelectorAll('.product-card'); - - // Mobile Navigation Toggle - if (navToggle && navMenu) { - navToggle.addEventListener('click', function() { - navMenu.classList.toggle('active'); - navToggle.classList.toggle('active'); - }); - - // Close mobile menu when clicking on a link - navLinks.forEach(link => { - link.addEventListener('click', function() { - navMenu.classList.remove('active'); - navToggle.classList.remove('active'); - }); - }); - } - - // Smooth scrolling for anchor links - document.querySelectorAll('a[href^="#"]').forEach(anchor => { - anchor.addEventListener('click', function(e) { - e.preventDefault(); - const target = document.querySelector(this.getAttribute('href')); - if (target) { - target.scrollIntoView({ - behavior: 'smooth', - block: 'start' - }); - } - }); - }); - - // Enhanced glass card hover effects - glassCards.forEach(card => { - card.addEventListener('mouseenter', function() { - this.style.transform = 'translateY(-8px) scale(1.02)'; - }); - - card.addEventListener('mouseleave', function() { - this.style.transform = 'translateY(0) scale(1)'; - }); - }); - - // Product card interactive effects - productCards.forEach(card => { - card.addEventListener('mouseenter', function() { - if (!this.classList.contains('featured')) { - this.style.transform = 'translateY(-10px) scale(1.03)'; - } - }); - - card.addEventListener('mouseleave', function() { - if (!this.classList.contains('featured')) { - this.style.transform = 'translateY(0) scale(1)'; - } - }); - }); - - // Intersection Observer for animations - const observerOptions = { - threshold: 0.1, - rootMargin: '0px 0px -50px 0px' - }; - - const observer = new IntersectionObserver(function(entries) { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('animate-in'); - } - }); - }, observerOptions); - - // Observe elements for animation - const animateElements = document.querySelectorAll('.glass-card, .feature-item, .product-card'); - animateElements.forEach(el => { - observer.observe(el); - }); - - // Header scroll effect - always visible with transparency change - const header = document.querySelector('.header'); - const hero = document.querySelector('.hero'); - - // Kombinierter, optimierter Scroll-Handler mit requestAnimationFrame - let ticking = false; - - function handleScroll() { - const scrollTop = window.pageYOffset || document.documentElement.scrollTop; - - // Header-Effekt - if (header) { - if (scrollTop > 50) { - header.classList.add('scrolled'); - } else { - header.classList.remove('scrolled'); - } - } - - // Parallax-Effekt für Hero - if (hero) { - const rate = scrollTop * -0.5; - hero.style.transform = `translateY(${rate}px)`; - } - - ticking = false; - } - - window.addEventListener('scroll', function() { - if (!ticking) { - requestAnimationFrame(handleScroll); - ticking = true; - } - }, { passive: true }); - - // Form validation (for contact forms) - const forms = document.querySelectorAll('form'); - forms.forEach(form => { - form.addEventListener('submit', function(e) { - const requiredFields = form.querySelectorAll('[required]'); - let isValid = true; - - requiredFields.forEach(field => { - if (!field.value.trim()) { - isValid = false; - field.classList.add('error'); - - // Remove error class on focus - field.addEventListener('focus', function() { - this.classList.remove('error'); - }, { once: true }); - } - }); - - if (!isValid) { - e.preventDefault(); - showNotification('Bitte füllen Sie alle Pflichtfelder aus.', 'error'); - } - }); - }); - - // Notification system - function showNotification(message, type = 'info') { - const notification = document.createElement('div'); - notification.className = `notification notification-${type}`; - notification.textContent = message; - - notification.style.position = 'fixed'; - notification.style.top = '20px'; - notification.style.right = '20px'; - notification.style.padding = '15px 20px'; - notification.style.borderRadius = '8px'; - notification.style.color = 'white'; - notification.style.fontWeight = '500'; - notification.style.zIndex = '9999'; - notification.style.transform = 'translateX(400px)'; - notification.style.transition = 'transform 0.3s ease-in-out'; - - if (type === 'error') { - notification.style.background = 'linear-gradient(135deg, #ef4444, #dc2626)'; - } else if (type === 'success') { - notification.style.background = 'linear-gradient(135deg, #10b981, #059669)'; - } else { - notification.style.background = 'linear-gradient(135deg, #3b82f6, #2563eb)'; - } - - document.body.appendChild(notification); - - // Animate in - setTimeout(() => { - notification.style.transform = 'translateX(0)'; - }, 100); - - // Remove after 5 seconds - setTimeout(() => { - notification.style.transform = 'translateX(400px)'; - setTimeout(() => { - if (notification.parentNode) { - notification.parentNode.removeChild(notification); - } - }, 300); - }, 5000); - } - - // Lazy loading for images - const images = document.querySelectorAll('img[data-src]'); - const imageObserver = new IntersectionObserver((entries, observer) => { - entries.forEach(entry => { - if (entry.isIntersecting) { - const img = entry.target; - img.src = img.dataset.src; - img.classList.remove('lazy'); - imageObserver.unobserve(img); - } - }); - }); - - images.forEach(img => imageObserver.observe(img)); - - // Performance optimization: Debounce scroll events - function debounce(func, wait) { - let timeout; - return function executedFunction(...args) { - const later = () => { - clearTimeout(timeout); - func(...args); - }; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - }; - } - - // Apply debounce to scroll events - const debouncedScrollHandler = debounce(function() { - // Any scroll-based animations or calculations - updateScrollProgress(); - }, 16); // ~60fps - - window.addEventListener('scroll', debouncedScrollHandler); - - // Scroll progress indicator - function updateScrollProgress() { - const scrollTop = window.pageYOffset; - const docHeight = document.body.scrollHeight - window.innerHeight; - const scrollPercent = (scrollTop / docHeight) * 100; - - // You can use this to show a progress bar - document.documentElement.style.setProperty('--scroll-progress', scrollPercent + '%'); - } - - // Dark mode toggle (future feature) - function initDarkMode() { - const darkModeToggle = document.querySelector('.dark-mode-toggle'); - if (darkModeToggle) { - darkModeToggle.addEventListener('click', function() { - document.body.classList.toggle('dark-mode'); - localStorage.setItem('darkMode', document.body.classList.contains('dark-mode')); - }); - - // Check for saved dark mode preference - if (localStorage.getItem('darkMode') === 'true') { - document.body.classList.add('dark-mode'); - } - } - } - - // FAQ Accordion functionality - function initFAQ() { - const faqItems = document.querySelectorAll('.faq-item'); - - faqItems.forEach(item => { - const question = item.querySelector('.faq-question'); - const answer = item.querySelector('.faq-answer'); - - if (question && answer) { - question.addEventListener('click', function() { - // Close all other FAQ items - faqItems.forEach(otherItem => { - if (otherItem !== item && otherItem.classList.contains('open')) { - otherItem.classList.remove('open'); - const otherAnswer = otherItem.querySelector('.faq-answer'); - if (otherAnswer) { - otherAnswer.style.maxHeight = null; - } - } - }); - - // Toggle current item - item.classList.toggle('open'); - - if (item.classList.contains('open')) { - answer.style.maxHeight = answer.scrollHeight + 'px'; - } else { - answer.style.maxHeight = null; - } - }); - } - }); - } - - // Initialize all features when DOM is loaded - document.addEventListener('DOMContentLoaded', function() { - initDarkMode(); - initFAQ(); - - // Add loading animation complete class - document.body.classList.add('loaded'); - - // Show welcome message on first visit - if (!localStorage.getItem('hasVisited')) { - setTimeout(() => { - showNotification('Willkommen bei HexaHost.de! 🚀', 'success'); - localStorage.setItem('hasVisited', 'true'); - }, 1000); - } - }); - - // Export functions for global access if needed - window.HexaHost = { - showNotification: showNotification - }; - -})(); \ No newline at end of file diff --git a/public/config/config.php b/public/config/config.php deleted file mode 100644 index 139fce6..0000000 --- a/public/config/config.php +++ /dev/null @@ -1,171 +0,0 @@ - 'smtp.gmail.com', // z.B. smtp.gmail.com - 'smtp_port' => 587, // 587 für TLS, 465 für SSL - 'smtp_username' => 'test@hexahost.de', // z.B. info@hexahost.de - 'smtp_password' => 'your-app-password', // Ihr SMTP-Passwort - 'smtp_encryption' => 'tls', // 'tls' oder 'ssl' - - // Absender-Einstellungen - 'from_email' => 'test@hexahost.de', // Absender-E-Mail - 'from_name' => 'HexaHost.de Kontaktformular', // Absender-Name - - // Empfänger-Einstellungen - 'to_email' => 'info@hexahost.de', // Empfänger-E-Mail - 'to_name' => 'HexaHost Support', // Empfänger-Name - - // Sicherheitseinstellungen - 'max_requests_per_hour' => 5, // Max. Anfragen pro Stunde pro IP - 'honeypot_field' => 'website', // Verstecktes Feld für Bot-Schutz - - // E-Mail-Template-Einstellungen - 'email_template' => 'html', // 'html' oder 'text' - 'include_ip_address' => true, // IP-Adresse in E-Mail anzeigen - 'include_timestamp' => true, // Zeitstempel in E-Mail anzeigen -]; - -// DNS-Einstellungen für Spam-Schutz (werden über DNS konfiguriert) -$dns_config = [ - // SPF Record (TXT Record in DNS) - 'spf_record' => 'v=spf1 include:_spf.hexahost.de ~all', - - // DMARC Record (TXT Record in DNS) - 'dmarc_record' => 'v=DMARC1; p=quarantine; rua=mailto:dmarc@hexahost.de', - - // DKIM wird über den Mail-Server konfiguriert -]; - -// Debug-Einstellungen (nur für Entwicklung) -$debug_config = [ - 'debug_mode' => false, // Debug-Modus aktivieren - 'log_errors' => true, // Fehler loggen - 'log_file' => 'contact_form_errors.log', // Log-Datei -]; - -// Exportiere Konfiguration für andere Dateien -if (!defined('HEXAHOST_CONFIG_LOADED')) { - define('HEXAHOST_CONFIG_LOADED', true); - - // Globale Variablen für andere Dateien - $GLOBALS['hexahost_smtp_config'] = $smtp_config; - $GLOBALS['hexahost_dns_config'] = $dns_config; - $GLOBALS['hexahost_debug_config'] = $debug_config; -} - -// Hilfsfunktion zum Abrufen der Konfiguration -function getHexaHostConfig($key = null) { - global $smtp_config, $dns_config, $debug_config; - - if ($key === null) { - return array_merge($smtp_config, $dns_config, $debug_config); - } - - if (isset($smtp_config[$key])) { - return $smtp_config[$key]; - } - - if (isset($dns_config[$key])) { - return $dns_config[$key]; - } - - if (isset($debug_config[$key])) { - return $debug_config[$key]; - } - - return null; -} - -// Debug-Funktion -function hexahostDebug($message, $type = 'info') { - global $debug_config; - - if (!$debug_config['debug_mode']) { - return; - } - - $timestamp = date('Y-m-d H:i:s'); - $log_message = "[$timestamp] [$type] $message" . PHP_EOL; - - if ($debug_config['log_errors']) { - error_log($log_message, 3, $debug_config['log_file']); - } - - if ($debug_config['debug_mode']) { - echo "\n"; - } -} - -// Validierung der SMTP-Konfiguration -function validateSMTPConfig() { - $config = getHexaHostConfig(); - $errors = []; - - // Prüfe ob alle erforderlichen Felder ausgefüllt sind - $required_fields = ['smtp_host', 'smtp_username', 'smtp_password', 'from_email', 'to_email']; - - foreach ($required_fields as $field) { - if (empty($config[$field]) || $config[$field] === 'YOUR_SMTP_' . strtoupper(substr($field, 5))) { - $errors[] = "Konfigurationsfehler: $field ist nicht korrekt eingestellt."; - } - } - - // Prüfe SMTP-Port - if (!is_numeric($config['smtp_port']) || $config['smtp_port'] < 1 || $config['smtp_port'] > 65535) { - $errors[] = "Konfigurationsfehler: Ungültiger SMTP-Port."; - } - - // Prüfe E-Mail-Format - if (!filter_var($config['from_email'], FILTER_VALIDATE_EMAIL)) { - $errors[] = "Konfigurationsfehler: Ungültige Absender-E-Mail."; - } - - if (!filter_var($config['to_email'], FILTER_VALIDATE_EMAIL)) { - $errors[] = "Konfigurationsfehler: Ungültige Empfänger-E-Mail."; - } - - return $errors; -} - -// Zeige Konfigurationsfehler an (nur im Debug-Modus) -if (getHexaHostConfig('debug_mode')) { - $config_errors = validateSMTPConfig(); - if (!empty($config_errors)) { - hexahostDebug('SMTP-Konfigurationsfehler: ' . implode(', ', $config_errors), 'error'); - } -} -?> \ No newline at end of file diff --git a/public/config/mail-config.php b/public/config/mail-config.php deleted file mode 100644 index 6e10b72..0000000 --- a/public/config/mail-config.php +++ /dev/null @@ -1,155 +0,0 @@ - 'HexaHost.de Contact Form', - 'X-Priority' => '3', - 'X-MSMail-Priority' => 'Normal', - 'Importance' => 'Normal', - 'X-Report-Abuse' => 'Please report abuse here: abuse@hexahost.de', - 'List-Unsubscribe' => '', - 'Precedence' => 'bulk' -]); - -// Erlaubte Domains für E-Mail-Adressen (optional) -define('ALLOWED_EMAIL_DOMAINS', [ - // Leer lassen für alle Domains zu erlauben - // 'gmail.com', - // 'outlook.com', - // 'web.de', - // 'gmx.de' -]); - -// Blacklist für E-Mail-Adressen (optional) -define('BLACKLISTED_EMAILS', [ - // 'spam@example.com', - // 'test@test.com' -]); - -// Validierung der Konfiguration -if (!defined('SMTP_HOST') || !defined('SMTP_USERNAME') || !defined('SMTP_PASSWORD')) { - die('SMTP-Konfiguration ist unvollständig. Bitte überprüfen Sie die mail-config.php'); -} - -// Überprüfung der E-Mail-Adressen -if (!filter_var(SMTP_FROM_EMAIL, FILTER_VALIDATE_EMAIL)) { - die('Ungültige SMTP_FROM_EMAIL Adresse'); -} - -if (!filter_var(SMTP_TO_EMAIL, FILTER_VALIDATE_EMAIL)) { - die('Ungültige SMTP_TO_EMAIL Adresse'); -} - -// Logging-Funktion -function logEmail($type, $data) { - if (!LOG_EMAILS) return; - - $logFile = __DIR__ . '/../logs/email.log'; - $logDir = dirname($logFile); - - if (!is_dir($logDir)) { - mkdir($logDir, 0755, true); - } - - $timestamp = date('Y-m-d H:i:s'); - $logEntry = "[$timestamp] $type: " . json_encode($data) . "\n"; - - file_put_contents($logFile, $logEntry, FILE_APPEND | LOCK_EX); -} - -// Hilfsfunktion für E-Mail-Validierung -function isValidEmail($email) { - if (!filter_var($email, FILTER_VALIDATE_EMAIL)) { - return false; - } - - // Prüfe Blacklist - if (in_array($email, BLACKLISTED_EMAILS)) { - return false; - } - - // Prüfe Domain-Whitelist (falls gesetzt) - if (!empty(ALLOWED_EMAIL_DOMAINS)) { - $domain = substr(strrchr($email, "@"), 1); - if (!in_array($domain, ALLOWED_EMAIL_DOMAINS)) { - return false; - } - } - - return true; -} - -// CSRF Token generieren -function generateCSRFToken() { - if (!isset($_SESSION['csrf_token'])) { - $_SESSION['csrf_token'] = bin2hex(random_bytes(32)); - } - return $_SESSION['csrf_token']; -} - -// CSRF Token validieren -function validateCSRFToken($token) { - return isset($_SESSION['csrf_token']) && hash_equals($_SESSION['csrf_token'], $token); -} -?> \ No newline at end of file diff --git a/public/includes/footer.php b/public/includes/footer.php deleted file mode 100644 index 13430fa..0000000 --- a/public/includes/footer.php +++ /dev/null @@ -1,131 +0,0 @@ - - - - - - - - - - - - - - \ No newline at end of file diff --git a/public/includes/functions.php b/public/includes/functions.php deleted file mode 100644 index 912433d..0000000 --- a/public/includes/functions.php +++ /dev/null @@ -1,98 +0,0 @@ - 'Home', 'url' => 'index.html'], ...] - */ -function generateBreadcrumbs($breadcrumbs) { - echo '
'; - $last_index = count($breadcrumbs) - 1; - - foreach ($breadcrumbs as $index => $item) { - if ($index === $last_index) { - // Last item (current page) - echo '' . htmlspecialchars($item['title']) . ''; - } else { - // Link to other pages - echo '' . htmlspecialchars($item['title']) . ''; - echo '/'; - } - } - echo '
'; -} - -/** - * Generate CSRF token for form security - * - * @return string CSRF token - */ -function generateCSRFToken() { - if (!isset($_SESSION['csrf_token'])) { - $_SESSION['csrf_token'] = bin2hex(random_bytes(32)); - } - return $_SESSION['csrf_token']; -} -?> \ No newline at end of file diff --git a/public/includes/header.php b/public/includes/header.php deleted file mode 100644 index d2b4780..0000000 --- a/public/includes/header.php +++ /dev/null @@ -1,79 +0,0 @@ - - - - - - - - - - - - - - - - - - - <?php echo isset($page_title) ? htmlspecialchars($page_title) : 'HexaHost.de - Zuverlässiges Hosting aus Niederbayern'; ?> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
\ No newline at end of file