This commit is contained in:
2024-05-23 22:04:56 +03:00
parent c2fadebab0
commit 9364ad4c5b
3193 changed files with 1042219 additions and 654 deletions

View File

@@ -0,0 +1,2 @@
<?php
// Silence is golden.

View File

@@ -0,0 +1,61 @@
<?php
/**
* The template for displaying 404 pages (not found)
*
* @link https://codex.wordpress.org/Creating_an_Error_404_Page
*
* @package PopularFX
*/
get_header();
?>
<main id="primary" class="site-main">
<section class="error-404 not-found">
<header class="page-header">
<h1 class="error-code"><?php _e( "404", 'popularfx' ); ?></h1>
<h1 class="page-title"><?php esc_html_e( "Sorry we couldn't find that page.", 'popularfx' ); ?></h1>
</header><!-- .page-header -->
<div class="page-content">
<p><?php esc_html_e( 'It looks like nothing was found at this location. Maybe try one of the links below or a search?', 'popularfx' ); ?></p>
<?php
get_search_form();
the_widget( 'WP_Widget_Recent_Posts' );
?>
<div class="widget widget_categories">
<h2 class="widgettitle"><?php esc_html_e( 'Most Used Categories', 'popularfx' ); ?></h2>
<ul>
<?php
wp_list_categories(
array(
'orderby' => 'count',
'order' => 'DESC',
'show_count' => 1,
'title_li' => '',
'number' => 10,
)
);
?>
</ul>
</div><!-- .widget -->
<?php
/* translators: %1$s: smiley */
$popularfx_archive_content = '<p>' . sprintf( esc_html__( 'Try looking in the monthly archives. %1$s', 'popularfx' ), convert_smilies( ':)' ) ) . '</p>';
the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$popularfx_archive_content" );
the_widget( 'WP_Widget_Tag_Cloud' );
?>
</div><!-- .page-content -->
</section><!-- .error-404 -->
</main><!-- #main -->
<?php
get_footer();

View File

@@ -0,0 +1,502 @@
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.
<one line to give the library's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
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.
<signature of Ty Coon>, 1 April 1990
Ty Coon, President of Vice
That's all there is to it!

View File

@@ -0,0 +1,20 @@
popularfx
===
This is a starter theme called `popularfx`. PopularFX is a very light weight theme meant for making beautiful websites with Pagelayer. Try turning this theme into the next, most awesome, WordPress theme / website out there !
* Licensed under LGPLv2.1 :) Use it to make something cool !
Installation
---------------
### Requirements
`popularfx` requires the following dependencies:
- [Pagelayer](https://pagelayer.com/)
- [WordPress](https://wordpress.org/)
### Quick Start
Just install and activate

View File

@@ -0,0 +1,51 @@
<?php
/**
* The template for displaying archive pages
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
get_header();
?>
<main id="primary" class="site-main">
<?php if ( have_posts() ) : ?>
<header class="page-header">
<?php
the_archive_title( '<h1 class="page-title">', '</h1>' );
the_archive_description( '<div class="archive-description">', '</div>' );
?>
</header><!-- .page-header -->
<?php
/* Start the Loop */
while ( have_posts() ) :
the_post();
/*
* Include the Post-Type-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Type name) and that will be used instead.
*/
get_template_part( 'template-parts/content', get_post_type() );
endwhile;
the_posts_navigation();
else :
get_template_part( 'template-parts/content', 'none' );
endif;
?>
</main><!-- #main -->
<?php
get_sidebar();
get_footer();

View File

@@ -0,0 +1,77 @@
<?php
/**
* The template for displaying comments
*
* This is the template that displays the area of the page that contains both the current comments
* and the comment form.
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
/*
* If the current post is protected by a password and
* the visitor has not yet entered the password we will
* return early without loading the comments.
*/
if ( post_password_required() ) {
return;
}
?>
<div id="comments" class="comments-area">
<?php
// You can start editing here -- including this comment!
if ( have_comments() ) :
?>
<h2 class="comments-title">
<?php
$popularfx_comment_count = get_comments_number();
if ( '1' === $popularfx_comment_count ) {
printf(
/* translators: 1: title. */
esc_html__( 'One thought on &ldquo;%1$s&rdquo;', 'popularfx' ),
'<span>' . wp_kses_post( get_the_title() ) . '</span>'
);
} else {
printf(
/* translators: 1: comment count number, 2: title. */
esc_html( _nx( '%1$s thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', $popularfx_comment_count, 'comments title', 'popularfx' ) ),
number_format_i18n( $popularfx_comment_count ), // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
'<span>' . wp_kses_post( get_the_title() ) . '</span>'
);
}
?>
</h2><!-- .comments-title -->
<?php the_comments_navigation(); ?>
<ol class="comment-list">
<?php
wp_list_comments(
array(
'style' => 'ol',
'short_ping' => true,
)
);
?>
</ol><!-- .comment-list -->
<?php
the_comments_navigation();
// If comments are closed and there are comments, let's leave a little note, shall we?
if ( ! comments_open() ) :
?>
<p class="no-comments"><?php esc_html_e( 'Comments are closed.', 'popularfx' ); ?></p>
<?php
endif;
endif; // Check for have_comments().
comment_form();
?>
</div><!-- #comments -->

View File

@@ -0,0 +1,281 @@
/* CSS for Customizer Custom Controls */
.popularfx-edit-link{
display: block;
border:1px solid #ccc;
border-bottom:0px solid #ccc;
padding: 8px;
font-size: 14px;
font-weight: 600;
font-style: normal;
text-decoration: none;
background: #fff;
}
.popularfx-edit-link:last-of-type{
margin-bottom: 30px;
border-bottom:1px solid #ccc;
}
.popularfx-edit-link:hover{
background: #efefef;
}
/* Standard Selection */
#customize-control-popularfx_sidebar_default{
border-bottom: 1px double #ccc;
padding-bottom: 15px;
}
#accordion-section-popularfx_pro_link,
#accordion-section-no_pagelayer {
background: #fff;
font-size: 13px;
font-weight: 600;
text-align: right;
}
#accordion-section-no_pagelayer{
background: #FF0000;
}
#accordion-section-popularfx_pro_link a,
#accordion-section-no_pagelayer a{
padding:10px;
display: block;
text-decoration: none;
text-align: left;
}
#accordion-section-no_pagelayer a{
color: #FFEDD3;
}
#accordion-section-popularfx_pro_link a span,
#accordion-section-no_pagelayer a span{
padding-right: 5px;
}
.popularfx-customize-description {
width:100%;
float: left;
}
/* Alpha Color Picker */
.customize-control-alpha-color .wp-picker-container .iris-picker {
border-bottom:none;
}
.customize-control-alpha-color .wp-picker-container {
max-width: 257px;
}
.customize-control-alpha-color .wp-picker-open + .wp-picker-input-wrap {
width: 100%;
}
.customize-control-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control {
float: left;
width: 195px;
}
.customize-control-alpha-color .wp-picker-input-wrap .button {
margin-left: 0;
float: right;
}
.wp-picker-container .wp-picker-open ~ .wp-picker-holder .alpha-color-picker-container {
display: block;
}
.alpha-color-picker-container {
border: 1px solid #dfdfdf;
border-top: none;
display: none;
background-color: #fff;
padding: 0 11px 10px;
position: relative;
}
.alpha-color-picker-container .ui-widget-content,
.alpha-color-picker-container .ui-widget-header,
.alpha-color-picker-wrap .ui-state-focus {
background: transparent;
border: none;
}
.alpha-color-picker-wrap a.iris-square-value:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.alpha-color-picker-container .ui-slider {
position: relative;
z-index: 1;
height: 24px;
text-align: center;
margin: 0 auto;
width: 88%;
width: calc( 100% - 28px );
}
.alpha-color-picker-container .ui-slider-handle,
.alpha-color-picker-container .ui-widget-content .ui-state-default {
color: #777;
background-color: #fff;
text-shadow: 0 1px 0 #fff;
text-decoration: none;
position: absolute;
z-index: 2;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);
border: 1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
margin-top: -2px;
top: 0;
height: 26px;
width: 26px;
cursor: ew-resize;
font-size: 0;
padding: 0;
line-height: 27px;
margin-left: -14px;
}
.alpha-color-picker-container .ui-slider-handle.show-opacity {
font-size: 12px;
}
.alpha-color-picker-container .click-zone {
width: 14px;
height: 24px;
display: block;
position: absolute;
left: 10px;
}
.alpha-color-picker-container .max-click-zone {
right: 10px;
left: auto;
}
.alpha-color-picker-container .transparency {
height: 24px;
width: 100%;
background-color: #fff;
background-image: url(./images/color-picker-transparency-grid.png);
box-shadow: 0 0 5px rgba(0,0,0,0.4) inset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0;
margin-top: -24px;
}
@media only screen and (max-width: 782px) {
.customize-control-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control {
width: 184px;
}
}
@media only screen and (max-width: 640px) {
.customize-control-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker.alpha-color-control {
width: 172px;
height: 33px;
}
}
/* Alpha Color Picker & Standard Color Picker */
.customize-control-color .wp-color-result,
.customize-control-alpha-color .wp-color-result {
box-shadow: none;
}
.customize-control-color .wp-color-result .wp-color-result-text,
.customize-control-alpha-color .wp-color-result .wp-color-result-text {
border-left: none;
}
.wp-picker-holder .iris-picker .iris-palette {
box-shadow: none;
}
.wp-picker-container .iris-picker,
.wp-picker-container .alpha-color-picker-container {
border-radius: 0;
border: none;
}
.wp-picker-container .alpha-color-picker-container {
width: 233px;
}
/* WPColorPicker Alpha Color Picker */
.customize-control-wpcolorpicker-alpha-color .wp-color-result {
box-shadow: none;
}
.customize-control-wpcolorpicker-alpha-color .wp-picker-input-wrap input[type="text"].wp-color-picker {
float: left;
width: 195px;
}
.customize-control-wpcolorpicker-alpha-color .wp-color-result .wp-color-result-text {
border-left: none;
}
/* Custom checkbox style start */
#customize-control-pfx_enable_scrolltop input[type="checkbox"]{
float: right;
font-size: 12px;
margin: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 3.5em;
height: 1.7em;
background: #ddd;
border-radius: 3em;
position: relative;
cursor: pointer;
outline: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#customize-control-pfx_enable_scrolltop .customize-inside-control-row{
margin-left: 0px !important;
text-transform: capitalize;
}
#customize-control-pfx_enable_scrolltop input[type="checkbox"]:checked{
background-color: #1A9CDB;
border-color: #1A9CDB;
}
#customize-control-pfx_enable_scrolltop input[type="checkbox"]:after{
position: absolute;
content: "";
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
box-shadow: 0 0 .25em rgba(0,0,0,.3);
-webkit-transform: scale(.7);
transform: scale(.7);
left: 0;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#customize-control-pfx_enable_scrolltop input[type="checkbox"]:checked:before{
display: none;
}
#customize-control-pfx_enable_scrolltop input[type="checkbox"]:checked:after{
left: calc(100% - 1.5em);
}
/* Custom checkbox style end*/

View File

@@ -0,0 +1,40 @@
<?php
/**
* The template for displaying the footer
*
* Contains the closing of the #content div and all content after.
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package PopularFX
*/
$footer_text = get_theme_mod('popularfx_footer_text');
?>
<footer id="colophon" class="site-footer">
<div class="site-info">
<?php if(empty($footer_text)){ ?>
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'popularfx' ) ); ?>">
<?php
/* translators: %s: CMS name, i.e. WordPress. */
printf( esc_html__( 'Proudly powered by %s', 'popularfx' ), 'WordPress' );
?>
</a>
<span class="sep"> | </span>
<?php
/* translators: 1: Theme name, 2: Theme author. */
printf( popularfx_theme_credits() );
?>
<?php }else{
echo wp_kses($footer_text, 'post');
} ?>
</div><!-- .site-info -->
</footer><!-- #colophon -->
</div><!-- #page -->
<?php wp_footer(); ?>
</body>
</html>

View File

@@ -0,0 +1,858 @@
<?php
/**
* PopularFX functions and definitions
*
* @link https://popularfx.com/docs/
*
* @package PopularFX
*/
if ( ! defined( 'POPULARFX_VERSION' ) ) {
// Replace the version number of the theme on each release.
define( 'POPULARFX_VERSION', '1.2.5' );
}
if ( ! defined( 'POPULARFX_PAGELAYER_API' ) ) {
define( 'POPULARFX_PAGELAYER_API', 'https://api.pagelayer.com/' );
}
if ( ! defined( 'POPULARFX_WWW_URL' ) ) {
define( 'POPULARFX_WWW_URL', 'https://popularfx.com' );
}
if ( ! defined( 'POPULARFX_PRO_URL' ) ) {
define( 'POPULARFX_PRO_URL', 'https://popularfx.com/pricing?from=pfx-theme' );
}
if ( ! defined( 'POPULARFX_URL' ) ) {
define( 'POPULARFX_URL', get_template_directory_uri() );
}
if(!defined('PAGELAYER_VERSION')){
define('POPULARFX_PAGELAYER_PRO_URL', 'https://pagelayer.com/pricing?from=pfx-theme');
}
if ( ! function_exists( 'popularfx_setup' ) ){
/**
* Sets up theme defaults and registers support for various WordPress features.
*
* Note that this function is hooked into the after_setup_theme hook, which
* runs before the init hook. The init hook is too late for some features, such
* as indicating support for post thumbnails.
*/
function popularfx_setup() {
/*
* Make theme available for translation.
* Translations can be filed in the /languages/ directory.
* If you're building a theme based on PopularFX, use a find and replace
* to change 'popularfx' to the name of your theme in all the template files.
*/
load_theme_textdomain( 'popularfx', get_stylesheet_directory() . '/languages' );
// Add default posts and comments RSS feed links to head.
add_theme_support( 'automatic-feed-links' );
/*
* Let WordPress manage the document title.
* By adding theme support, we declare that this theme does not use a
* hard-coded <title> tag in the document head, and expect WordPress to
* provide it for us.
*/
add_theme_support( 'title-tag' );
/*
* Enable support for Post Thumbnails on posts and pages.
*
* @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
*/
add_theme_support( 'post-thumbnails' );
// This theme uses wp_nav_menu() in two locations.
register_nav_menus(
array(
'primary' => __( 'Primary Menu', 'popularfx' ),
)
);
/*
* Switch default core markup for search form, comment form, and comments
* to output valid HTML5.
*/
add_theme_support(
'html5',
array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
'style',
'script',
)
);
// Add theme support for selective refresh for widgets.
add_theme_support( 'customize-selective-refresh-widgets' );
/**
* Add support for core custom logo.
*
* @link https://codex.wordpress.org/Theme_Logo
*/
add_theme_support(
'custom-logo',
array(
'height' => 250,
'width' => 250,
'flex-width' => true,
'flex-height' => true,
)
);
global $pagelayer, $popularfx;
if(!empty($pagelayer->settings)){
$pagelayer->template_call_sidebar = 1;
}
// Show promos
popularfx_promos();
$template = popularfx_get_template_name();
if(empty($template)){
// Set up the WordPress core custom background feature.
add_theme_support('custom-background',
apply_filters(
'popularfx_custom_background_args',
array(
'default-color' => 'ffffff',
'default-image' => '',
)
)
);
add_theme_support( 'custom-header',
apply_filters(
'popularfx_custom_header_args',
array(
'default-image' => '',
'default-text-color' => '000000',
'width' => 1200,
'height' => 250,
'flex-height' => true,
'wp-head-callback' => 'popularfx_header_style',
)
)
);
add_theme_support(
'custom-logo',
array(
'height' => 250,
'width' => 250,
'flex-width' => true,
'flex-height' => true,
)
);
}
// Add woocommerce support
add_theme_support( 'woocommerce', array(
'product_grid' => array(
'min_columns'=> 1,
'max_columns' => 6,
),
) );
add_theme_support( 'wc-product-gallery-lightbox' );
add_theme_support( 'wc-product-gallery-slider' );
}
}
add_action( 'after_setup_theme', 'popularfx_setup' );
/**
* Set the content width in pixels, based on the theme's design and stylesheet.
*
* Priority 0 to make it available to lower priority callbacks.
*
* @global int $content_width
*/
function popularfx_content_width() {
// This variable is intended to be overruled from themes.
// Open WPCS issue: {@link https://github.com/WordPress-Coding-Standards/WordPress-Coding-Standards/issues/1043}.
// phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound
$GLOBALS['content_width'] = apply_filters( 'popularfx_content_width', 640 );
}
// To get activated template for parent and child theme
function popularfx_get_template_name(){
$tmp = get_option('theme_mods_popularfx');
$mods = !empty($tmp['popularfx_template']) ? $tmp['popularfx_template'] : '';
return $mods;
}
// Backward compat
function popularfx_copyright(){
return popularfx_theme_credits();
}
// Show credit of our theme
function popularfx_theme_credits(){
return '<a href="'.esc_url(POPULARFX_WWW_URL).'">'.__('PopularFX Theme', 'popularfx').'</a>';
}
// Shows the promos
function popularfx_promos(){
if(is_admin() && current_user_can('install_themes')){
//remove_theme_mod('popularfx_getting_started');
//remove_theme_mod('popularfx_templates_promo');
//remove_theme_mod('popularfx_show_promo');
// Show the getting started video option
$seen = get_theme_mod('popularfx_getting_started');
if(empty($seen)){
add_action('admin_notices', 'popularfx_getting_started_notice');
}
// Show the promo
popularfx_maybe_promo([
'after' => 1,// In days
'interval' => 30,// In days
'pro_url' => POPULARFX_PRO_URL,
'rating' => 'https://wordpress.org/themes/popularfx/#reviews',
'twitter' => 'https://twitter.com/PopularFXthemes?status='.rawurlencode('I love #PopularFX Theme by @pagelayer team for my #WordPress site - '.esc_url(home_url())),
'facebook' => 'https://facebook.com/popularfx',
'website' => POPULARFX_WWW_URL,
'image' => POPULARFX_URL.'/images/popularfx-logo.png',
'name' => 'popularfx_show_promo'
]);
$template = popularfx_get_template_name();
if(empty($template)){
// Show the image promo
popularfx_maybe_promo([
'after' => 0,// In days
'interval' => 30,// In days
'pro_url' => POPULARFX_PRO_URL,
'rating' => 'https://wordpress.org/themes/popularfx/#reviews',
'twitter' => 'https://twitter.com/PopularFXthemes?status='.rawurlencode('I love #PopularFX Theme by @pagelayer team for my #WordPress site - '.esc_url(home_url())),
'facebook' => 'https://facebook.com/popularfx',
'website' => POPULARFX_WWW_URL,
'image' => POPULARFX_URL.'/images/popularfx-logo.png',
'name' => 'popularfx_templates_promo'
]);
}
//delete_option('popularfx_templates_promo');
}
}
add_action( 'after_switch_theme', 'popularfx_promos', 10 );
/**
* Register widget area.
*
* @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
*/
function popularfx_widgets_init() {
register_sidebar(
array(
'name' => esc_html__( 'Sidebar', 'popularfx' ),
'id' => 'sidebar-1',
'description' => esc_html__( 'Add widgets here.', 'popularfx' ),
'before_widget' => '<section id="%1$s" class="widget %2$s">',
'after_widget' => '</section>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
)
);
}
add_action( 'widgets_init', 'popularfx_widgets_init' );
// URL of the PFX templates uploads dir
function popularfx_templates_dir_url(){
$template = popularfx_get_template_name();
$style = get_template_directory().'/templates/'.$template.'/style.css';
if(file_exists($style)){
return get_stylesheet_directory_uri().'/templates';
}
$dir = wp_upload_dir(NULL, false);
return $dir['baseurl'].'/popularfx-templates';
}
// URL of the PFX templates uploads dir
function popularfx_templates_dir($suffix = true){
$template = popularfx_get_template_name();
$style = get_template_directory().'/templates/'.$template.'/style.css';
if(file_exists($style)){
return get_template_directory().'/templates'.($suffix ? '/'.$template : '');
}
$dir = wp_upload_dir(NULL, false);
return $dir['basedir'].'/popularfx-templates'.($suffix ? '/'.$template : '');
}
/**
* Enqueue scripts and styles.
*/
function popularfx_scripts() {
$template = popularfx_get_template_name();
if(!empty($template) && defined('PAGELAYER_VERSION')){
wp_enqueue_style( 'popularfx-style', popularfx_templates_dir_url().'/'.$template.'/style.css', array(), POPULARFX_VERSION );
}else{
wp_enqueue_style( 'popularfx-style', get_template_directory_uri().'/style.css', array(), POPULARFX_VERSION );
wp_style_add_data( 'popularfx-style', 'rtl', 'replace' );
}
// Enqueue sidebar.css
wp_enqueue_style( 'popularfx-sidebar', get_template_directory_uri().'/sidebar.css', array(), POPULARFX_VERSION );
// Dashicons needed for WooCommerce and Scroll to Top
if(class_exists( 'WooCommerce' ) || get_theme_mod('pfx_enable_scrolltop')){
wp_enqueue_style('dashicons');
}
// Enqueue WooCommerce CSS
if(class_exists( 'WooCommerce' )){
wp_enqueue_style( 'popularfx-woocommerce', get_template_directory_uri().'/woocommerce.css', array(), POPULARFX_VERSION );
wp_style_add_data( 'popularfx-woocommerce', 'rtl', 'replace' );
}
wp_enqueue_script( 'popularfx-navigation', get_template_directory_uri().'/js/navigation.js', array('jquery'), POPULARFX_VERSION, true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
add_action( 'wp_enqueue_scripts', 'popularfx_scripts' );
function popularfx_the_title($before = '', $after = '', $echo = true){
if(is_page()){
return;
}
the_title($before, $after, $echo);
}
// Show the templates promo
function popularfx_templates_promo(){
global $popularfx_promo_opts, $popularfx;
if(!empty($GLOBALS['pfx_notices_shown'])){
return;
}
$GLOBALS['pfx_notices_shown'] = 1;
$opts = $popularfx_promo_opts['popularfx_templates_promo'];
echo '<style>
#popularfx_templates_promo{
border-left: 1px solid #ccd0d4;
}
.popularfx-templates-promo{
background: #fff;
padding: 5px;
}
.popularfx_promo_button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 6px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 13px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
}
.popularfx_promo_button:focus,
.popularfx_promo_button:hover{
border: none;
color: white;
box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 9px 25px 0 rgba(0,0,0,0.19);
color: white;
}
.popularfx_promo_buy {
color: white;
padding: 8px 12px;
font-size: 14px;
}
.popularfx_promo_button1 {
color: white;
background-color: #4CAF50;
border:3px solid #4CAF50;
}
.popularfx_promo_button1:hover {
border:3px solid #4CAF50;
}
.popularfx_promo_button2 {
color: white;
background-color: #0085ba;
}
.popularfx_promo_button3 {
color: white;
background-color: #365899;
}
.popularfx_promo_button4 {
color: white;
background-color: rgb(66, 184, 221);
}
.popularfx_promo-close{
float:right;
text-decoration:none;
margin: 5px 10px 0px 0px;
}
.popularfx_promo-close:hover{
color: red;
}
.popularfx_promo-left{
display: inline-block; max-width: 34%; vertical-align: top;
text-align: center;
}
.popularfx_promo-right{
display: inline-block; max-width: 65%; width: 65%; vertical-align: middle;
}
@media all and (max-width:599px){
.popularfx_promo-left, .popularfx_promo-right{
max-width: 100%;
}
}
</style>
<script type="application/javascript">
jQuery(document).ready(function(){
jQuery("#popularfx_templates_promo .popularfx_promo-close").click(function(){
var data;
jQuery("#popularfx_templates_promo").hide();
// Save this preference
jQuery.post("'.esc_url(admin_url('?'.$opts['name'].'=0')).'", data, function(response) {
//alert(response);
});
});
});
</script>
<div class="'.(empty($opts['class']) ? 'notice notice-success' : 'popularfx-templates-promo').'" id="popularfx_templates_promo" style="min-height:90px">
<div class="popularfx_promo-left">
<img src="'.esc_url(POPULARFX_URL.'/images/templates.png').'" width="85%" />
</div>
<div class="popularfx_promo-right">
<p align="center">
<a class="popularfx_promo-close" href="javascript:" aria-label="Dismiss this Notice">
<span class="dashicons dashicons-dismiss"></span> Dismiss
</a>
<a href="'.esc_url(POPULARFX_WWW_URL.'/templates').'" style="text-decoration: none; font-size: 15px;">
'.__('Did you know PopularFX comes with 500+ Templates to design your website. <br>Click to choose your template !', 'popularfx').'<br>
</a>
<br>
'.(empty($opts['pro_url']) || !empty($popularfx['license']) ? '' : '<a class="button button-primary" target="_blank" href="'.esc_url($opts['pro_url']).'">'.__('Buy PopularFX Pro', 'popularfx').'</a>').'
'.(empty($opts['rating']) ? '' : '<a class="button button-primary" target="_blank" href="'.esc_url($opts['rating']).'">'.__('Rate it 5★\'s', 'popularfx').'</a>').'
'.(empty($opts['facebook']) ? '' : '<a class="button button-secondary" target="_blank" href="'.esc_url($opts['facebook']).'"><span class="dashicons dashicons-thumbs-up" style="vertical-align: middle;"></span> '.__('Facebook', 'popularfx').'</a>').'
'.(empty($opts['twitter']) ? '' : '<a class="button button-secondary" target="_blank" href="'.esc_url($opts['twitter']).'"><span class="dashicons dashicons-twitter" style="vertical-align: middle;"></span> '.__('Tweet', 'popularfx').'</a>').'
'.(empty($opts['website']) ? '' : '<a class="button button-secondary" target="_blank" href="'.esc_url($opts['website']).'">'.__('Visit our website', 'popularfx').'</a>').'
</p>
</div>
</div>';
}
function popularfx_getting_started_notice(){
if(!empty($GLOBALS['pfx_notices_shown'])){
return;
}
$GLOBALS['pfx_notices_shown'] = 1;
// Are we to disable the promo
if(isset($_GET['popularfx-getting-started']) && (int)$_GET['popularfx-getting-started'] == 0){
check_ajax_referer('popularfx_getting_started_nonce', 'popularfx_nonce');
set_theme_mod('popularfx_getting_started', time());
die('DONE');
}
echo '
<script type="application/javascript">
jQuery(document).ready(function(){
jQuery("#popularfx-getting-started-notice").click(function(e){
if(jQuery(e.target).hasClass("notice-dismiss")){
var data;
jQuery("#popularfx-getting-started-notice").hide();
// Save this preference
jQuery.post("'.admin_url('?popularfx-getting-started=0&popularfx_nonce='.wp_create_nonce("popularfx_getting_started_nonce")).'", data, function(response) {
//alert(response);
});
return false;
}
});
});
</script>
<div id="popularfx-getting-started-notice" class="notice notice-success is-dismissible">
<p style="font-size: 14px; font-weight: 600">
<a href="'.esc_url(POPULARFX_WWW_URL).'"><img src="'.esc_url(POPULARFX_URL).'/images/popularfx-logo.png" style="vertical-align: middle; margin:0px 10px" width="24" /></a>'.__('Thanks for choosing PopularFX. We recommend that you see the <a href="https://www.youtube.com/watch?v=DCisrbrmjgI" target="_blank">PopularFX Theme Guide Video</a> to know the basics of PopularFX.', 'popularfx').'
</p>
</div>';
}
// Show promo notice on dashboard
function popularfx_show_promo($opts = []){
global $popularfx_promo_opts, $popularfx;
if(!empty($GLOBALS['pfx_notices_shown'])){
return;
}
$GLOBALS['pfx_notices_shown'] = 1;
$opts = $popularfx_promo_opts['popularfx_show_promo'];
echo '<style>
#popularfx_promo{
border-left: 1px solid #ccd0d4;
}
.popularfx_promo_button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 6px 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 13px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
cursor: pointer;
}
.popularfx_promo_button:focus,
.popularfx_promo_button:hover{
border: none;
color: white;
box-shadow: 0 6px 8px 0 rgba(0,0,0,0.24), 0 9px 25px 0 rgba(0,0,0,0.19);
color: white;
}
.popularfx_promo_buy {
color: white;
padding: 8px 12px;
font-size: 14px;
}
.popularfx_promo_button1 {
color: white;
background-color: #4CAF50;
border:3px solid #4CAF50;
}
.popularfx_promo_button1:hover {
border:3px solid #4CAF50;
}
.popularfx_promo_button2 {
color: white;
background-color: #0085ba;
}
.popularfx_promo_button3 {
color: white;
background-color: #365899;
}
.popularfx_promo_button4 {
color: white;
background-color: rgb(66, 184, 221);
}
.popularfx_promo-close{
float:right;
text-decoration:none;
margin: 5px 10px 0px 0px;
}
.popularfx_promo-close:hover{
color: red;
}
.popularfx_promo-left-1{
display: inline-block; width: 65%; vertical-align: top;
}
.popularfx_promo-right-1{
display: inline-block; width: 35%; vertical-align: top
}
@media all and (max-width:599px){
.popularfx_promo-left, .popularfx_promo-right{
width: 100%;
}
}
</style>
<script type="application/javascript">
jQuery(document).ready(function(){
jQuery("#popularfx_promo .popularfx_promo-close").click(function(){
var data;
jQuery("#popularfx_promo").hide();
// Save this preference
jQuery.post("'.esc_url(admin_url('?'.$opts['name'].'=0')).'", data, function(response) {
//alert(response);
});
});
});
</script>
<div class="notice notice-success" id="popularfx_promo" style="min-height:90px">
<div class="popularfx_promo-left-1">';
if(!empty($opts['image'])){
echo '<a href="'.esc_url($opts['website']).'"><img src="'.esc_url($opts['image']).'" style="float:left; margin:25px 20px 10px 10px" width="67" /></a>';
}
echo '
<p style="font-size:14px; line-height: 1.6">'.sprintf( __('We are glad you are using %1$s to build your website. We really appreciate it ! <br>We would like to request you to give us a 5 Star rating on %2$s. <br>It will greatly boost our motivation !', 'popularfx'), '<a href="'.$opts['website'].'"><b>PopularFX</b></a>', '<a href="'.$opts['rating'].'" target="_blank">WordPress.org</a>').'</p>
<p>
'.(empty($opts['pro_url']) || !empty($popularfx['license']) ? '' : '<a class="button button-primary" target="_blank" href="'.esc_url($opts['pro_url']).'">'.__('Buy PopularFX Pro', 'popularfx').'</a>').'
'.(empty($opts['rating']) ? '' : '<a class="button button-primary" target="_blank" href="'.esc_url($opts['rating']).'">'.__('Rate it 5★\'s', 'popularfx').'</a>').'
'.(empty($opts['facebook']) ? '' : '<a class="button button-secondary" target="_blank" href="'.esc_url($opts['facebook']).'"><span class="dashicons dashicons-thumbs-up" style="vertical-align: middle;"></span> '.__('Facebook', 'popularfx').'</a>').'
'.(empty($opts['twitter']) ? '' : '<a class="button button-secondary" target="_blank" href="'.esc_url($opts['twitter']).'"><span class="dashicons dashicons-twitter" style="vertical-align: middle;"></span> '.__('Tweet', 'popularfx').'</a>').'
'.(empty($opts['website']) ? '' : '<a class="button button-secondary" target="_blank" href="'.esc_url($opts['website']).'">'.__('Visit our website', 'popularfx').'</a>').'
</p>
'.(empty($opts['pro_url']) || !empty($popularfx['license']) ? '' : '<p style="font-size:13px">'.sprintf( __('%1$s has many more features like 500+ Website %2$s Templates%3$s, 90+ widgets, 500+ sections, Theme Builder, WooCommerce Builder, Theme Creator and Exporter, Form Builder, Popup Builder, etc. You get a Pagelayer Pro license with the PopularFX Pro version.', 'popularfx'), '<a href="'.esc_url($opts['pro_url']).'"><b>PopularFX Pro</b></a>', '<a href="'.esc_url($opts['website'].'/templates').'">', '</a>').'
</p>').'
</div>';
echo '<div class="popularfx_promo-right-1">
<a class="popularfx_promo-close" href="javascript:" aria-label="'.__('Dismiss this Notice', 'popularfx').'">
<span class="dashicons dashicons-dismiss"></span> '.__('Dismiss', 'popularfx').'
</a>
<br>
<center style="margin:10px;">
<a href="'.esc_url(POPULARFX_WWW_URL.'/templates').'" style="text-decoration: none; font-size: 15px;"><img src="'.esc_url(POPULARFX_URL.'/images/templates.png').'" width="100%" /><br><br>'.__('Install from 500+ Website Templates', 'popularfx').'</a>
</center>
</div>
</div>';
}
// Are we to show a promo ?
function popularfx_maybe_promo($opts){
global $popularfx_promo_opts;
// There must be an interval
if(empty($opts['interval'])){
return false;
}
// Are we to show a promo
$opt_name = empty($opts['name']) ? 'popularfx_show_promo' : $opts['name'];
$func = empty($opts['name']) ? $opt_name : $opts['name'];
$promo_time = get_theme_mod($opt_name);
//echo $opt_name.' - '.$func.' - '.$promo_time.' - '.date('Ymd', $promo_time).'<br>';die();
// First time access
if(empty($promo_time)){
set_theme_mod($opt_name, time() + (!empty($opts['after']) ? $opts['after'] * 86400 : 0));
$promo_time = get_theme_mod($opt_name);
}
// Is there interval elapsed
if(time() >= $promo_time){
$popularfx_promo_opts[$opt_name] = $opts;
add_action('admin_notices', $func);
}
// Are we to disable the promo
if(isset($_GET[$opt_name]) && (int)$_GET[$opt_name] == 0){
set_theme_mod($opt_name, time() + ($opts['interval'] * 86400));
die('DONE');
}
}
// Is the sidebar enabled
function popularfx_sidebar(){
// If no widgets in sidebar
if ( ! is_active_sidebar( 'sidebar-1' ) ) {
return;
}
$enabled = NULL;
// For page
if(is_page()){
$enabled = get_theme_mod('popularfx_sidebar_page', 'default');
}
$is_product = class_exists('WooCommerce') && is_product() ? true : false;
// For products none !
if(is_single() && $is_product){
$enabled = '0';
// For posts
}elseif(is_single()){
$enabled = get_theme_mod('popularfx_sidebar_post', 'right');
}
// For Archives
if(is_archive() || is_home()){
$enabled = get_theme_mod('popularfx_sidebar_archives', 'right');
}
// For Woocommerce
if(class_exists( 'WooCommerce' ) && is_shop()){
$enabled = get_theme_mod('popularfx_sidebar_woocommerce', 0);
}
// Load the default
if($enabled == 'default' || is_front_page()){
$enabled = get_theme_mod('popularfx_sidebar_default', 0);
}
// If its disabled
if(empty($enabled)){
return;
}
// In live mode of templates dont show this for header and footer
if(function_exists('pagelayer_is_live') && pagelayer_is_live()){
$pl_post_type = get_post_meta($GLOBALS['post']->ID, 'pagelayer_template_type', true);
if(in_array($pl_post_type, ['header', 'footer'])){
return;
}
}
return $enabled;
}
add_action('wp_enqueue_scripts', 'popularfx_sidebar_css', 1000);
function popularfx_sidebar_css(){
// Sidebar CSS
$enabled = popularfx_sidebar();
if(empty($enabled)){
return;
}
$width = (int) get_theme_mod('popularfx_sidebar_width', 20);
$custom_css = '
aside {
width: '.esc_attr($width).'%;
float: '.esc_attr($enabled).';
}
main, .pagelayer-content{
width: '.round(99 - esc_attr($width)).'% !important;
display: inline-block;
float: '.esc_attr($enabled == 'left' ? 'right' : 'left').';
}'.PHP_EOL;
wp_add_inline_style('popularfx-style', $custom_css);
}
if ( ! function_exists( 'popularfx_header_style' ) ) :
/**
* Styles the header image and text displayed on the blog.
*
* @see popularfx_custom_header_setup().
*/
function popularfx_header_style() {
$header_text_color = get_header_textcolor();
/*
* If no custom options for text are set, let's bail.
* get_header_textcolor() options: Any hex value, 'blank' to hide text. Default: add_theme_support( 'custom-header' ).
*/
if ( get_theme_support( 'custom-header', 'default-text-color' ) === $header_text_color ) {
return;
}
// If we get this far, we have custom styles. Let's do this.
?>
<style type="text/css">
<?php
// Has the text been hidden?
if ( ! display_header_text() ) :
?>
.site-title,
.site-description {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
}
<?php
// If the user has set a custom color for the text use that.
else :
?>
.site-title a,
.site-description {
color: #<?php echo esc_attr( $header_text_color ); ?>;
}
<?php endif; ?>
</style>
<?php
}
endif;
add_action( 'wp_footer', 'popularfx_footer_setup' );
if( ! function_exists( 'popularfx_footer_setup' )){
function popularfx_footer_setup(){
$pfx_enable_scrolltop = get_theme_mod('pfx_enable_scrolltop');
if(empty($pfx_enable_scrolltop)){
return;
}
echo '<a id="pfx-scroll-top" class="pfx-scroll-top"><span class="dashicons dashicons-arrow-up-alt2"></span><span class="screen-reader-text">Scroll to Top</span></a>';
}
}
/**
* Custom template tags for this theme.
*/
require dirname( __FILE__ ) . '/inc/template-tags.php';
/**
* Functions which enhance the theme by hooking into WordPress.
*/
require dirname( __FILE__ ) . '/inc/template-functions.php';
/**
* Customizer additions.
*/
require dirname( __FILE__ ) . '/inc/customizer.php';
/**
* Load WooCommerce compatibility file.
*/
if ( class_exists( 'WooCommerce' ) ) {
require dirname( __FILE__ ) . '/inc/woocommerce.php';
}
// Update the theme
require_once dirname( __FILE__ ) . '/inc/popularfx.php';

View File

@@ -0,0 +1,59 @@
<?php
/**
* The header for our theme
*
* This is the template that displays all of the <head> section and everything up until <div id="content">
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package PopularFX
*/
?>
<!doctype html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<div id="page" class="site">
<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'popularfx' ); ?></a>
<header id="masthead" class="site-header">
<div class="site-branding">
<?php
the_custom_logo();
if ( is_front_page() && is_home() ) :
?>
<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
<?php
else :
?>
<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
<?php
endif;
$popularfx_description = get_bloginfo( 'description', 'display' );
if ( $popularfx_description || is_customize_preview() ) :
?>
<p class="site-description"><?php echo $popularfx_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
<?php endif; ?>
</div><!-- .site-branding -->
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><span class="dashicons dashicons-menu-alt2"></span></button>
<nav id="site-navigation" class="main-navigation hidden-mobile">
<?php
wp_nav_menu(
array(
'theme_location' => 'primary',
'menu_id' => 'primary-menu',
)
);
?>
</nav><!-- #site-navigation -->
</header><!-- #masthead -->

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 827 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

View File

@@ -0,0 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="32px" height="32px" viewBox="0 0 128 128" xml:space="preserve"><g><linearGradient id="linear-gradient"><stop offset="0%" stop-color="#ffffff" fill-opacity="0"/><stop offset="100%" stop-color="#00557d" fill-opacity="1"/></linearGradient><path d="M63.85 0A63.85 63.85 0 1 1 0 63.85 63.85 63.85 0 0 1 63.85 0zm.65 19.5a44 44 0 1 1-44 44 44 44 0 0 1 44-44z" fill="url(#linear-gradient)" fill-rule="evenodd"/><animateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1320ms" repeatCount="indefinite"></animateTransform></g></svg>

After

Width:  |  Height:  |  Size: 756 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 460 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

View File

@@ -0,0 +1,141 @@
<?php
/**
* Popularfx Customizer Custom Controls
*
*/
if ( class_exists( 'WP_Customize_Control' ) ) {
/**
* Custom Control Base Class
*/
class Popularfx_Custom_Control extends WP_Customize_Control {
protected function get_popularfx_resource_url() {
if( strpos( wp_normalize_path( __DIR__ ), wp_normalize_path( WP_PLUGIN_DIR ) ) === 0 ) {
// We're in a plugin directory and need to determine the url accordingly.
return plugin_dir_url( __DIR__ );
}
return trailingslashit( get_template_directory_uri() );
}
}
/**
* Alpha Color Picker Custom Control
*
* @author Braad Martin <http://braadmartin.com>
* @license http://www.gnu.org/licenses/gpl-3.0.html
* @link https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker
*/
class Popularfx_Customize_Alpha_Color_Control extends Popularfx_Custom_Control {
/**
* The type of control being rendered
*/
public $type = 'alpha-color';
/**
* Add support for palettes to be passed in.
*
* Supported palette values are true, false, or an array of RGBa and Hex colors.
*/
public $palette;
/**
* Add support for showing the opacity value on the slider handle.
*/
public $show_opacity;
/**
* Enqueue our scripts and styles
*/
public function enqueue() {
wp_enqueue_script( 'wp-color-picker' );
wp_enqueue_style( 'wp-color-picker' );
wp_enqueue_script( 'popularfx-customizer-controls' );
}
/**
* Render the control in the customizer
*/
public function render_content() {
// Process the palette
if ( is_array( $this->palette ) ) {
$palette = implode( '|', $this->palette );
} else {
// Default to true.
$palette = ( false === $this->palette || 'false' === $this->palette ) ? 'false' : 'true';
}
// Support passing show_opacity as string or boolean. Default to true.
$show_opacity = ( false === $this->show_opacity || 'false' === $this->show_opacity ) ? 'false' : 'true';
// Output the label and description if they were passed in.
if ( isset( $this->label ) && '' !== $this->label ) {
echo '<span class="customize-control-title">' . sanitize_text_field( $this->label ) . '</span>';
}
if ( isset( $this->description ) && '' !== $this->description ) {
echo '<span class="description popularfx-customize-description">' . sanitize_text_field( $this->description ) . '</span>';
} ?>
<input class="alpha-color-control" type="text" data-show-opacity="<?php echo $show_opacity; ?>" data-palette="<?php echo esc_attr( $palette ); ?>" data-default-color="<?php echo esc_attr( $this->settings['default']->default ); ?>" <?php $this->link(); ?> />
<?php
}
}
/**
* Switch sanitization
*
* @param string Switch value
* @return integer Sanitized value
*/
if ( ! function_exists( 'popularfx_switch_sanitization' ) ) {
function popularfx_switch_sanitization( $input ) {
if ( true === $input ) {
return 1;
} else {
return 0;
}
}
}
/**
* Alpha Color (Hex & RGBa) sanitization
*
* @param string Input to be sanitized
* @return string Sanitized input
*/
if ( ! function_exists( 'popularfx_hex_rgba_sanitization' ) ) {
function popularfx_hex_rgba_sanitization( $input, $setting ) {
if ( empty( $input ) || is_array( $input ) ) {
return $setting->default;
}
if ( false === strpos( $input, 'rgba' ) ) {
// If string doesn't start with 'rgba' then santize as hex color
$input = sanitize_hex_color( $input );
} else {
// Sanitize as RGBa color
$input = str_replace( ' ', '', $input );
sscanf( $input, 'rgba(%d,%d,%d,%f)', $red, $green, $blue, $alpha );
$input = 'rgba(' . popularfx_in_range( $red, 0, 255 ) . ',' . popularfx_in_range( $green, 0, 255 ) . ',' . popularfx_in_range( $blue, 0, 255 ) . ',' . popularfx_in_range( $alpha, 0, 1 ) . ')';
}
return $input;
}
}
/**
* Only allow values between a certain minimum & maxmium range
*
* @param number Input to be sanitized
* @return number Sanitized input
*/
if ( ! function_exists( 'popularfx_in_range' ) ) {
function popularfx_in_range( $input, $min, $max ){
if ( $input < $min ) {
$input = $min;
}
if ( $input > $max ) {
$input = $max;
}
return $input;
}
}
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,259 @@
<?php
if(!function_exists('popularfx_dashboard')){
global $popularfx;
$popularfx['t'] = wp_get_theme();
// The PopularFX Settings Header
function popularfx_page_header($title = 'PopularFX Theme'){
$promos = apply_filters('popularfx_review_link', false);
echo '<div style="margin: 0px;">
<div class="metabox-holder">
<div class="postbox-container">
<div class="wrap" style="margin-top:0px;">
<h1 style="padding:0px"><!--This is to fix promo--></h1>
<table cellpadding="2" cellspacing="1" width="100%" class="fixed" border="0">
<tr>
<td valign="top"><h1>'.$title.'</h1></td>
'.($promos ? '<td align="right"><a target="_blank" class="button button-primary" href="'.esc_url('https://wordpress.org/support/view/plugin-reviews/pagelayer').'">'.__('Review Pagelayer', 'popularfx').'</a></td>' : '').'
<td align="right" width="40"><a target="_blank" href="'.esc_url('https://twitter.com/PopularFXthemes').'"><img src="'.esc_url(POPULARFX_URL.'/images/twitter.png').'" /></a></td>
<td align="right" width="40"><a target="_blank" href="'.esc_url('https://facebook.com/PopularFX').'"><img src="'.esc_url(POPULARFX_URL.'/images/facebook.png').'" /></a></td>
</tr>
</table>
<hr />
<!--Main Table-->
<table cellpadding="8" cellspacing="1" width="100%" class="fixed">
<tr>
<td valign="top">';
}
// The Pagelayer Settings footer
function popularfx_page_footer(){
global $popularfx;
echo '
</td>';
$promos = true;
if($promos){
echo '
<td width="200" valign="top" id="pagelayer-right-bar">';
echo '
<div class="postbox" style="min-width:0px !important;">
<h2 class="hndle ui-sortable-handle">
<span><a target="_blank" href="'.esc_url(POPULARFX_PAGELAYER_PRO_URL).'"><img src="'.esc_url(POPULARFX_URL.'/images/pagelayer_product.png').'" width="100%" /></a></span>
</h2>
<div class="inside">
<i>'.__('The best WordPress page builder', 'popularfx').' </i>:<br>
<ul class="pagelayer-right-ul">
<li>'.__('30+ Free Widgets', 'popularfx').'</li>
<li>'.__('60+ Premium Widgets', 'popularfx').'</li>
<li>'.__('400+ Premium Sections', 'popularfx').'</li>
<li>'.__('Theme Builder', 'popularfx').'</li>
<li>'.__('WooCommerce Builder', 'popularfx').'</li>
<li>'.__('Theme Creator and Exporter', 'popularfx').'</li>
<li>'.__('Form Builder', 'popularfx').'</li>
<li>'.__('Popup Builder', 'popularfx').'</li>
<li>'.__('And many more ...', 'popularfx').'</li>
</ul>
<center><a class="button button-primary" target="_blank" href="'.esc_url(POPULARFX_PAGELAYER_PRO_URL).'">'.__('Upgrade', 'popularfx').'</a></center>
</div>
</div>';
echo '
<div class="postbox" style="min-width:0px !important;">
<h2 class="hndle ui-sortable-handle">
<span><a target="_blank" href="https://loginizer.com/?from=pfx-theme"><img src="'.esc_url(POPULARFX_URL.'/images/loginizer-product.png').'" width="100%" /></a></span>
</h2>
<div class="inside">
<i>'.__('Secure your website with the following features', 'popularfx').' </i>:<br>
<ul class="lz-right-ul">
<li>'.__('PasswordLess Login', 'popularfx').'</li>
<li>'.__('Two Factor Auth - Email', 'popularfx').'</li>
<li>'.__('Two Factor Auth - App', 'popularfx').'</li>
<li>'.__('Login Challenge Question', 'popularfx').'</li>
<li>'.__('reCAPTCHA', 'popularfx').'</li>
<li>'.__('Rename Login Page', 'popularfx').'</li>
<li>'.__('Disable XML-RPC', 'popularfx').'</li>
<li>'.__('And many more ...', 'popularfx').'</li>
</ul>
<center><a class="button button-primary" href="https://loginizer.com/pricing">'.__('Upgrade', 'popularfx').'</a></center>
</div>
</div>';
echo '
<div class="postbox" style="min-width:0px !important;">
<h2 class="hndle ui-sortable-handle">
<span><a target="_blank" href="https://wpcentral.co/?from=pfx-theme"><img src="'.esc_url(POPULARFX_URL.'/images/wpcentral_product.png').'" width="100%" /></a></span>
</h2>
<div class="inside">
<i>'.__('Manage all your WordPress sites from <b>1 dashboard</b>', 'popularfx').' </i>:<br>
<ul class="pagelayer-right-ul">
<li>'.__('1-click Admin Access', 'popularfx').'</li>
<li>'.__('Update WordPress', 'popularfx').'</li>
<li>'.__('Update Themes', 'popularfx').'</li>
<li>'.__('Update Plugins', 'popularfx').'</li>
<li>'.__('Backup your WordPress Site', 'popularfx').'</li>
<li>'.__('Plugins & Theme Management', 'popularfx').'</li>
<li>'.__('Post Management', 'popularfx').'</li>
<li>'.__('And many more ...', 'popularfx').'</li>
</ul>
<center><a class="button button-primary" target="_blank" href="'.esc_url('https://wpcentral.co/?from=pfx-theme-'.popularfx_get_current_theme_slug()).'">'.__('Visit wpCentral', 'popularfx').'</a></center>
</div>
</div>
</td>';
}
echo '
</tr>
</table>
<br />';
if(empty($GLOBALS['sitepad'])){
echo '<div style="width:45%;background:#FFF;padding:15px; margin:auto">
<b>'.__('Let your followers know that you use PopularFX to build your website', 'popularfx').' :</b>
<form method="get" action="https://twitter.com/intent/tweet" id="tweet" onsubmit="return dotweet(this);">
<textarea name="text" cols="45" row="3" style="resize:none;">'.__('I easily built my #WordPress #site using @PopularFXthemes', 'popularfx').'</textarea>
&nbsp; &nbsp; <input type="submit" value="Tweet!" class="button button-primary" onsubmit="return false;" id="twitter-btn" style="margin-top:20px;"/>
</form>
</div>
<br />';
wp_register_script( 'pfx_common', get_stylesheet_directory_uri() .'/js/common.js', array(), POPULARFX_VERSION, true );
wp_enqueue_script('pfx_common');
echo '<hr />
<a href="'.esc_url($popularfx['www_url']).'" target="_blank">'.$popularfx['t']->get('Name').'</a> v'.$popularfx['t']->get('Version').' '.__('You can report any bugs', 'popularfx').' <a href="'.esc_url($popularfx['support_url']).'" target="_blank">'.__('here', 'popularfx').'</a>.';
}
echo '
</div>
</div>
</div>
</div>';
}
// The License Page
function popularfx_dashboard(){
global $popularfx, $pl_error;
if(isset($_REQUEST['save_pfx_license'])){
check_admin_referer('popularfx-options');
}
popularfx_dashboard_T();
}
// The License Page - THEME
function popularfx_dashboard_T(){
global $popularfx, $pagelayer, $pl_error;
popularfx_page_header('PopularFX Dashboard');
// Saved ?
if(!empty($GLOBALS['pl_saved'])){
echo '<div class="notice notice-success"><p>'. __('The settings were saved successfully', 'popularfx'). '</p></div><br />';
}
// Any errors ?
if(!empty($pl_error)){
pagelayer_report_error($pl_error);echo '<br />';
}
?>
<div class="postbox">
<h2 class="hndle ui-sortable-handle">
<span><?php echo __('Theme Information', 'popularfx'); ?></span>
</h2>
<div class="inside">
<form action="" method="post" enctype="multipart/form-data">
<?php wp_nonce_field('popularfx-options'); ?>
<table class="wp-list-table fixed striped users" cellspacing="1" border="0" width="95%" cellpadding="10" align="center">
<?php
echo '
<tr>
<th align="left" width="25%">'.__('Theme Name', 'popularfx').'</th>
<td>'.$popularfx['t']->get('Name').'</td>
</tr>
<tr>
<th align="left" width="25%">'.__('Theme Version', 'popularfx').'</th>
<td>'.$popularfx['t']->get('Version').'</td>
</tr>
<tr>
<th align="left" valign="top">'.__('PopularFX Templates Plugin', 'popularfx').'</th>
<td align="left">
<a href="'.esc_url(POPULARFX_WWW_URL).'/plugin">'.(defined('PFX_VERSION') ? PFX_VERSION : __('Install PopularFX Website Templates Plugin', 'popularfx')).'</a>
</td>
</tr>
<tr>
<th align="left" width="25%">'.__('Pagelayer Version', 'popularfx').'</th>
<td>'.(defined('PAGELAYER_VERSION') ? PAGELAYER_VERSION : 'Not Installed').(defined('PAGELAYER_PREMIUM') ? ' (PRO Version)' : '').'</td>
</tr>
<tr>
<th align="left">'.__('URL', 'popularfx').'</th>
<td>'.esc_url(home_url()).'</td>
</tr>
<tr>
<th align="left">'.__('Path', 'popularfx').'</th>
<td>'.ABSPATH.'</td>
</tr>
<tr>
<th align="left">'.__('Server\'s IP Address', 'popularfx').'</th>
<td>'.$_SERVER['SERVER_ADDR'].'</td>
</tr>';
?>
</table>
</form>
</div>
</div>
<?php
global $popularfx_promo_opts;
$popularfx_promo_opts['popularfx_templates_promo'] = [
'after' => 0,// In days
'interval' => 30,// In days
'pro_url' => POPULARFX_PRO_URL,
'rating' => 'https://wordpress.org/themes/popularfx/#reviews',
'twitter' => 'https://twitter.com/PopularFXthemes?status='.rawurlencode('I love #PopularFX Theme by @pagelayer team for my #WordPress site - '.esc_url(home_url())),
'facebook' => 'https://facebook.com/popularfx',
'website' => POPULARFX_WWW_URL,
'image' => POPULARFX_URL.'/images/popularfx-logo.png',
'name' => 'popularfx_templates_promo',
'class' => 'popularfx-templates-promo'
];
popularfx_templates_promo();
popularfx_page_footer();
}
}

View File

@@ -0,0 +1,161 @@
<?php
if(!function_exists('popularfx_cleanpath')){
function popularfx_cleanpath($path){
$path = str_replace('\\', '/', $path);
$path = str_replace('//', '/', $path);
return rtrim($path, '/');
}
}
if(!function_exists('popularfx_get_current_theme_slug')){
// Return the name of the current theme folder
function popularfx_get_current_theme_slug(){
$theme_root = popularfx_cleanpath(get_theme_root());
$debug = debug_backtrace();
$caller = popularfx_cleanpath($debug[0]['file']);
$left = str_ireplace($theme_root.'/', '', $caller);
$val = explode('/', $left);
return trim($val[0]);
}
}
// Install Pagelayer Pro
if(!function_exists('popularfx_install_pagelayer')){
function popularfx_install_pagelayer(){
global $pagelayer;
if(!empty($_GET['license']) && function_exists('pfx_install_pagelayer_pro')){
return pfx_install_pagelayer_pro();
}
// Include the necessary stuff
include_once( ABSPATH . 'wp-admin/includes/plugin-install.php' );
// Includes necessary for Plugin_Upgrader and Plugin_Installer_Skin
include_once( ABSPATH . 'wp-admin/includes/file.php' );
include_once( ABSPATH . 'wp-admin/includes/misc.php' );
include_once( ABSPATH . 'wp-admin/includes/class-wp-upgrader.php' );
// Filter to prevent the activate text
add_filter('install_plugin_complete_actions', 'popularfx_install_pagelayer_complete_actions', 10, 3);
echo '<h2>'.__('Install Pagelayer Free Version', 'popularfx').'</h2>';
$upgrader = new Plugin_Upgrader( new Plugin_Installer_Skin( ) );
$installed = $upgrader->install('https://downloads.wordpress.org/plugin/pagelayer.zip');
if(is_wp_error( $installed ) || empty($installed)){
return $installed;
}
if ( !is_wp_error( $installed ) && $installed ) {
echo __('Activating Pagelayer Plugin !', 'popularfx');
$installed = activate_plugin('pagelayer/pagelayer.php');
if ( is_null($installed)) {
$installed = true;
echo '<div id="message" class="updated"><p>'. sprintf(__('Done! Pagelayer is now installed and activated. Please click <a href="%s">here</a> to import your themes content', 'popularfx'), esc_url(admin_url('admin.php?page=pagelayer_import'))). '</p></div><br />';
echo '<br><br><b>'.__('Done! Pagelayer is now installed and activated', 'popularfx').'.</b>';
}
}
return $installed;
}
// Prevent pro activate text for installer
function popularfx_install_pagelayer_complete_actions($install_actions, $api, $plugin_file){
if($plugin_file == 'pagelayer-pro/pagelayer-pro.php'){
return array();
}
if($plugin_file == 'pagelayer/pagelayer.php'){
return array();
}
return $install_actions;
}
}
if(!function_exists('popularfx_admin_menu')){
// This adds the left menu in WordPress Admin page
add_action('admin_menu', 'popularfx_admin_menu', 5);
function popularfx_admin_menu() {
if(defined('PFX_FILE')){
return;
}
$capability = 'edit_theme_options';// TODO : Capability for accessing this page
add_theme_page('PopularFX', __('PopularFX Options', 'popularfx'), $capability, 'popularfx', 'popularfx_page_handler');
/*// Add the menu page
add_menu_page('PopularFX', 'PopularFX', $capability, 'popularfx', 'popularfx_page_handler', POPULARFX_URL.'/images/popularfx-logo-menu.png');
// Options Page
add_submenu_page('popularfx', 'PopularFX', __('Information', 'popularfx'), $capability, 'popularfx', 'popularfx_page_handler');
// PopularFX Templates
add_submenu_page('popularfx', __('Website Templates', 'popularfx'), __('Website Templates', 'popularfx'), $capability, 'popularfx_templates', 'popularfx_page_templates');*/
}
}
// Install Templates part
if(!function_exists('popularfx_page_templates')){
function popularfx_page_templates() {
include_once(dirname(__FILE__).'/popularfx-templates.php');
popularfx_templates();
}
}
if(!function_exists('popularfx_page_handler')){
function popularfx_page_handler() {
include_once(dirname(__FILE__).'/popularfx-dashboard.php');
popularfx_dashboard();
}
}
////////////////
// Some vars
////////////////
$popularfx['www_url'] = esc_url('https://popularfx.com');
$popularfx['support_url'] = esc_url('https://popularfx.deskuss.com');
$popularfx['slug'] = popularfx_get_current_theme_slug();
// Show the theme import notice if not shown
if(file_exists(dirname(dirname(__FILE__)).'/pagelayer.conf')){
if(!function_exists('pagelayer_theme_import_notices')){
//add_action('admin_notices', 'popularfx_pagelayer_required');
}else{
add_action('admin_notices', 'pagelayer_theme_import_notices');
}
}

View File

@@ -0,0 +1,37 @@
<?php
/**
* Functions which enhance the theme by hooking into WordPress
*
* @package PopularFX
*/
/**
* Adds custom classes to the array of body classes.
*
* @param array $classes Classes for the body element.
* @return array
*/
function popularfx_body_classes( $classes ) {
// Adds a class of hfeed to non-singular pages.
if ( ! is_singular() ) {
$classes[] = 'hfeed';
}
// Adds a class of no-sidebar when there is no sidebar present.
if ( ! is_active_sidebar( 'sidebar-1' ) ) {
$classes[] = 'no-sidebar';
}
return $classes;
}
add_filter( 'body_class', 'popularfx_body_classes' );
/**
* Add a pingback url auto-discovery header for single posts, pages, or attachments.
*/
function popularfx_pingback_header() {
if ( is_singular() && pings_open() ) {
printf( '<link rel="pingback" href="%s">', esc_url( get_bloginfo( 'pingback_url' ) ) );
}
}
add_action( 'wp_head', 'popularfx_pingback_header' );

View File

@@ -0,0 +1,165 @@
<?php
/**
* Custom template tags for this theme
*
* Eventually, some of the functionality here could be replaced by core features.
*
* @package PopularFX
*/
if ( ! function_exists( 'popularfx_posted_on' ) ) :
/**
* Prints HTML with meta information for the current post-date/time.
*/
function popularfx_posted_on() {
$time_string = '<time class="entry-date published updated" datetime="%1$s">%2$s</time>';
if ( get_the_time( 'U' ) !== get_the_modified_time( 'U' ) ) {
$time_string = '<time class="entry-date published" datetime="%1$s">%2$s</time><time class="updated" datetime="%3$s">%4$s</time>';
}
$time_string = sprintf(
$time_string,
esc_attr( get_the_date( DATE_W3C ) ),
esc_html( get_the_date() ),
esc_attr( get_the_modified_date( DATE_W3C ) ),
esc_html( get_the_modified_date() )
);
$posted_on = sprintf(
/* translators: %s: post date. */
esc_html_x( 'Posted on %s', 'post date', 'popularfx' ),
'<a href="' . esc_url( get_permalink() ) . '" rel="bookmark">' . $time_string . '</a>'
);
echo '<span class="posted-on">' . $posted_on . '</span>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
endif;
if ( ! function_exists( 'popularfx_posted_by' ) ) :
/**
* Prints HTML with meta information for the current author.
*/
function popularfx_posted_by() {
$byline = sprintf(
/* translators: %s: post author. */
esc_html_x( 'by %s', 'post author', 'popularfx' ),
'<span class="author vcard"><a class="url fn n" href="' . esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ) . '">' . esc_html( get_the_author() ) . '</a></span>'
);
echo '<span class="byline"> ' . $byline . '</span>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
endif;
if ( ! function_exists( 'popularfx_entry_footer' ) ) :
/**
* Prints HTML with meta information for the categories, tags and comments.
*/
function popularfx_entry_footer() {
// Hide category and tag text for pages.
if ( 'post' === get_post_type() ) {
/* translators: used between list items, there is a space after the comma */
$categories_list = get_the_category_list( esc_html__( ', ', 'popularfx' ) );
if ( $categories_list ) {
/* translators: 1: list of categories. */
printf( '<span class="cat-links">' . esc_html__( 'Posted in %1$s', 'popularfx' ) . '</span>', $categories_list ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
/* translators: used between list items, there is a space after the comma */
$tags_list = get_the_tag_list( '', esc_html_x( ', ', 'list item separator', 'popularfx' ) );
if ( $tags_list ) {
/* translators: 1: list of tags. */
printf( '<span class="tags-links">' . esc_html__( 'Tagged %1$s', 'popularfx' ) . '</span>', $tags_list ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
}
}
if ( ! is_single() && ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
echo '<span class="comments-link">';
comments_popup_link(
sprintf(
wp_kses(
/* translators: %s: post title */
__( 'Leave a Comment<span class="screen-reader-text"> on %s</span>', 'popularfx' ),
array(
'span' => array(
'class' => array(),
),
)
),
wp_kses_post( get_the_title() )
)
);
echo '</span>';
}
edit_post_link(
sprintf(
wp_kses(
/* translators: %s: Name of current post. Only visible to screen readers */
__( 'Edit <span class="screen-reader-text">%s</span>', 'popularfx' ),
array(
'span' => array(
'class' => array(),
),
)
),
wp_kses_post( get_the_title() )
),
'<span class="edit-link">',
'</span>'
);
}
endif;
if ( ! function_exists( 'popularfx_post_thumbnail' ) ) :
/**
* Displays an optional post thumbnail.
*
* Wraps the post thumbnail in an anchor element on index views, or a div
* element when on single views.
*/
function popularfx_post_thumbnail() {
if ( post_password_required() || is_attachment() || ! has_post_thumbnail() ) {
return;
}
if ( is_singular() ) :
?>
<div class="post-thumbnail">
<?php the_post_thumbnail(); ?>
</div><!-- .post-thumbnail -->
<?php else : ?>
<a class="post-thumbnail" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
<?php
the_post_thumbnail(
'post-thumbnail',
array(
'alt' => the_title_attribute(
array(
'echo' => false,
)
),
)
);
?>
</a>
<?php
endif; // End is_singular().
}
endif;
if ( ! function_exists( 'wp_body_open' ) ) :
/**
* Shim for sites older than 5.2.
*
* @link https://core.trac.wordpress.org/ticket/12563
*/
function wp_body_open() {
do_action( 'wp_body_open' );
}
endif;

View File

@@ -0,0 +1,128 @@
<?php
/**
* WooCommerce Compatibility File
*
* @link https://woocommerce.com/
*
* @package PopularFX
*/
/**
* WooCommerce specific scripts & stylesheets.
*
* @return void
*/
function popularfx_woocommerce_scripts() {
$inline = '.popularfx-body.woocommerce-page main{
padding: 15px;
}';
wp_add_inline_style( 'popularfx-style', $inline );
}
add_action( 'wp_enqueue_scripts', 'popularfx_woocommerce_scripts' );
/**
* Disable the default WooCommerce stylesheet.
*
* Removing the default WooCommerce stylesheet and enqueing your own will
* protect you during WooCommerce core updates.
*
* @link https://docs.woocommerce.com/document/disable-the-default-stylesheet/
*/
//add_filter( 'woocommerce_enqueue_styles', '__return_empty_array' );
/**
* Add 'woocommerce-active' class to the body tag.
*
* @param array $classes CSS classes applied to the body tag.
* @return array $classes modified to include 'woocommerce-active' class.
*/
function popularfx_woocommerce_active_body_class( $classes ) {
$classes[] = 'woocommerce-active';
return $classes;
}
add_filter( 'body_class', 'popularfx_woocommerce_active_body_class' );
/**
* Related Products Args.
*
* @param array $args related products args.
* @return array $args related products args.
*/
function popularfx_woocommerce_related_products_args( $args ) {
$defaults = array(
'posts_per_page' => 3,
'columns' => 3,
);
$args = wp_parse_args( $defaults, $args );
return $args;
}
add_filter( 'woocommerce_output_related_products_args', 'popularfx_woocommerce_related_products_args' );
/**
* Remove default WooCommerce wrapper.
*/
remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10 );
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10 );
if ( ! function_exists( 'popularfx_woocommerce_wrapper_before' ) ) {
/**
* Before Content.
*
* Wraps all WooCommerce content in wrappers which match the theme markup.
*
* @return void
*/
function popularfx_woocommerce_wrapper_before() {
?>
<main id="primary" class="site-main">
<?php
}
}
add_action( 'woocommerce_before_main_content', 'popularfx_woocommerce_wrapper_before' );
if ( ! function_exists( 'popularfx_woocommerce_wrapper_after' ) ) {
/**
* After Content.
*
* Closes the wrapping divs.
*
* @return void
*/
function popularfx_woocommerce_wrapper_after() {
?>
</main><!-- #main -->
<?php
}
}
add_action( 'woocommerce_after_main_content', 'popularfx_woocommerce_wrapper_after' );
// Show the star rating
add_action('woocommerce_after_shop_loop_item_title', 'popularfx_woocommerce_star_rating', 5);
function popularfx_woocommerce_star_rating() {
global $product;
$rating = $product->get_average_rating();
$rating_html = '</a><a href="' . get_the_permalink() . '#respond"><div class ="pfx-star-rating-container"><div class="star-rating pfx-star-rating"><span style="width:' . (( $rating / 5 ) * 100) . '%"></span></div></div></a>';
echo $rating_html;
}
/**
* Show cart contents / total Ajax
*/
add_filter( 'woocommerce_add_to_cart_fragments', 'popularfx_wc_header_add_to_cart_fragment' );
function popularfx_wc_header_add_to_cart_fragment( $fragments ) {
global $woocommerce;
ob_start();
?>
<li class="page-item pfx-menu-cart cart-customlocation menu-item menu-item-type-post_type menu-item-object-page"><a href="<?php echo esc_url(wc_get_cart_url()); ?>"><span class="dashicons dashicons-cart"></span><sup><?php echo WC()->cart->get_cart_contents_count();?></sup></a></li>
<?php
$fragments['li.cart-customlocation'] = ob_get_clean();
return $fragments;
}

View File

@@ -0,0 +1,57 @@
<?php
/**
* The main template file
*
* This is the most generic template file in a WordPress theme
* and one of the two required files for a theme (the other being style.css).
* It is used to display a page when nothing more specific matches a query.
* E.g., it puts together the home page when no home.php file exists.
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
get_header();
?>
<main id="primary" class="site-main">
<?php
if ( have_posts() ) :
if ( is_home() && ! is_front_page() ) :
?>
<header>
<h1 class="page-title screen-reader-text"><?php single_post_title(); ?></h1>
</header>
<?php
endif;
/* Start the Loop */
while ( have_posts() ) :
the_post();
/*
* Include the Post-Type-specific template for the content.
* If you want to override this in a child theme, then include a file
* called content-___.php (where ___ is the Post Type name) and that will be used instead.
*/
get_template_part( 'template-parts/content', get_post_type() );
endwhile;
the_posts_navigation();
else :
get_template_part( 'template-parts/content', 'none' );
endif;
?>
</main><!-- #main -->
<?php
get_sidebar();
get_footer();

View File

@@ -0,0 +1,5 @@
function dotweet(ele){
window.open(jQuery("#"+ele.id).attr("action")+"?"+jQuery("#"+ele.id).serialize(), "_blank", "scrollbars=no, menubar=no, height=400, width=500, resizable=yes, toolbar=no, status=no");
return false;
}

View File

@@ -0,0 +1,266 @@
jQuery( document ).ready(function($) {
/**
* Alpha Color Picker Custom Control
*
* @author Braad Martin <http://braadmartin.com>
* @license http://www.gnu.org/licenses/gpl-3.0.html
* @link https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker
*/
// Loop over each control and transform it into our color picker.
$( '.alpha-color-control' ).each( function() {
// Scope the vars.
var $control, startingColor, paletteInput, showOpacity, defaultColor, palette,
colorPickerOptions, $container, $alphaSlider, alphaVal, sliderOptions;
// Store the control instance.
$control = $( this );
// Get a clean starting value for the option.
startingColor = $control.val().replace( /\s+/g, '' );
// Get some data off the control.
paletteInput = $control.attr( 'data-palette' );
showOpacity = $control.attr( 'data-show-opacity' );
defaultColor = $control.attr( 'data-default-color' );
// Process the palette.
if ( paletteInput.indexOf( '|' ) !== -1 ) {
palette = paletteInput.split( '|' );
} else if ( 'false' == paletteInput ) {
palette = false;
} else {
palette = true;
}
// Set up the options that we'll pass to wpColorPicker().
colorPickerOptions = {
change: function( event, ui ) {
var key, value, alpha, $transparency;
key = $control.attr( 'data-customize-setting-link' );
value = $control.wpColorPicker( 'color' );
// Set the opacity value on the slider handle when the default color button is clicked.
if ( defaultColor == value ) {
alpha = pfx_acp_get_alpha_value_from_color( value );
$alphaSlider.find( '.ui-slider-handle' ).text( alpha );
}
// Send ajax request to wp.customize to trigger the Save action.
wp.customize( key, function( obj ) {
obj.set( value );
});
$transparency = $container.find( '.transparency' );
// Always show the background color of the opacity slider at 100% opacity.
$transparency.css( 'background-color', ui.color.toString( 'no-alpha' ) );
},
palettes: palette // Use the passed in palette.
};
// Create the colorpicker.
$control.wpColorPicker( colorPickerOptions );
$container = $control.parents( '.wp-picker-container:first' );
// Insert our opacity slider.
$( '<div class="alpha-color-picker-container">' +
'<div class="min-click-zone click-zone"></div>' +
'<div class="max-click-zone click-zone"></div>' +
'<div class="alpha-slider"></div>' +
'<div class="transparency"></div>' +
'</div>' ).appendTo( $container.find( '.wp-picker-holder' ) );
$alphaSlider = $container.find( '.alpha-slider' );
// If starting value is in format RGBa, grab the alpha channel.
alphaVal = pfx_acp_get_alpha_value_from_color( startingColor );
// Set up jQuery UI slider() options.
sliderOptions = {
create: function( event, ui ) {
var value = $( this ).slider( 'value' );
// Set up initial values.
$( this ).find( '.ui-slider-handle' ).text( value );
$( this ).siblings( '.transparency ').css( 'background-color', startingColor );
},
value: alphaVal,
range: 'max',
step: 1,
min: 0,
max: 100,
animate: 300
};
// Initialize jQuery UI slider with our options.
$alphaSlider.slider( sliderOptions );
// Maybe show the opacity on the handle.
if ( 'true' == showOpacity ) {
$alphaSlider.find( '.ui-slider-handle' ).addClass( 'show-opacity' );
}
// Bind event handlers for the click zones.
$container.find( '.min-click-zone' ).on( 'click', function() {
pfx_acp_update_alpha_value_on_color_control( 0, $control, $alphaSlider, true );
});
$container.find( '.max-click-zone' ).on( 'click', function() {
pfx_acp_update_alpha_value_on_color_control( 100, $control, $alphaSlider, true );
});
// Bind event handler for clicking on a palette color.
$container.find( '.iris-palette' ).on( 'click', function() {
var color, alpha;
color = $( this ).css( 'background-color' );
alpha = pfx_acp_get_alpha_value_from_color( color );
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
// Sometimes Iris doesn't set a perfect background-color on the palette,
// for example rgba(20, 80, 100, 0.3) becomes rgba(20, 80, 100, 0.298039).
// To compensante for this we round the opacity value on RGBa colors here
// and save it a second time to the color picker object.
if ( alpha != 100 ) {
color = color.replace( /[^,]+(?=\))/, ( alpha / 100 ).toFixed( 2 ) );
}
$control.wpColorPicker( 'color', color );
});
// Bind event handler for clicking on the 'Clear' button.
$container.find( '.button.wp-picker-clear' ).on( 'click', function() {
var key = $control.attr( 'data-customize-setting-link' );
// The #fff color is delibrate here. This sets the color picker to white instead of the
// defult black, which puts the color picker in a better place to visually represent empty.
$control.wpColorPicker( 'color', '#ffffff' );
// Set the actual option value to empty string.
wp.customize( key, function( obj ) {
obj.set( '' );
});
pfx_acp_update_alpha_value_on_alpha_slider( 100, $alphaSlider );
});
// Bind event handler for clicking on the 'Default' button.
$container.find( '.button.wp-picker-default' ).on( 'click', function() {
var alpha = pfx_acp_get_alpha_value_from_color( defaultColor );
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
});
// Bind event handler for typing or pasting into the input.
$control.on( 'input', function() {
var value = $( this ).val();
var alpha = pfx_acp_get_alpha_value_from_color( value );
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
});
// Update all the things when the slider is interacted with.
$alphaSlider.slider().on( 'slide', function( event, ui ) {
var alpha = parseFloat( ui.value ) / 100.0;
pfx_acp_update_alpha_value_on_color_control( alpha, $control, $alphaSlider, false );
// Change value shown on slider handle.
$( this ).find( '.ui-slider-handle' ).text( ui.value );
});
});
});
/**
* Override the stock color.js toString() method to add support for outputting RGBa or Hex.
*/
Color.prototype.toString = function( flag ) {
// If our no-alpha flag has been passed in, output RGBa value with 100% opacity.
// This is used to set the background color on the opacity slider during color changes.
if ( 'no-alpha' == flag ) {
return this.toCSS( 'rgba', '1' ).replace( /\s+/g, '' );
}
// If we have a proper opacity value, output RGBa.
if ( 1 > this._alpha ) {
return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
}
// Proceed with stock color.js hex output.
var hex = parseInt( this._color, 10 ).toString( 16 );
if ( this.error ) { return ''; }
if ( hex.length < 6 ) {
for ( var i = 6 - hex.length - 1; i >= 0; i-- ) {
hex = '0' + hex;
}
}
return '#' + hex;
};
/**
* Given an RGBa, RGB, or hex color value, return the alpha channel value.
*/
function pfx_acp_get_alpha_value_from_color( value ) {
var alphaVal;
// Remove all spaces from the passed in value to help our RGBa regex.
value = value.replace( / /g, '' );
if ( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ ) ) {
alphaVal = parseFloat( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ )[1] ).toFixed(2) * 100;
alphaVal = parseInt( alphaVal );
} else {
alphaVal = 100;
}
return alphaVal;
}
/**
* Force update the alpha value of the color picker object and maybe the alpha slider.
*/
function pfx_acp_update_alpha_value_on_color_control( alpha, $control, $alphaSlider, update_slider ) {
var iris, colorPicker, color;
iris = $control.data( 'a8cIris' );
colorPicker = $control.data( 'wpWpColorPicker' );
// Set the alpha value on the Iris object.
iris._color._alpha = alpha;
// Store the new color value.
color = iris._color.toString();
// Set the value of the input.
$control.val( color );
// Update the background color of the color picker.
colorPicker.toggler.css({
'background-color': color
});
// Maybe update the alpha slider itself.
if ( update_slider ) {
pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
}
// Update the color value of the color picker object.
$control.wpColorPicker( 'color', color );
}
/**
* Update the slider handle position and label.
*/
function pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider ) {
$alphaSlider.slider( 'value', alpha );
$alphaSlider.find( '.ui-slider-handle' ).text( alpha.toString() );
}

View File

@@ -0,0 +1,80 @@
/* global wp, jQuery */
/**
* File customizer.js.
*
* Theme Customizer enhancements for a better user experience.
*
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
*/
( function( $ ) {
// Site title and description.
wp.customize( 'blogname', function( value ) {
value.bind( function( to ) {
$( '.site-title a' ).text( to );
} );
} );
wp.customize( 'blogdescription', function( value ) {
value.bind( function( to ) {
$( '.site-description' ).text( to );
} );
} );
// Header text color.
wp.customize( 'header_textcolor', function( value ) {
value.bind( function( to ) {
if ( 'blank' === to ) {
$( '.site-title, .site-description' ).css( {
clip: 'rect(1px, 1px, 1px, 1px)',
position: 'absolute',
} );
} else {
$( '.site-title, .site-description' ).css( {
clip: 'auto',
position: 'relative',
} );
$( '.site-title a, .site-description' ).css( {
color: to,
} );
}
} );
} );
var custom_preview = {
'pfx_scrolltop_position' : {'sel' : 'a#pfx-scroll-top', 'css' : "left" , 'val' : "{{val}}%"},
'pfx_scrolltop_padding' : {'sel' : 'a#pfx-scroll-top', 'css' : "padding" , 'val' : "{{val}}px"},
'pfx_scrolltop_borderwidth' : {'sel' : 'a#pfx-scroll-top', 'css' : "border" , 'val' : "{{val}}px solid"},
'pfx_scrolltop_borderradius' : {'sel' : 'a#pfx-scroll-top', 'css' : "border-radius" , 'val' : "{{val}}px"},
'pfx_scrolltop_bg_color' : {'sel' : 'a#pfx-scroll-top', 'css' : "background-color" , 'val' : "{{val}}"},
'pfx_scrolltop_color' : {'sel' : "a#pfx-scroll-top span.dashicons.dashicons-arrow-up-alt2", 'css' : "color" , 'val' : "{{val}}"},
'pfx_scrolltop_iconsize' : {'sel' : "a#pfx-scroll-top span.dashicons.dashicons-arrow-up-alt2", 'css' : ['width', 'height', 'font-size'] , 'val' : "{{val}}px"},
};
$.each( custom_preview, function (i, value){
// Append & Apply scrolltop setting
wp.customize( i, function(values) {
values.bind( function( to ){
var sel = value.sel;
var newVal = value.val;
newVal = newVal.split('{{val}}').join(to);
if(typeof value.css == 'object'){
for( var kk in value.css){
$( sel ).css( value.css[kk] , newVal );
}
return;
}
$( sel ).css( value.css , newVal );
});
});
});
}( jQuery ) );

View File

@@ -0,0 +1,177 @@
/**
* File navigation.js.
*
* Handles toggling the navigation menu for small screens and enables TAB key
* navigation support for dropdown menus.
*/
( function() {
var container, button, menu, links, i, len;
container = document.getElementById( 'site-navigation' );
if ( ! container ) {
return;
}
button = document.getElementsByClassName( 'menu-toggle' )[0];
if ( 'undefined' === typeof button ) {
return;
}
menu = container.getElementsByTagName( 'ul' )[0];
// Hide menu toggle button if menu is empty and return early.
if ( 'undefined' === typeof menu ) {
button.style.display = 'none';
return;
}
if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
menu.className += ' nav-menu';
}
button.onclick = function() {
if(container.classList.contains('hidden-mobile') == true){
container.className = container.className.replace( 'hidden-mobile', '' );
button.setAttribute( 'aria-expanded', 'false' );
}else{
container.className += ' hidden-mobile';
button.setAttribute( 'aria-expanded', 'true' );
}
};
// Close small menu when user clicks outside
document.addEventListener( 'click', function( event ) {
var isClickInside = container.contains( event.target );
if ( ! isClickInside ) {
container.className = container.className.replace( ' toggled', '' );
button.setAttribute( 'aria-expanded', 'false' );
}
} );
// Get all the link elements within the menu.
links = menu.getElementsByTagName( 'a' );
// Each time a menu link is focused or blurred, toggle focus.
for ( i = 0, len = links.length; i < len; i++ ) {
links[i].addEventListener( 'focus', toggleFocus, true );
links[i].addEventListener( 'blur', toggleFocus, true );
}
/**
* Sets or removes .focus class on an element.
*/
function toggleFocus() {
var self = this;
// Move up through the ancestors of the current link until we hit .nav-menu.
while ( -1 === self.className.indexOf( 'nav-menu' ) ) {
// On li elements toggle the class .focus.
if ( 'li' === self.tagName.toLowerCase() ) {
if ( -1 !== self.className.indexOf( 'focus' ) ) {
self.className = self.className.replace( ' focus', '' );
} else {
self.className += ' focus';
}
}
self = self.parentElement;
}
}
/**
* Toggles `focus` class to allow submenu access on tablets.
*/
( function() {
var touchStartFn,
parentLink = container.querySelectorAll( '.menu-item-has-children > a, .page_item_has_children > a' );
if ( 'ontouchstart' in window ) {
touchStartFn = function( e ) {
var menuItem = this.parentNode;
if ( ! menuItem.classList.contains( 'focus' ) ) {
e.preventDefault();
for ( i = 0; i < menuItem.parentNode.children.length; ++i ) {
if ( menuItem === menuItem.parentNode.children[i] ) {
continue;
}
menuItem.parentNode.children[i].classList.remove( 'focus' );
}
menuItem.classList.add( 'focus' );
} else {
menuItem.classList.remove( 'focus' );
}
};
for ( i = 0; i < parentLink.length; ++i ) {
parentLink[i].addEventListener( 'touchstart', touchStartFn, false );
}
}
}( container ) );
}() );
/**
* File skip-link-focus-fix.js.
*
* Helps with accessibility for keyboard only users.
*
* Learn more: https://git.io/vWdr2
*/
( function() {
var isIe = /(trident|msie)/i.test( navigator.userAgent );
if ( isIe && document.getElementById && window.addEventListener ) {
window.addEventListener( 'hashchange', function() {
var id = location.hash.substring( 1 ),
element;
if ( ! ( /^[A-z0-9_-]+$/.test( id ) ) ) {
return;
}
element = document.getElementById( id );
if ( element ) {
if ( ! ( /^(?:a|select|input|button|textarea)$/i.test( element.tagName ) ) ) {
element.tabIndex = -1;
}
element.focus();
}
}, false );
}
}() );
jQuery(document).ready(function(){
// Toggle Scroll to top icon
pfx_toggle_scroll_top();
// Scroll handler
jQuery(window).on("scroll.scroll_top", function(){
pfx_toggle_scroll_top();
});
});
// Scroll to TOP
jQuery(document).on("click", "a.pfx-scroll-top", function(){
jQuery("html, body").animate({scrollTop : 0}, 700);
});
// Toggle Scroll to top icon
function pfx_toggle_scroll_top(){
var jEle = jQuery("a.pfx-scroll-top");
if( jQuery(window).scrollTop() > 200){
jEle.fadeIn();
return;
}
jEle.fadeOut();
}

View File

@@ -0,0 +1,197 @@
# Copyright (C) 2020 PopularFX
# This file is distributed under the GNU General Public License v2 or later.
msgid ""
msgstr ""
"Project-Id-Version: popularfx 1.2.4\n"
"Report-Msgid-Bugs-To: https://popularfx.com/\n"
"Last-Translator: Pulkit Gupta <support@popularfx.com>\n"
"MIME-Version: 1.0\n"
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
"POT-Creation-Date: 2020-04-17T21:03:15+00:00\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"X-Generator: PopularFX 1.2.4\n"
"X-Domain: popularfx\n"
#. Theme Name of the theme
msgid "popularfx"
msgstr ""
#. Theme URI of the theme
msgid "https://popularfx.com/"
msgstr ""
#. Description of the theme
msgid "This is a starter theme called <code>popularfx</code>. PopularFX is a theme meant for making themes with Pagelayer. Try turning this theme into the next, most awesome, WordPress theme out there !"
msgstr ""
#. Author of the theme
msgid "Pagelayer"
msgstr ""
#. Author URI of the theme
msgid "https://pagelayer.com/"
msgstr ""
#: 404.php:18
msgid "Oops! That page can&rsquo;t be found."
msgstr ""
#: 404.php:22
msgid "It looks like nothing was found at this location. Maybe try one of the links below or a search?"
msgstr ""
#: 404.php:31
msgid "Most Used Categories"
msgstr ""
#. translators: %1$s: smiley
#: 404.php:49
msgid "Try looking in the monthly archives. %1$s"
msgstr ""
#. translators: 1: title.
#: comments.php:35
msgid "One thought on &ldquo;%1$s&rdquo;"
msgstr ""
#. translators: 1: comment count number, 2: title.
#: comments.php:41
msgctxt "comments title"
msgid "%1$s thought on &ldquo;%2$s&rdquo;"
msgid_plural "%1$s thoughts on &ldquo;%2$s&rdquo;"
msgstr[0] ""
msgstr[1] ""
#: comments.php:68
msgid "Comments are closed."
msgstr ""
#: footer.php:18
msgid "https://wordpress.org/"
msgstr ""
#. translators: %s: CMS name, i.e. WordPress.
#: footer.php:21
msgid "Proudly powered by %s"
msgstr ""
#. translators: 1: Theme name, 2: Theme author.
#: footer.php:27
msgid "Theme: %1$s by %2$s."
msgstr ""
#: functions.php:53
msgid "Primary"
msgstr ""
#: functions.php:130
msgid "Sidebar"
msgstr ""
#: functions.php:132
msgid "Add widgets here."
msgstr ""
#: header.php:26
msgid "Skip to content"
msgstr ""
#: header.php:49
msgid "Primary Menu"
msgstr ""
#. translators: %s: post date.
#: inc/template-tags.php:30
msgctxt "post date"
msgid "Posted on %s"
msgstr ""
#. translators: %s: post author.
#: inc/template-tags.php:46
msgctxt "post author"
msgid "by %s"
msgstr ""
#. translators: used between list items, there is a space after the comma
#: inc/template-tags.php:63
msgid ", "
msgstr ""
#. translators: 1: list of categories.
#: inc/template-tags.php:66
msgid "Posted in %1$s"
msgstr ""
#. translators: used between list items, there is a space after the comma
#: inc/template-tags.php:70
msgctxt "list item separator"
msgid ", "
msgstr ""
#. translators: 1: list of tags.
#: inc/template-tags.php:73
msgid "Tagged %1$s"
msgstr ""
#. translators: %s: post title
#: inc/template-tags.php:83
msgid "Leave a Comment<span class=\"screen-reader-text\"> on %s</span>"
msgstr ""
#. translators: %s: Name of current post. Only visible to screen readers
#: inc/template-tags.php:100
#: template-parts/content-page.php:39
msgid "Edit <span class=\"screen-reader-text\">%s</span>"
msgstr ""
#: inc/woocommerce.php:186
msgid "View your shopping cart"
msgstr ""
#. translators: number of items in the mini cart.
#: inc/woocommerce.php:190
msgid "%d item"
msgid_plural "%d items"
msgstr[0] ""
msgstr[1] ""
#. translators: %s: search query.
#: search.php:22
msgid "Search Results for: %s"
msgstr ""
#: single.php:23
msgid "Previous:"
msgstr ""
#: single.php:24
msgid "Next:"
msgstr ""
#: template-parts/content-none.php:14
msgid "Nothing Found"
msgstr ""
#. translators: 1: link to WP admin new post page.
#: template-parts/content-none.php:24
msgid "Ready to publish your first post? <a href=\"%1$s\">Get started here</a>."
msgstr ""
#: template-parts/content-none.php:37
msgid "Sorry, but nothing matched your search terms. Please try again with some different keywords."
msgstr ""
#: template-parts/content-none.php:44
msgid "It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help."
msgstr ""
#: template-parts/content-page.php:25
#: template-parts/content.php:53
msgid "Pages:"
msgstr ""
#. translators: %s: Name of current post. Only visible to screen readers
#: template-parts/content.php:40
msgid "Continue reading<span class=\"screen-reader-text\"> \"%s\"</span>"
msgstr ""

View File

@@ -0,0 +1,7 @@
Place your theme language files in this directory.
Please visit the following links to learn more about translating WordPress themes:
https://make.wordpress.org/polyglots/teams/
https://developer.wordpress.org/themes/functionality/localization/
https://developer.wordpress.org/reference/functions/load_theme_textdomain/

View File

@@ -0,0 +1,38 @@
<?php
/**
* The template for displaying all pages
*
* This is the template that displays all pages by default.
* Please note that this is the WordPress construct of pages
* and that other 'pages' on your WordPress site may use a
* different template.
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
get_header();
?>
<main id="primary" class="site-main">
<?php
while ( have_posts() ) :
the_post();
get_template_part( 'template-parts/content', 'page' );
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
endwhile; // End of the loop.
?>
</main><!-- #main -->
<?php
get_sidebar();
get_footer();

View File

@@ -0,0 +1,283 @@
=== PopularFX ===
Contributors: pagelayer
License: LGPL-2.1-or-later
License URI: https://www.gnu.org/licenses/old-licenses/lgpl-2.1.html
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, entertainment, full-width-template, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, microformats, post-formats, theme-options, blog, rtl-language-support
Requires at least: 4.5
Tested up to: 6.0
Requires PHP: 5.5
Stable tag: 1.2.5
A starter theme called PopularFX.
== Description ==
PopularFX is a lightweight theme to make beautiful websites with Pagelayer. PopularFX can be used for a blogging site, WooCommerce Store, Business website, personal portfolio, etc. It is also specially tailored for Pagelayer so that you can use the drag and drop features to easily build your website ! It is a simple and fast base theme. We hope you enjoy building your site with PopularFX.
Features :
# Lightweight
# WooCommerce Ready
# Responsive
# RTL
# Translation Ready
# Supports Pagelayer
# Simple Design
== Installation ==
= From within WordPress =
1. Visit "Appearance > Themes > Add New"
2. Search for "PopularFX"
3. Install and activate
== Frequently Asked Questions ==
= Does this theme support any plugins? =
PopularFX includes support for Pagelayer, WooCommerce and for Infinite Scroll in Jetpack.
== Changelog ==
= 1.2.5 - Feb 02 2024 =
* [Security-fix] There was a privilege check failure which has been fixed.
= 1.2.2 - Dec 17 2021 =
* Customizer Max width bug fixed
* PHP 8 Compatibility
* WooCommerce Products Archive fix to set 1 column
= 1.2.1 - Oct 01 2021 =
* Added Scroll to Top Feature
* WooCommerce design improvement and compatibily has been improved
* Google Fonts list has been updated
* Pagelayer compatibily has been improved
* Child themes are now fully supported
* WooCommerce sidebar option added
* Added support for Alpha color in our customizer settings
= 1.2.0 - Jan 22 2021 =
* WooCommerce compatibily improved !
= 1.1.9 - Jan 4 2021 =
* Customizer changes to fix the CSS code that was visible
= 1.1.8 - Nov 11 2020 =
* Added a check so that only 1 notice is shown at any point in time
= 1.1.7 - Nov 4 2020 =
* Added getting started video link
= 1.1.6 - Nov 2 2020 =
* Updated some URLs which were no escaped with esc_url
= 1.1.5 - Oct 27 2020 =
* If the templates and pages were more than 10, the header or footer edit links were not shown in the Customizer
= 1.1.4 - Oct 14 2020 =
* Major bug fix for pfx-template style.css getting deleted on theme update.
= 1.1.3 - Oct 13 2020 =
* Blog template responsive improvement
= 1.1.2 - Oct 11 2020 =
* Updated templates.png
= 1.1.1 - Oct 9 2020 =
* Buttons changed to core UI buttons
= 1.1.0 - Oct 7 2020 =
* Changed screenshots and made other changes as required by the WordPress Theme Team
= 1.0.9 - Sept 26 2020 =
* Added option to see Pagelayer templates in Customizer
* Removed unnecessary codes
= 1.0.8 - Sept 21 2020 =
* Fixed woocommerce support
= 1.0.7 - Sept 19 2020 =
* Fixed background color, custom header and custom logo
= 1.0.4 - Aug 28 2020 =
* wp_body_open() fallback added
= 1.0.4 - Aug 26 2020 =
* Changes made after Theme Review
= 1.0.3 - Aug 17 2020 =
* The content width bug is now fixed
= 1.0.2 - Aug 11 2020 =
* Screenshot updated another time
* Made small changes to the code
= 1.0.1 - Aug 11 2020 =
* Screenshot updated to a simpler one
= 1.0 - Aug 11 2020 =
* Initial release
== Credits ==
* normalize.css https://necolas.github.io/normalize.css/, (C) 2012-2018 Nicolas Gallagher and Jonathan Neal, [MIT](https://opensource.org/licenses/MIT)
* PopularFX Template Screenshot contains fonts from https://fontawesome.com/ which is GPL compatible : https://fontawesome.com/license/free
* Some parts of _s theme are incorporated in this theme and are licensed under GPLv3
* Logos of Loginizer, Pagelayer, PopularFX are owned by Pulkit Gupta who are the creators of this theme.
* Facebook, Twitter logos are properties of their respective owners !
== templates.png Credits ==
/*--------------------------------------------------------------
## Blossom Template
--------------------------------------------------------------*/
--------------------- Pxhere ---------------------
https://pxhere.com/en/photo/1564919
https://pxhere.com/en/photo/991341
https://pxhere.com/en/photo/1254723
https://pxhere.com/en/photo/1119894
https://pxhere.com/en/photo/1602065
https://pxhere.com/en/photo/61089
https://pxhere.com/en/photo/31512
https://pxhere.com/en/photo/1121354
https://pxhere.com/en/photo/1594483
https://pxhere.com/en/photo/1409975
https://pxhere.com/en/photo/965001
https://pxhere.com/en/photo/853252
https://pxhere.com/en/photo/720315
https://pxhere.com/en/photo/1412037
https://pxhere.com/en/photo/1553541
https://pxhere.com/en/photo/1169820
https://pxhere.com/en/photo/1037315
https://pxhere.com/en/photo/1284323
https://pxhere.com/en/photo/559486
https://pxhere.com/en/photo/759714
https://pxhere.com/en/photo/1077931
/*--------------------------------------------------------------
## Chemist Template
--------------------------------------------------------------*/
--------------------- Pixy ---------------------
https://pixy.org/4766679/
--------------------- Pxhere ---------------------
https://pxhere.com/en/photo/968144
https://pxhere.com/en/photo/1537787
https://pxhere.com/en/photo/1550101
https://pxhere.com/en/photo/198299
https://pxhere.com/en/photo/778248
https://pxhere.com/en/photo/1283019
https://pxhere.com/en/photo/1107101
https://pxhere.com/en/photo/1107120
https://pxhere.com/en/photo/878136
https://pxhere.com/en/photo/968149
https://pxhere.com/en/photo/1446751
https://pxhere.com/en/photo/1215588
https://pxhere.com/en/photo/1194636
https://pxhere.com/en/photo/695270
https://pxhere.com/en/photo/1005258
https://pxhere.com/en/photo/655882
/*--------------------------------------------------------------
## Foodies Template
--------------------------------------------------------------*/
--------------------- Pxhere ---------------------
https://pxhere.com/en/photo/913533
https://pxhere.com/en/photo/1597798
https://pxhere.com/en/photo/1046506
https://pxhere.com/en/photo/927054
https://pxhere.com/en/photo/889300
https://pxhere.com/en/photo/1411428
https://pxhere.com/en/photo/1594964
https://pxhere.com/en/photo/1593578
https://pxhere.com/en/photo/1603588
https://pxhere.com/en/photo/1417897
https://pxhere.com/en/photo/1608257
https://pxhere.com/en/photo/780582
https://pxhere.com/en/photo/1046506
https://pxhere.com/en/photo/595291
https://pxhere.com/en/photo/1435659
https://pxhere.com/en/photo/992355
https://pxhere.com/en/photo/1568155
https://pxhere.com/en/photo/1418585
https://pxhere.com/en/photo/1410472
https://pxhere.com/en/photo/671156
https://pxhere.com/en/photo/181538
https://pxhere.com/en/photo/833171
https://pxhere.com/en/photo/121607
https://pxhere.com/en/photo/99177
https://pxhere.com/en/photo/1418590
https://pxhere.com/en/photo/1417896
https://pxhere.com/en/photo/1553541
https://pxhere.com/en/photo/1037315
https://pxhere.com/en/photo/759714
/*--------------------------------------------------------------
## Asana Template
--------------------------------------------------------------*/
--------------------- Pxhere ---------------------
https://pxhere.com/en/photo/826128
https://pxhere.com/en/photo/1604353
https://pxhere.com/en/photo/1332200
https://pxhere.com/en/photo/1556311
https://pxhere.com/en/photo/977078
https://pxhere.com/en/photo/1198258
https://pxhere.com/en/photo/1161475
https://pxhere.com/en/photo/861619
https://pxhere.com/en/photo/1038451
https://pxhere.com/en/photo/1351808
https://pxhere.com/en/photo/542275
https://pxhere.com/en/photo/1621514
https://pxhere.com/en/photo/1613007
https://pxhere.com/en/photo/1575045
https://pxhere.com/en/photo/1029212
https://pxhere.com/en/photo/1391675
https://pxhere.com/en/photo/1394621
https://pxhere.com/en/photo/1622675
https://pxhere.com/en/photo/949488
https://pxhere.com/en/photo/1622692
https://pxhere.com/en/photo/1084638
https://pxhere.com/en/photo/661351
https://pxhere.com/en/photo/1621388
https://pxhere.com/en/photo/1575051
https://pxhere.com/en/photo/1179715
/*--------------------------------------------------------------
## Snowski Template
--------------------------------------------------------------*/
--------------------- Pxhere ---------------------
https://pxhere.com/en/photo/1365738
https://pxhere.com/en/photo/1397434
https://pxhere.com/en/photo/751317
https://pxhere.com/en/photo/661555
https://pxhere.com/en/photo/650719
https://pxhere.com/en/photo/751317
https://pxhere.com/en/photo/45600
https://pxhere.com/en/photo/918955
https://pxhere.com/en/photo/136447
https://pxhere.com/en/photo/1204
https://pxhere.com/en/photo/139188
https://pxhere.com/en/photo/1390051
https://pxhere.com/en/photo/1592318
https://pxhere.com/en/photo/1260422
https://pxhere.com/en/photo/1603805
https://pxhere.com/en/photo/511929
https://pxhere.com/en/photo/1405993

Binary file not shown.

After

Width:  |  Height:  |  Size: 274 KiB

View File

@@ -0,0 +1,53 @@
<?php
/**
* The template for displaying search results pages
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#search-result
*
* @package PopularFX
*/
get_header();
?>
<main id="primary" class="site-main">
<?php if ( have_posts() ) : ?>
<header class="page-header">
<h1 class="page-title">
<?php
/* translators: %s: search query. */
printf( esc_html__( 'Search Results for: %s', 'popularfx' ), '<span>' . get_search_query() . '</span>' );
?>
</h1>
</header><!-- .page-header -->
<?php
/* Start the Loop */
while ( have_posts() ) :
the_post();
/**
* Run the loop for the search to output the results.
* If you want to overload this in a child theme then include a file
* called content-search.php and that will be used instead.
*/
get_template_part( 'template-parts/content', 'search' );
endwhile;
the_posts_navigation();
else :
get_template_part( 'template-parts/content', 'none' );
endif;
?>
</main><!-- #main -->
<?php
get_sidebar();
get_footer();

View File

@@ -0,0 +1,517 @@
/*!
Sidebar for templates
*/
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
.widget ul {
list-style: disc;
}
.widget-area{
display:inline-block;
background-color:#ffffff;
padding:25px;
margin-top:30px;
border: 1px solid #eaeaea;
box-shadow: 0px 5px 30px 0 #0000001a;
}
.widget-title{
font-size:20px;
font-weight: 500;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget ul,
.widget ol{
margin: 0 0 1.5em 2em;
}
.widget li a{
text-decoration:none;
color:#212121;
font-size:14px;
line-height:1.8;
}
.widget li a:hover{
color:#2196f3;
}
.widget_calendar table,
.widget_calendar td,
.widget_calendar th {
padding: 0;
text-align: center;
border-spacing:0;
}
.widget_calendar td {
border-right: none;
border-left: none;
}
.widget_calendar .widget-title{
text-transform:capitalize;
}
.widget_calendar .wp-calendar-table caption{
margin:10px 0px;
}
.widget_calendar .wp-calendar-table tr td{
text-decoration:none;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table tr th{
text-decoration:none;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
padding:5px;
}
.widget_calendar .wp-calendar-table td a{
text-decoration:none;
}
.widget input.search-field{
border: 1px solid #eaeaea;
width: 100%;
font-size: 16px;
padding: 8px;
color: #666;
border-radius: 3px;
line-height: 1.5;
margin: 0;
}
.widget input.search-submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 14px 13px;
vertical-align: middle;
border:none;
margin-top:5px;
cursor: pointer;
border-radius: 3px;
font-size: 0.75rem;
line-height: 1;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.widget_recent_entries .widgettitle,
.widget_categories .widgettitle,
.widget_archive .widgettitle{
font-size: 22px;
font-weight: 600;
text-decoration: none;
color: #4d4d4d;
margin: 8px 0px;
}
.widget_archive select{
max-width: 100%;
width: 200px;
border-radius: 4px;
padding: 5px 10px;
height: 40px;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Woocoomerce
--------------------------------------------------------------*/
.woocommerce-MyAccount-navigation ul{
list-style-type:none;
margin:0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 10px 20px;
border-bottom: 1px solid #616161;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color:#000000;
text-decoration:none;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
background-color:#2196f3;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
color:#ffffff;
}
.woocommerce-account .woocommerce-MyAccount-content{
padding:30px;
}
.woocommerce-Address-title h3{
font-weight:600;
text-transform:Capitalize;
}
.woocommerce-account .addresses .title .edit{
text-decoration:none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
margin: 0 7.6923% 3.5em;
background-color:#ffffff;
padding:20px 40px;
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-size: 23px;
font-size: 1.4375rem;
font-weight: 500;
line-height: 1.3125;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid #212121;
padding: 1.75em 0;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
}
.vcard .fn a{
color:#171717;
text-transform:capitalize;
font-size: 18px;
font-weight: 500;
text-decoration: none;
}
.comment-author .avatar {
float: left;
height: 40px;
margin-right: 0.875em;
position: relative;
width: 40px;
}
.comment-metadata {
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 10px;
display:inline-block;
}
.comment-metadata a:hover,
.comment-metadata a:focus {
}
.comment-metadata .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-content{
font-size:16px;
font-weight:100;
line-height:1.8;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-reply-link {
border-radius: 2px;
color: #ffffff;
background-color:#2196f3;
display: inline-block;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1;
padding: 10px 20px;
text-decoration:none;
border: unset;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #ffffff;
outline: 0;
}
.comment-form {
/*padding-top: 1.75em;*/
}
.comment-form label {
display: block;
font-size: 13px;
font-size: 0.8125rem;
letter-spacing: 0.076923077em;
line-height: 1.6153846154;
margin-bottom: 0.5384615385em;
text-transform: uppercase;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation{
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
margin-bottom: 2.1538461538em;
}
.no-comments {
border-top: 1px solid #d1d1d1;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
height: 40px;
font-size: 14px;
overflow: hidden;
width: 90px;
margin-left: 10px;
text-decoration:none;
font-weight:400;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
}
.comment-form-comment{
margin-bottom: 1.5em;
}
.comment-form-comment textarea{
background-color:#f5f5f5;
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
width: 100%;
}
.bypostauthor{
display: block;
}
.says{
display:none;
}
.comment-respond a,
.comment-metadata a{
text-decoration:none;
color: #4169e1;
}
.comment-respond .form-submit .submit{
background-color: #2196f3;
color: #fff;
font-weight: 500;
padding: 8px 13px;
border: none;
border-radius: 3px;
}
/* Image Navigation */
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
@media all and (max-width:768px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:50%;
float:none;
margin:30px;
display:block;
}
}
@media all and (max-width:599px){
main, .pagelayer-content{
width: 100% !important;
}
.widget-area{
width:auto !important;
float:none;
margin:15px;
display:block;
}
}
/* SitePad Posts CSS End */

View File

@@ -0,0 +1,19 @@
<?php
/**
* The sidebar containing the main widget area
*
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
*
* @package PopularFX
*/
$enabled = popularfx_sidebar();
if(empty($enabled)){
return;
}
?>
<aside id="secondary" class="widget-area">
<?php dynamic_sidebar( 'sidebar-1' ); ?>
</aside><!-- #secondary -->

View File

@@ -0,0 +1,40 @@
<?php
/**
* The template for displaying all single posts
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
*
* @package PopularFX
*/
get_header();
?>
<main id="primary" class="site-main">
<?php
while ( have_posts() ) :
the_post();
get_template_part( 'template-parts/content', get_post_type() );
the_post_navigation(
array(
'prev_text' => '<span class="nav-subtitle">' . esc_html__( 'Previous:', 'popularfx' ) . '</span> <span class="nav-title">%title</span>',
'next_text' => '<span class="nav-subtitle">' . esc_html__( 'Next:', 'popularfx' ) . '</span> <span class="nav-title">%title</span>',
)
);
// If comments are open or we have at least one comment, load up the comment template.
if ( comments_open() || get_comments_number() ) :
comments_template();
endif;
endwhile; // End of the loop.
?>
</main><!-- #main -->
<?php
get_sidebar();
get_footer();

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,51 @@
<?php
/**
* Template part for displaying a message that posts cannot be found
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
?>
<section class="no-results not-found">
<header class="page-header">
<h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'popularfx' ); ?></h1>
</header><!-- .page-header -->
<div class="page-content">
<?php
if ( is_home() && current_user_can( 'publish_posts' ) ) :
printf(
'<p>' . wp_kses(
/* translators: 1: link to WP admin new post page. */
__( 'Ready to publish your first post? <a href="%1$s">Get started here</a>.', 'popularfx' ),
array(
'a' => array(
'href' => array(),
),
)
) . '</p>',
esc_url( admin_url( 'post-new.php' ) )
);
elseif ( is_search() ) :
?>
<p><?php esc_html_e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'popularfx' ); ?></p>
<?php
get_search_form();
else :
?>
<p><?php esc_html_e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'popularfx' ); ?></p>
<?php
get_search_form();
endif;
?>
</div><!-- .page-content -->
</section><!-- .no-results -->

View File

@@ -0,0 +1,54 @@
<?php
/**
* Template part for displaying page content in page.php
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php popularfx_the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</header><!-- .entry-header -->
<?php popularfx_post_thumbnail(); ?>
<div class="entry-content">
<?php
the_content();
wp_link_pages(
array(
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'popularfx' ),
'after' => '</div>',
)
);
?>
</div><!-- .entry-content -->
<?php if ( get_edit_post_link() ) : ?>
<footer class="entry-footer">
<?php
edit_post_link(
sprintf(
wp_kses(
/* translators: %s: Name of current post. Only visible to screen readers */
__( 'Edit <span class="screen-reader-text">%s</span>', 'popularfx' ),
array(
'span' => array(
'class' => array(),
),
)
),
wp_kses_post( get_the_title() )
),
'<span class="edit-link">',
'</span>'
);
?>
</footer><!-- .entry-footer -->
<?php endif; ?>
</article><!-- #post-<?php the_ID(); ?> -->

View File

@@ -0,0 +1,35 @@
<?php
/**
* Template part for displaying results in search pages
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
?>
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
<?php if ( 'post' === get_post_type() ) : ?>
<div class="entry-meta">
<?php
popularfx_posted_on();
popularfx_posted_by();
?>
</div><!-- .entry-meta -->
<?php endif; ?>
</header><!-- .entry-header -->
<?php popularfx_post_thumbnail(); ?>
<div class="entry-summary">
<?php the_excerpt(); ?>
</div><!-- .entry-summary -->
<footer class="entry-footer">
<?php popularfx_entry_footer(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->

View File

@@ -0,0 +1,63 @@
<?php
/**
* Template part for displaying posts
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package PopularFX
*/
?>
<article class="article" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
<?php
if ( is_singular() ) :
the_title( '<h1 class="entry-title">', '</h1>' );
else :
the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
endif;
if ( 'post' === get_post_type() ) :
?>
<div class="entry-meta">
<?php
popularfx_posted_on();
popularfx_posted_by();
?>
</div><!-- .entry-meta -->
<?php endif; ?>
</header><!-- .entry-header -->
<?php popularfx_post_thumbnail(); ?>
<div class="entry-content">
<?php
the_content(
sprintf(
wp_kses(
/* translators: %s: Name of current post. Only visible to screen readers */
__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'popularfx' ),
array(
'span' => array(
'class' => array(),
),
)
),
wp_kses_post( get_the_title() )
)
);
wp_link_pages(
array(
'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'popularfx' ),
'after' => '</div>',
)
);
?>
</div><!-- .entry-content -->
<footer class="entry-footer">
<?php popularfx_entry_footer(); ?>
</footer><!-- .entry-footer -->
</article><!-- #post-<?php the_ID(); ?> -->

View File

@@ -0,0 +1,897 @@
/*!
Woo-Commerce Stylesheet
Version: 1.2.0
Designed by A$ad!!
*/
/* PopularFX header menu start*/
.pfx-menu-cart.cart-customlocation{
display: none;
}
header .pfx-menu-cart.cart-customlocation{
display: inline-block;
}
.cart-customlocation sup{
top: -12px;
line-height: 1.5em;
font-size: 80%;
}
#customize-preview body #site-navigation .customize-partial-edit-shortcut-button{
right: -10px !important;
}
/* PopularFX header menu ends*/
.woocommerce main,
.woocommerce-page main{
margin: 40px auto;
border: 1px solid #eaeaea;
box-shadow: 0px 0px 30px 0 #0000000a;
}
.woocommerce-shop main .woocommerce-products-header__title{
margin: 0px;
}
.woocommerce-shop main .woocommerce-ordering select{
padding: 6px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px #0000000f;
color: #666;
font-size: 14px;
outline: none !important;
}
.woocommerce ul.products li.product .star-rating {
display: none;
}
.woocommerce ul.products li.product .pfx-star-rating-container {
padding: 0px 5px;
}
.woocommerce ul.products li.product .star-rating.pfx-star-rating:hover span{
width: 100% !important;
}
.woocommerce .products ul, .woocommerce ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce .site-main ul.products li.product, .woocommerce-page .site-main ul.products li.product{
margin: 0 0 2% 2%;
border-radius: 5px;
flex: 1 1 0;
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 49%;
max-width: 49%;
min-width: 49%;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 32%;
max-width: 32%;
min-width: 32%;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: 23.5%;
max-width: 23.5%;
min-width: 23.5%;
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
width: 18.4%;
max-width: 18.4%;
min-width: 18.4%;
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product{
width: 15%;
max-width: 15%;
min-width: 15%;
}
.woocommerce ul.products.columns-2 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-2 li.product:nth-child(2n),
.woocommerce ul.products.columns-3 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(3n),
.woocommerce ul.products.columns-4 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(4n),
.woocommerce ul.products.columns-5 li.product:nth-child(5n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(5n),
.woocommerce ul.products.columns-6 li.product:nth-child(6n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(6n) {
margin-left: 0;
clear: left;
}
.woocommerce ul.products li.product a img{
border-radius: 5px 5px 0px 0px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title{
padding: 0px 5px 5px;
}
.woocommerce ul.products li.product .price {
padding: 0px 5px;
}
.woocommerce ul.products li.product .button {
margin-right: 5px;
margin-bottom: 1em;
}
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt {
font-family: inherit;
font-size: 80%;
-webkit-font-smoothing: subpixel-antialiased;
}
.woocommerce .product #respond input#submit, .woocommerce .product a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .product button.button, .woocommerce .product input.button, .woocommerce .product #respond input#submit.alt, .woocommerce .product a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt .woocommerce .product button.button.alt, .woocommerce .product input.button.alt{
border: solid;
}
.woocommerce a.added_to_cart {
padding: .5em;
font-size: 70%;
}
.woocommerce nav.woocommerce-pagination {
text-align: right;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0px;
}
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 0 5px 5px;
border: 0px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: .75em;
min-width: 2.5em;
text-align: center;
}
.woocommerce span.onsale {
min-height: 3.736em;
min-width: 3.736em;
font-size: 80% !important;
font-weight: 500 !important;
box-shadow: -1px -1px 10px 0px #0000001f;
}
/* Shop Page design end */
/* Product Page design start */
.product-template-default.single-product aside{
display: none;
width: 0px;
}
.woocommerce div.product .product_title {
margin: 0.5em 0px 10px;
}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link:hover{
color: #000000;
}
.woocommerce .quantity .qty {
height: 30.8px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
margin: 0px;
text-decoration: none !important;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
text-decoration: none;
}
.woocommerce div.product form.cart {
margin-bottom: 0.5em;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.posted_in a{
color: inherit;
font-weight: bold;
font-style: italic;
}
.posted_in a:hover{
color: #000000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #5C7AEA;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
color: #ffffff;
outline: 0px;
}
.product section.up-sells.upsells.products {
clear: both;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 10px 50px;
min-width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel p{
margin: 5px 0px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments{
width: 50%;
float: right;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments .woocommerce-Reviews-title{
font-size: 35px;
padding-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments .commentlist{
padding-right: 0px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 45px;
border-radius: 50%;
padding: 0px;
top: 5px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #review_form_wrapper{
width: 50%;
float: left;
}
.woocommerce #review_form #respond {
margin: 15px 15px 0px;
width: 100%;
padding: 30px 25px;
border: 1px solid #eee;
}
.woocommerce #review_form #respond *{
padding: 2px 5px;
}
/* Woocommerce Product page Ends */
/* Woocommerce Cart Start*/
.woocommerce-page .entry-content{
min-width: 100%;
}
.woocommerce table.shop_table thead{
background: #000000;
color: #ffffff;
}
.woocommerce table.shop_table th {
padding: 15px 10px;
}
.woocommerce table.shop_table tbody tr:nth-child(odd),
.woocommerce table.shop_table tbody tr:last-child,
.woocommerce table.shop_table tbody tr:last-child:hover{
background: #ffffff !important;
}
.woocommerce table.shop_table tbody tr:nth-child(even){
background: #f7f6f7;
}
.woocommerce table.shop_table tbody tr:hover{
background: #f7f6f7 !important;
}
.woocommerce table.shop_table td {
border-top: 0px;
padding: 10px 10px;
}
.woocommerce table.shop_table tr {
outline: 1px solid #eee;
}
.woocommerce a.remove{
font-weight: 200;
border: 1px solid;
margin: auto;
line-height: 0.8em;
}
.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 60px;
height: 60px;
vertical-align: middle;
}
.woocommerce table.shop_table .product-name *{
color: #444444;
text-decoration: underline;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
padding: 20px 20px 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: 250px;
height: 36px;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px #0000000f;
}
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce .button.wc-backward, .woocommerce .cart .button.wc-backward {
padding: 12px 20px !important;
}
.cart-collaterals .cart_totals {
margin-top: 20px;
box-shadow: 0px 0px 10px 0px #0000000f;
padding: 20px;
}
.cart-collaterals .cross-sells h2 {
margin: 40px 0px 10px;
font-size: 30px;
}
.cart-collaterals .cart_totals h2{
margin: 0px;
font-size: 20px;
padding: 15px 10px;
background: #000000;
color: #ffffff;
text-transform: uppercase;
}
.woocommerce .cart-collaterals .cart_totals th,
.woocommerce-page .cart-collaterals .cart_totals th,
.woocommerce .cart-collaterals .cart_totals td,
.woocommerce-page .cart-collaterals .cart_totals td{
padding: 15px 10px;
}
#add_payment_method .wc-proceed-to-checkout , .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
padding-bottom: 0px !important;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
padding: 18px !important;
margin-bottom: 0px;
}
/* Cart Page Ends*/
/* Checkout Page Start*/
.woocommerce-checkout .checkout.woocommerce-checkout{
overflow: auto;
}
.woocommerce-checkout .checkout.woocommerce-checkout h3{
margin: 10px 0px 5px;
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
width: 56%;
float: right;
margin-left: 4%;
clear: right;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
width: 100%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row .select2-container .select2-selection--single{
padding: 5px 10px;
height: 40px;
}
.woocommerce form .form-row input.input-text::placeholder{
text-transform: capitalize;
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding-right: 0px;
}
.woocommerce form .form-row .select2-container .select2-selection__arrow{
height: 38px;
}
.woocommerce #order_review_heading, .woocommerce-page #order_review_heading,
.woocommerce #order_review, .woocommerce-page #order_review{
width: 40%;
float: left;
clear: left;
}
.woocommerce-checkout form #order_review_heading {
border: 2px solid #ebebeb;
border-bottom: 0px;
margin: 0;
padding: 1.5em 1.5em 0.6em;
}
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .product-total{
text-align:left;
}
.woocommerce-checkout form #order_review {
padding: 0 2em 2em;
border-width: 0 2px 2px;
border-style: solid;
border-color: #ebebeb;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #ffffff;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{
padding: 0px;
border-bottom: 0px;
}
.woocommerce-checkout #payment #place_order {
width: 100%;
height: 48px;
}
.cart_totals.calculated_shipping .shop_table tbody td,
.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,
.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td,
.woocommerce-checkout-review-order-table tfoot .cart-discount td,
.woocommerce-checkout-review-order-table tfoot .order-total td{
text-align: left;
}
.woocommerce .woocommerce-form-coupon .form-row-last, .woocommerce-page .woocommerce-form-coupon .form-row-last {
float: right;
}
.woocommerce form .form-row-last button, .woocommerce-page form .form-row-last button{
padding: 0px 20px !important;
height: 40px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 49%;
}
/* Checkout Page End*/
/* Order Page Start*/
.woocommerce-order .woocommerce-notice--success{
background: #6ecb63;
color: #000000;
Padding: 8px;
border-radius: 5px;
margin-bottom: 2em;
}
.woocommerce ul.order_details{
padding : 0px;
}
.woocommerce-order .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title{
margin: 10px;
}
/* Order Page End*/
/* My Account Start*/
.woocommerce-account .woocommerce{
border: 1px solid #ebebeb;
box-shadow: 0px 0px 30px 0 #0000000a;
margin: 40px auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 25%;
border: 1px solid #eeeeee;
border-right: 0px;
height: 100%;
}
.woocommerce-MyAccount-navigation ul {
padding: 0px;
text-transform: uppercase;
font-size: 14px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
border: 0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link *{
color: #444444 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover{
background-color: #5c7aea;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active *,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover *{
color: #ffffff !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 30px;
width: 75%;
}
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
padding: 10px 15px;
}
.woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr:last-child {
background: revert;
}
.woocommerce-MyAccount-content .col2-set {
width: 100%;
margin-left: 0px;
}
.woocommerce-MyAccount-content .col2-set h3 {
margin: 10px 0px;
}
.woocommerce-MyAccount-content .col2-set address {
padding: 10px;
border: 1px solid #eee;
border-radius: 10px;
background: #f7f7f744;
box-shadow: 0px 0px 30px 0 #0000000a;
}
.woocommerce-MyAccount-content button.button{
padding: 10px 12px !important;
margin-top: 15px;
}
/* My Account End*/
@media only screen and (max-width: 901px) and (min-width: 501px){
.woocommerce .site-main,
.woocommerce-page .site-main {
padding: 1.5em !important;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product,
.related.products ul.products.columns-3 li.product,
.related.products ul.products.columns-3 li.product{
width: 32%;
max-width: 32%;
min-width: 32%;
}
.woocommerce ul.products.columns-4 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(3n),
.woocommerce ul.products.columns-5 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(3n),
.woocommerce ul.products.columns-6 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(3n),
.related.products ul.products.columns-3 li.product:nth-child(3n),
.related.products ul.products.columns-3 li.product:nth-child(3n){
margin-left: 0 !important;
clear: left;
}
.woocommerce ul.products.columns-4 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(4n),
.woocommerce ul.products.columns-5 li.product:nth-child(5n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(5n),
.woocommerce ul.products.columns-6 li.product:nth-child(6n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(6n) {
margin-left: auto !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce div.product div.images {
width: 100%;
}
.woocommerce div.product div.images {
margin-bottom: 1em;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments,
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #review_form_wrapper{
width: 100%;
}
.woocommerce table.shop_table th {
padding: 10px 5px;
}
.woocommerce table.shop_table td {
padding: 8px 5px;
font-size: 15px;
}
.woocommerce a.remove {
font-size: 20px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 40px;
height: 40px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
padding: 10px;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
padding: 10px;
}
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
float: left;
width: auto;
}
.woocommerce .col2-set, .woocommerce-page .col2-set,
.woocommerce #order_review_heading, .woocommerce-page #order_review_heading,
.woocommerce #order_review, .woocommerce-page #order_review {
width: 100%;
margin-left: 0px;
margin-bottom: 2em;
}
.woocommerce-page.woocommerce-checkout form #order_review_heading, .woocommerce.woocommerce-checkout form #order_review_heading {
padding: 1em 1em 0.5em;
}
.woocommerce-page.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review {
padding: 0 1em 1em;
}
.woocommerce ul.order_details li {
padding: 1em 1em 1em 1.5em;
width: 100%;
}
.woocommerce .widget-area {
width: 100%;
float: left;
margin: 30px 0px 0px;
height: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
}
@media only screen and (max-width: 768px){
.woocommerce table.shop_table tr {
margin: 10px 0px;
}
.woocommerce table.shop_table td.product-remove {
background: #000000 !important;
}
.woocommerce table.shop_table td.product-remove *{
color: #ffffff !important;
}
.woocommerce table.shop_table td {
padding: 10px 10px;
}
}
@media only screen and (max-width: 701px){
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product,
.related.products ul.products.columns-3 li.product,
.related.products ul.products.columns-3 li.product{
width: 49%;
max-width: 49%;
min-width: 49%;
}
.woocommerce ul.products.columns-4 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(3n),
.woocommerce ul.products.columns-5 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(3n),
.woocommerce ul.products.columns-6 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(3n){
margin-left: auto !important;
}
.woocommerce ul.products.columns-3 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(2n),
.woocommerce ul.products.columns-4 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(2n),
.woocommerce ul.products.columns-5 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(2n),
.woocommerce ul.products.columns-6 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(2n){
margin-left: 0 !important;
clear: left;
}
.woocommerce #review_form #respond {
margin: 5px 5px 0px;
width: 100%;
padding: 10px 5px;
}
.woocommerce #review_form #respond .comments-title,
.woocommerce #review_form #respond .comment-reply-title {
font-size: 15px;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 1em;
}
}
@media only screen and (max-width: 501px){
.woocommerce-ordering,.woocommerce-ordering select {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product,
.related.products ul.products.columns-3 li.product,
.related.products ul.products.columns-3 li.product {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.woocommerce ul.products.columns-3 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(3n),
.woocommerce ul.products.columns-4 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(3n),
.woocommerce ul.products.columns-5 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(3n),
.woocommerce ul.products.columns-6 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(3n),
.woocommerce ul.products.columns-3 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(2n),
.woocommerce ul.products.columns-4 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(2n),
.woocommerce ul.products.columns-5 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(2n),
.woocommerce ul.products.columns-6 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(2n) {
margin-left: auto !important;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product{
margin-left: 0 !important;
margin-bottom: 1em !important;
}
.woocommerce main,
.woocommerce-page main {
padding: 1em !important;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text+.button{
width: 100%;
}
.woocommerce-page table.cart td.actions .button{
width: 100%;
margin-top: 10px;
}
}
@media only screen and (max-width: 301px){
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0px 10px 5px;
}
.woocommerce ul.products li.product .price {
padding: 0px 10px;
}
.woocommerce ul.products li.product .button {
margin-right: 10px;
margin-bottom: 1.5em;
}
}

View File

@@ -0,0 +1,900 @@
/*!
Woo-Commerce Stylesheet
Version: 1.2.0
Designed by A$ad!!
*/
/* PopularFX header menu start*/
.pfx-menu-cart.cart-customlocation{
display: none;
}
header .pfx-menu-cart.cart-customlocation{
display: inline-block;
}
.cart-customlocation sup{
top: -12px;
line-height: 1.5em;
font-size: 80%;
}
#customize-preview body #site-navigation .customize-partial-edit-shortcut-button{
left: -10px !important;
}
/* PopularFX header menu ends*/
.woocommerce main,
.woocommerce-page main{
margin: 40px auto;
border: 1px solid #eaeaea;
box-shadow: 0px 0px 30px 0 #0000000a;
padding: 15px;
}
.woocommerce-shop main .woocommerce-products-header__title{
margin: 0px;
}
.woocommerce-shop main .woocommerce-ordering select{
padding: 6px;
border: 1px solid #ccc;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px #0000000f;
color: #666;
font-size: 14px;
outline: none !important;
}
.woocommerce ul.products li.product .star-rating {
display: none;
}
.woocommerce ul.products li.product .pfx-star-rating-container {
padding: 0px 5px;
}
.woocommerce ul.products li.product .star-rating.pfx-star-rating:hover span{
width: 100% !important;
}
.woocommerce .products ul, .woocommerce ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce .site-main ul.products li.product, .woocommerce-page .site-main ul.products li.product{
margin: 0 2% 2% 0;
border-radius: 5px;
flex: 1 1 0;
}
.woocommerce ul.products.columns-1 li.product,
.woocommerce-page ul.products.columns-1 li.product {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product {
width: 49%;
max-width: 49%;
min-width: 49%;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
width: 32%;
max-width: 32%;
min-width: 32%;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product {
width: 23.5%;
max-width: 23.5%;
min-width: 23.5%;
}
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product {
width: 18.4%;
max-width: 18.4%;
min-width: 18.4%;
}
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product{
width: 15%;
max-width: 15%;
min-width: 15%;
}
.woocommerce ul.products.columns-2 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-2 li.product:nth-child(2n),
.woocommerce ul.products.columns-3 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(3n),
.woocommerce ul.products.columns-4 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(4n),
.woocommerce ul.products.columns-5 li.product:nth-child(5n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(5n),
.woocommerce ul.products.columns-6 li.product:nth-child(6n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(6n) {
margin-right: 0;
clear: right;
}
.woocommerce ul.products li.product a img{
border-radius: 5px 5px 0px 0px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title{
padding: 0px 5px 5px;
}
.woocommerce ul.products li.product .price {
padding: 0px 5px;
}
.woocommerce ul.products li.product .button {
margin-left: 5px;
margin-bottom: 1em;
}
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt {
font-family: inherit;
font-size: 80%;
-webkit-font-smoothing: subpixel-antialiased;
}
.woocommerce .product #respond input#submit, .woocommerce .product a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce .product button.button, .woocommerce .product input.button, .woocommerce .product #respond input#submit.alt, .woocommerce .product a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt .woocommerce .product button.button.alt, .woocommerce .product input.button.alt{
border: solid;
}
.woocommerce a.added_to_cart {
padding: .5em;
font-size: 70%;
}
.woocommerce nav.woocommerce-pagination {
text-align: left;
}
.woocommerce nav.woocommerce-pagination ul {
border: 0px;
}
.woocommerce nav.woocommerce-pagination ul li {
margin: 0 5px 5px 0;
border: 0px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: .75em;
min-width: 2.5em;
text-align: center;
}
.woocommerce span.onsale {
min-height: 3.736em;
min-width: 3.736em;
font-size: 80% !important;
font-weight: 500 !important;
box-shadow: 1px -1px 10px 0px #0000001f;
}
/* Shop Page design end */
/* Product Page design start */
.product-template-default.single-product aside{
display: none;
width: 0px;
}
.woocommerce div.product .product_title {
margin: 0.5em 0px 10px;
}
.woocommerce div.product .woocommerce-product-rating .woocommerce-review-link:hover{
color: #000000;
}
.woocommerce .quantity .qty {
height: 30.8px;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
margin: 0px;
text-decoration: none !important;
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
text-decoration: none;
}
.woocommerce div.product form.cart {
margin-bottom: 0.5em;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.posted_in a{
color: inherit;
font-weight: bold;
font-style: italic;
}
.posted_in a:hover{
color: #000000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #5C7AEA;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
color: #ffffff;
outline: 0px;
}
.product section.up-sells.upsells.products {
clear: both;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 10px 50px;
min-width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel h2,
.woocommerce div.product .woocommerce-tabs .panel p{
margin: 5px 0px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments{
width: 50%;
float: left;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments .woocommerce-Reviews-title{
font-size: 35px;
padding-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments .commentlist{
padding-left: 0px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 45px;
border-radius: 50%;
padding: 0px;
top: 5px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #review_form_wrapper{
width: 50%;
float: right;
}
.woocommerce #review_form #respond {
margin: 15px 15px 0px;
width: 100%;
padding: 30px 25px;
border: 1px solid #eee;
}
.woocommerce #review_form #respond *{
padding: 2px 5px;
}
/* Woocommerce Product page Ends */
/* Woocommerce Cart Start*/
.woocommerce-page .entry-content{
min-width: 100%;
}
.woocommerce table.shop_table thead{
background: #000000;
color: #ffffff;
}
.woocommerce table.shop_table th {
padding: 15px 10px;
}
.woocommerce table.shop_table tbody tr:nth-child(odd),
.woocommerce table.shop_table tbody tr:last-child,
.woocommerce table.shop_table tbody tr:last-child:hover{
background: #ffffff !important;
}
.woocommerce table.shop_table tbody tr:nth-child(even){
background: #f7f6f7;
}
.woocommerce table.shop_table tbody tr:hover{
background: #f7f6f7 !important;
}
.woocommerce table.shop_table td {
border-top: 0px;
padding: 10px 10px;
}
.woocommerce table.shop_table tr {
outline: 1px solid #eee;
}
.woocommerce a.remove{
font-weight: 200;
border: 1px solid;
margin: auto;
line-height: 0.8em;
}
.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 60px;
height: 60px;
vertical-align: middle;
}
.woocommerce table.shop_table .product-name *{
color: #444444;
text-decoration: underline;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions,
.woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
padding: 20px 20px 20px;
}
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
width: 250px;
height: 36px;
border-radius: 4px;
box-shadow: 0px 0px 10px 0px #0000000f;
}
.woocommerce .cart .button, .woocommerce .cart input.button,
.woocommerce .button.wc-backward, .woocommerce .cart .button.wc-backward {
padding: 12px 20px !important;
}
.cart-collaterals .cart_totals {
margin-top: 20px;
box-shadow: 0px 0px 10px 0px #0000000f;
padding: 20px;
}
.cart-collaterals .cross-sells h2 {
margin: 40px 0px 10px;
font-size: 30px;
}
.cart-collaterals .cart_totals h2{
margin: 0px;
font-size: 20px;
padding: 15px 10px;
background: #000000;
color: #ffffff;
text-transform: uppercase;
}
.woocommerce .cart-collaterals .cart_totals th,
.woocommerce-page .cart-collaterals .cart_totals th,
.woocommerce .cart-collaterals .cart_totals td,
.woocommerce-page .cart-collaterals .cart_totals td{
padding: 15px 10px;
}
#add_payment_method .wc-proceed-to-checkout , .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
padding-bottom: 0px !important;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
padding: 18px !important;
margin-bottom: 0px;
}
/* Cart Page Ends*/
/* Checkout Page Start*/
.woocommerce-checkout .checkout.woocommerce-checkout{
overflow: auto;
}
.woocommerce-checkout .checkout.woocommerce-checkout h3{
margin: 10px 0px 5px;
}
.woocommerce .col2-set, .woocommerce-page .col2-set{
width: 56%;
float: left;
margin-right: 4%;
clear: left;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
width: 100%;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row .select2-container .select2-selection--single{
padding: 5px 10px;
height: 40px;
}
.woocommerce form .form-row input.input-text::placeholder{
text-transform: capitalize;
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding-left: 0px;
}
.woocommerce form .form-row .select2-container .select2-selection__arrow{
height: 38px;
}
.woocommerce #order_review_heading, .woocommerce-page #order_review_heading,
.woocommerce #order_review, .woocommerce-page #order_review{
width: 40%;
float: right;
clear: right;
}
.woocommerce-checkout form #order_review_heading {
border: 2px solid #ebebeb;
border-bottom: 0px;
margin: 0;
padding: 1.5em 1.5em 0.6em;
}
.woocommerce-checkout form #order_review .woocommerce-checkout-review-order-table .product-total{
text-align:right;
}
.woocommerce-checkout form #order_review {
padding: 0 2em 2em;
border-width: 0 2px 2px;
border-style: solid;
border-color: #ebebeb;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: #ffffff;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row{
padding: 0px;
border-bottom: 0px;
}
.woocommerce-checkout #payment #place_order {
width: 100%;
height: 48px;
}
.cart_totals.calculated_shipping .shop_table tbody td,
.woocommerce-checkout-review-order-table tfoot .cart-subtotal td,
.woocommerce-checkout-review-order-table tfoot .woocommerce-shipping-totals td,
.woocommerce-checkout-review-order-table tfoot .cart-discount td,
.woocommerce-checkout-review-order-table tfoot .order-total td{
text-align: right;
}
.woocommerce .woocommerce-form-coupon .form-row-last, .woocommerce-page .woocommerce-form-coupon .form-row-last {
float: left;
}
.woocommerce form .form-row-last button, .woocommerce-page form .form-row-last button{
padding: 0px 20px !important;
height: 40px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last,
.woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 49%;
}
/* Checkout Page End*/
/* Order Page Start*/
.woocommerce-order .woocommerce-notice--success{
background: #6ecb63;
color: #000000;
Padding: 8px;
border-radius: 5px;
margin-bottom: 2em;
}
.woocommerce ul.order_details{
padding : 0px;
}
.woocommerce-order .woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title{
margin: 10px;
}
/* Order Page End*/
/* My Account Start*/
.woocommerce-account .woocommerce{
border: 1px solid #ebebeb;
box-shadow: 0px 0px 30px 0 #0000000a;
margin: 40px auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 25%;
border: 1px solid #eeeeee;
border-left: 0px;
height: 100%;
}
.woocommerce-MyAccount-navigation ul {
padding: 0px;
text-transform: uppercase;
font-size: 14px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
border: 0px;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link *{
color: #444444 !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover{
background-color: #5c7aea;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active *,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link:hover *{
color: #ffffff !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 30px;
width: 75%;
}
.woocommerce-MyAccount-content table.shop_table th,
.woocommerce-MyAccount-content table.shop_table td {
padding: 10px 15px;
}
.woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr:last-child {
background: revert;
}
.woocommerce-MyAccount-content .col2-set {
width: 100%;
margin-right: 0px;
}
.woocommerce-MyAccount-content .col2-set h3 {
margin: 10px 0px;
}
.woocommerce-MyAccount-content .col2-set address {
padding: 10px;
border: 1px solid #eee;
border-radius: 10px;
background: #f7f7f744;
box-shadow: 0px 0px 30px 0 #0000000a;
}
.woocommerce-MyAccount-content button.button{
padding: 10px 12px !important;
margin-top: 15px;
}
/* My Account End*/
@media only screen and (max-width: 901px) and (min-width: 501px){
.woocommerce .site-main,
.woocommerce-page .site-main {
padding: 1.5em !important;
}
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product,
.related.products ul.products.columns-3 li.product,
.related.products ul.products.columns-3 li.product{
width: 32%;
max-width: 32%;
min-width: 32%;
}
.woocommerce ul.products.columns-4 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(3n),
.woocommerce ul.products.columns-5 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(3n),
.woocommerce ul.products.columns-6 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(3n),
.related.products ul.products.columns-3 li.product:nth-child(3n),
.related.products ul.products.columns-3 li.product:nth-child(3n){
margin-right: 0 !important;
clear: right;
}
.woocommerce ul.products.columns-4 li.product:nth-child(4n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(4n),
.woocommerce ul.products.columns-5 li.product:nth-child(5n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(5n),
.woocommerce ul.products.columns-6 li.product:nth-child(6n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(6n) {
margin-right: auto !important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce div.product div.images {
width: 100%;
}
.woocommerce div.product div.images {
margin-bottom: 1em;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #comments,
.woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews #review_form_wrapper{
width: 100%;
}
.woocommerce table.shop_table th {
padding: 10px 5px;
}
.woocommerce table.shop_table td {
padding: 8px 5px;
font-size: 15px;
}
.woocommerce a.remove {
font-size: 20px;
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
width: 40px;
height: 40px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
padding: 10px;
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
padding: 10px;
}
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
float: right;
width: auto;
}
.woocommerce .col2-set, .woocommerce-page .col2-set,
.woocommerce #order_review_heading, .woocommerce-page #order_review_heading,
.woocommerce #order_review, .woocommerce-page #order_review {
width: 100%;
margin-right: 0px;
margin-bottom: 2em;
}
.woocommerce-page.woocommerce-checkout form #order_review_heading, .woocommerce.woocommerce-checkout form #order_review_heading {
padding: 1em 1em 0.5em;
}
.woocommerce-page.woocommerce-checkout form #order_review, .woocommerce.woocommerce-checkout form #order_review {
padding: 0 1em 1em;
}
.woocommerce ul.order_details li {
padding: 1em 1.5em 1em 1em;
width: 100%;
}
.woocommerce .widget-area {
width: 100%;
float: right;
margin: 30px 0px 0px;
height: auto;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}
}
@media only screen and (max-width: 768px){
.woocommerce table.shop_table tr {
margin: 10px 0px;
}
.woocommerce table.shop_table td.product-remove {
background: #000000 !important;
}
.woocommerce table.shop_table td.product-remove *{
color: #ffffff !important;
}
.woocommerce table.shop_table td {
padding: 10px 10px;
}
}
@media only screen and (max-width: 701px){
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product,
.related.products ul.products.columns-3 li.product,
.related.products ul.products.columns-3 li.product{
width: 49%;
max-width: 49%;
min-width: 49%;
}
.woocommerce ul.products.columns-4 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(3n),
.woocommerce ul.products.columns-5 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(3n),
.woocommerce ul.products.columns-6 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(3n){
margin-right: auto !important;
}
.woocommerce ul.products.columns-3 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(2n),
.woocommerce ul.products.columns-4 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(2n),
.woocommerce ul.products.columns-5 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(2n),
.woocommerce ul.products.columns-6 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(2n){
margin-right: 0 !important;
clear: right;
}
.woocommerce #review_form #respond {
margin: 5px 5px 0px;
width: 100%;
padding: 10px 5px;
}
.woocommerce #review_form #respond .comments-title,
.woocommerce #review_form #respond .comment-reply-title {
font-size: 15px;
}
.woocommerce-account .woocommerce-MyAccount-content {
padding: 1em;
}
}
@media only screen and (max-width: 501px){
.woocommerce-ordering,.woocommerce-ordering select {
width: 100%;
}
.woocommerce ul.products.columns-2 li.product,
.woocommerce-page ul.products.columns-2 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product,
.related.products ul.products.columns-3 li.product,
.related.products ul.products.columns-3 li.product {
width: 100%;
max-width: 100%;
min-width: 100%;
}
.woocommerce ul.products.columns-3 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(3n),
.woocommerce ul.products.columns-4 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(3n),
.woocommerce ul.products.columns-5 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(3n),
.woocommerce ul.products.columns-6 li.product:nth-child(3n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(3n),
.woocommerce ul.products.columns-3 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-3 li.product:nth-child(2n),
.woocommerce ul.products.columns-4 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-4 li.product:nth-child(2n),
.woocommerce ul.products.columns-5 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-5 li.product:nth-child(2n),
.woocommerce ul.products.columns-6 li.product:nth-child(2n),
.woocommerce-page ul.products.columns-6 li.product:nth-child(2n) {
margin-right: auto !important;
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce-page ul.products.columns-4 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce-page ul.products.columns-5 li.product,
.woocommerce ul.products.columns-6 li.product,
.woocommerce-page ul.products.columns-6 li.product{
margin-right: 0 !important;
margin-bottom: 1em !important;
}
.woocommerce main,
.woocommerce-page main {
padding: 1em !important;
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon,
.woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce table.cart td.actions .coupon .input-text+.button{
width: 100%;
}
.woocommerce-page table.cart td.actions .button{
width: 100%;
margin-top: 10px;
}
}
@media only screen and (max-width: 301px){
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0px 10px 5px;
}
.woocommerce ul.products li.product .price {
padding: 0px 10px;
}
.woocommerce ul.products li.product .button {
margin-left: 10px;
margin-bottom: 1.5em;
}
}

View File

@@ -0,0 +1,6 @@
.wp-block-button.is-style-outline
> .wp-block-button__link:not(.has-text-color, .has-background):hover {
background-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, transparent));
color: var(--wp--preset--color--base);
border-color: var(--wp--preset--color--contrast-2, var(--wp--preset--color--contrast, currentColor));
}

View File

@@ -0,0 +1,93 @@
Copyright (c) 2002-2011, David J. Perry (hospes02@scholarsfonts.net)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

View File

@@ -0,0 +1,93 @@
Copyright 2022 The Instrument Sans Project Authors (https://github.com/Instrument/instrument-sans)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

View File

@@ -0,0 +1,93 @@
Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

View File

@@ -0,0 +1,93 @@
Copyright 2020 The Jost Project Authors (https://github.com/indestructible-type)
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------------------------------------------------
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
-----------------------------------------------------------
PREAMBLE
The goals of the Open Font License (OFL) are to stimulate worldwide
development of collaborative font projects, to support the font creation
efforts of academic and linguistic communities, and to provide a free and
open framework in which fonts may be shared and improved in partnership
with others.
The OFL allows the licensed fonts to be used, studied, modified and
redistributed freely as long as they are not sold by themselves. The
fonts, including any derivative works, can be bundled, embedded,
redistributed and/or sold with any software provided that any reserved
names are not used by derivative works. The fonts and derivatives,
however, cannot be released under any other type of license. The
requirement for fonts to remain under this license does not apply
to any document created using the fonts or their derivatives.
DEFINITIONS
"Font Software" refers to the set of files released by the Copyright
Holder(s) under this license and clearly marked as such. This may
include source files, build scripts and documentation.
"Reserved Font Name" refers to any names specified as such after the
copyright statement(s).
"Original Version" refers to the collection of Font Software components as
distributed by the Copyright Holder(s).
"Modified Version" refers to any derivative made by adding to, deleting,
or substituting -- in part or in whole -- any of the components of the
Original Version, by changing formats or by porting the Font Software to a
new environment.
"Author" refers to any designer, engineer, programmer, technical
writer or other person who contributed to the Font Software.
PERMISSION & CONDITIONS
Permission is hereby granted, free of charge, to any person obtaining
a copy of the Font Software, to use, study, copy, merge, embed, modify,
redistribute, and sell modified and unmodified copies of the Font
Software, subject to the following conditions:
1) Neither the Font Software nor any of its individual components,
in Original or Modified Versions, may be sold by itself.
2) Original or Modified Versions of the Font Software may be bundled,
redistributed and/or sold with any software, provided that each copy
contains the above copyright notice and this license. These can be
included either as stand-alone text files, human-readable headers or
in the appropriate machine-readable metadata fields within text or
binary files as long as those fields can be easily viewed by the user.
3) No Modified Version of the Font Software may use the Reserved Font
Name(s) unless explicit written permission is granted by the corresponding
Copyright Holder. This restriction only applies to the primary font name as
presented to the users.
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
Software shall not be used to promote, endorse or advertise any
Modified Version, except to acknowledge the contribution(s) of the
Copyright Holder(s) and the Author(s) or with their explicit written
permission.
5) The Font Software, modified or unmodified, in part or in whole,
must be distributed entirely under this license, and must not be
distributed under any other license. The requirement for fonts to
remain under this license does not apply to any document created
using the Font Software.
TERMINATION
This license becomes null and void if any of the above conditions are
not met.
DISCLAIMER
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
OTHER DEALINGS IN THE FONT SOFTWARE.

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 195 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 123 KiB

View File

@@ -0,0 +1,206 @@
<?php
/**
* Twenty Twenty-Four functions and definitions
*
* @link https://developer.wordpress.org/themes/basics/theme-functions/
*
* @package Twenty Twenty-Four
* @since Twenty Twenty-Four 1.0
*/
/**
* Register block styles.
*/
if ( ! function_exists( 'twentytwentyfour_block_styles' ) ) :
/**
* Register custom block styles
*
* @since Twenty Twenty-Four 1.0
* @return void
*/
function twentytwentyfour_block_styles() {
register_block_style(
'core/details',
array(
'name' => 'arrow-icon-details',
'label' => __( 'Arrow icon', 'twentytwentyfour' ),
/*
* Styles for the custom Arrow icon style of the Details block
*/
'inline_style' => '
.is-style-arrow-icon-details {
padding-top: var(--wp--preset--spacing--10);
padding-bottom: var(--wp--preset--spacing--10);
}
.is-style-arrow-icon-details summary {
list-style-type: "\2193\00a0\00a0\00a0";
}
.is-style-arrow-icon-details[open]>summary {
list-style-type: "\2192\00a0\00a0\00a0";
}',
)
);
register_block_style(
'core/post-terms',
array(
'name' => 'pill',
'label' => __( 'Pill', 'twentytwentyfour' ),
/*
* Styles variation for post terms
* https://github.com/WordPress/gutenberg/issues/24956
*/
'inline_style' => '
.is-style-pill a,
.is-style-pill span:not([class], [data-rich-text-placeholder]) {
display: inline-block;
background-color: var(--wp--preset--color--base-2);
padding: 0.375rem 0.875rem;
border-radius: var(--wp--preset--spacing--20);
}
.is-style-pill a:hover {
background-color: var(--wp--preset--color--contrast-3);
}',
)
);
register_block_style(
'core/list',
array(
'name' => 'checkmark-list',
'label' => __( 'Checkmark', 'twentytwentyfour' ),
/*
* Styles for the custom checkmark list block style
* https://github.com/WordPress/gutenberg/issues/51480
*/
'inline_style' => '
ul.is-style-checkmark-list {
list-style-type: "\2713";
}
ul.is-style-checkmark-list li {
padding-inline-start: 1ch;
}',
)
);
register_block_style(
'core/navigation-link',
array(
'name' => 'arrow-link',
'label' => __( 'With arrow', 'twentytwentyfour' ),
/*
* Styles for the custom arrow nav link block style
*/
'inline_style' => '
.is-style-arrow-link .wp-block-navigation-item__label:after {
content: "\2197";
padding-inline-start: 0.25rem;
vertical-align: middle;
text-decoration: none;
display: inline-block;
}',
)
);
register_block_style(
'core/heading',
array(
'name' => 'asterisk',
'label' => __( 'With asterisk', 'twentytwentyfour' ),
'inline_style' => "
.is-style-asterisk:before {
content: '';
width: 1.5rem;
height: 3rem;
background: var(--wp--preset--color--contrast-2, currentColor);
clip-path: path('M11.93.684v8.039l5.633-5.633 1.216 1.23-5.66 5.66h8.04v1.737H13.2l5.701 5.701-1.23 1.23-5.742-5.742V21h-1.737v-8.094l-5.77 5.77-1.23-1.217 5.743-5.742H.842V9.98h8.162l-5.701-5.7 1.23-1.231 5.66 5.66V.684h1.737Z');
display: block;
}
/* Hide the asterisk if the heading has no content, to avoid using empty headings to display the asterisk only, which is an A11Y issue */
.is-style-asterisk:empty:before {
content: none;
}
.is-style-asterisk:-moz-only-whitespace:before {
content: none;
}
.is-style-asterisk.has-text-align-center:before {
margin: 0 auto;
}
.is-style-asterisk.has-text-align-right:before {
margin-left: auto;
}
.rtl .is-style-asterisk.has-text-align-left:before {
margin-right: auto;
}",
)
);
}
endif;
add_action( 'init', 'twentytwentyfour_block_styles' );
/**
* Enqueue block stylesheets.
*/
if ( ! function_exists( 'twentytwentyfour_block_stylesheets' ) ) :
/**
* Enqueue custom block stylesheets
*
* @since Twenty Twenty-Four 1.0
* @return void
*/
function twentytwentyfour_block_stylesheets() {
/**
* The wp_enqueue_block_style() function allows us to enqueue a stylesheet
* for a specific block. These will only get loaded when the block is rendered
* (both in the editor and on the front end), improving performance
* and reducing the amount of data requested by visitors.
*
* See https://make.wordpress.org/core/2021/12/15/using-multiple-stylesheets-per-block/ for more info.
*/
wp_enqueue_block_style(
'core/button',
array(
'handle' => 'twentytwentyfour-button-style-outline',
'src' => get_parent_theme_file_uri( 'assets/css/button-outline.css' ),
'ver' => wp_get_theme( get_template() )->get( 'Version' ),
'path' => get_parent_theme_file_path( 'assets/css/button-outline.css' ),
)
);
}
endif;
add_action( 'init', 'twentytwentyfour_block_stylesheets' );
/**
* Register pattern categories.
*/
if ( ! function_exists( 'twentytwentyfour_pattern_categories' ) ) :
/**
* Register pattern categories
*
* @since Twenty Twenty-Four 1.0
* @return void
*/
function twentytwentyfour_pattern_categories() {
register_block_pattern_category(
'twentytwentyfour_page',
array(
'label' => _x( 'Pages', 'Block pattern category', 'twentytwentyfour' ),
'description' => __( 'A collection of full page layouts.', 'twentytwentyfour' ),
)
);
}
endif;
add_action( 'init', 'twentytwentyfour_pattern_categories' );

View File

@@ -0,0 +1 @@
<!-- wp:pattern {"slug":"twentytwentyfour/footer"} /-->

View File

@@ -0,0 +1,26 @@
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"20px","bottom":"20px"}}},"backgroundColor":"base","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-base-background-color has-background"
style="padding-top:20px;padding-bottom:20px">
<!-- wp:group {"align":"wide","layout":{"type":"flex","justifyContent":"space-between","flexWrap":"wrap"}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex"}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"width":60 } /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}}} -->
<div class="wp-block-group">
<!-- wp:site-title {"level":0} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:navigation {"layout":{"type":"flex","justifyContent":"right","orientation":"horizontal"},"style":{"spacing":{"margin":{"top":"0"},"blockGap":"var:preset|spacing|20"},"layout":{"selfStretch":"fit","flexSize":null}}} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1 @@
<!-- wp:pattern {"slug":"twentytwentyfour/hidden-post-meta"} /-->

View File

@@ -0,0 +1 @@
<!-- wp:pattern {"slug":"twentytwentyfour/hidden-sidebar"} /-->

View File

@@ -0,0 +1,55 @@
<?php
/**
* Title: Hero
* Slug: twentytwentyfour/banner-hero
* Categories: banner, call-to-action, featured
* Viewport width: 1400
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained","contentSize":"","wideSize":""}} -->
<div class="wp-block-group alignfull" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:group {"style":{"spacing":{"blockGap":"0px"}},"layout":{"type":"constrained","contentSize":"565px"}} -->
<div class="wp-block-group">
<!-- wp:heading {"textAlign":"center","fontSize":"x-large","level":1} -->
<h1 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( 'A commitment to innovation and sustainability', 'Heading of the hero section', 'twentytwentyfour' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"1.25rem"} -->
<div style="height:1.25rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo esc_html_x( 'Études is a pioneering firm that seamlessly merges creativity and functionality to redefine architectural excellence.', 'Content of the hero section', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":"1.25rem"} -->
<div style="height:1.25rem" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'About us', 'Button text of the hero section', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"var:preset|spacing|30","style":{"layout":{}}} -->
<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"align":"wide","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image alignwide size-full is-style-rounded">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/building-exterior.webp" alt="<?php esc_attr_e( 'Building exterior in Toronto, Canada', 'twentytwentyfour' ); ?>" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,44 @@
<?php
/**
* Title: Project description
* Slug: twentytwentyfour/banner-project-description
* Categories: featured, banner, about, portfolio
* Viewport width: 1400
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"accent-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-accent-2-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} -->
<p><?php echo esc_html_x( 'Art Gallery — Overview', 'Sample title for a project or post', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"60%"} -->
<div class="wp-block-column" style="flex-basis:60%">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2"}},"fontSize":"x-large","fontFamily":"heading"} -->
<p class="has-heading-font-family has-x-large-font-size" style="line-height:1.2"><?php echo esc_html_x( 'This transformative project seeks to enhance the gallery\'s infrastructure, accessibility, and exhibition spaces while preserving its rich cultural heritage.', 'Sample descriptive text for a project or post.', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"var:preset|spacing|40"} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"align":"wide","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image alignwide size-large is-style-rounded">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/hotel-facade.webp" alt="<?php esc_attr_e( 'Hyatt Regency San Francisco, San Francisco, United States', 'twentytwentyfour' ); ?>" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,66 @@
<?php
/**
* Title: Call to action with image on right
* Slug: twentytwentyfour/cta-content-image-on-right
* Categories: call-to-action, banner
* Viewport width: 1400
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"verticalAlignment":"center","align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center">
<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">
<!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Enhance your architectural journey with the Études Architect app.', 'Sample heading', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:list {"style":{"typography":{"lineHeight":"1.75"}},"className":"is-style-checkmark-list"} -->
<ul class="is-style-checkmark-list" style="line-height:1.75">
<!-- wp:list-item -->
<li><?php echo esc_html_x( 'Collaborate with fellow architects.', 'Sample list item', 'twentytwentyfour' ); ?></li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><?php echo esc_html_x( 'Showcase your projects.', 'Sample list item', 'twentytwentyfour' ); ?></li>
<!-- /wp:list-item -->
<!-- wp:list-item -->
<li><?php echo esc_html_x( 'Experience the world of architecture.', 'Sample list item', 'twentytwentyfour' ); ?></li>
<!-- /wp:list-item -->
</ul>
<!-- /wp:list -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Download app', 'Button text of this section', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
<!-- wp:button {"className":"is-style-outline"} -->
<div class="wp-block-button is-style-outline">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'How it works', 'Button text of this section', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"50%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:50%">
<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/abstract-geometric-art.webp" alt="<?php esc_attr_e( 'White abstract geometric artwork from Dresden, Germany', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,214 @@
<?php
/**
* Title: Pricing
* Slug: twentytwentyfour/cta-pricing
* Categories: call-to-action, services
* Viewport width: 1400
*/
?>
<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'Pricing Table', 'Name for the pricing pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|40","right":"var:preset|spacing|40"}},"border":{"radius":"16px"}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:group {"align":"wide","layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"textAlign":"center"} -->
<h2 class="wp-block-heading has-text-align-center"><?php echo esc_html_x( 'Our Services', 'Sample heading for pricing pattern', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"1.125rem"},"spacing":{"margin":{"top":"var:preset|spacing|10"}}}} -->
<p class="has-text-align-center" style="margin-top:var(--wp--preset--spacing--10);font-size:1.125rem"><?php echo esc_html_x( 'We offer flexible options, which you can adapt to the different needs of each project.', 'Sample description for a pricing table', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"var:preset|spacing|30"} -->
<div style="height:var(--wp--preset--spacing--30)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|20"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast-3","width":"1px"}}}} -->
<div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast-3);border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"padding":{"top":"1px"}}},"fontSize":"medium"} -->
<h4 class="wp-block-heading has-text-align-center has-medium-font-size" style="padding-top:1px">
<em><?php echo esc_html_x( 'Free', 'Sample heading for the first pricing level', 'twentytwentyfour' ); ?></em>
</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} -->
<h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$0', 'Sample price for the first pricing level', 'twentytwentyfour' ); ?></h5>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Access to 5 exclusive <em>Études Articles</em> per month.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"contrast-3"} -->
<hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"}}}},"textColor":"contrast-2"} -->
<p class="has-text-align-center has-contrast-2-color has-text-color has-link-color">
<s><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></s>
</p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"contrast-3"} -->
<hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast-2"}}}},"textColor":"contrast-2"} -->
<p class="has-text-align-center has-contrast-2-color has-text-color has-link-color">
<s><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></s>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"width":100,"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Subscribe', 'Button text for the first pricing level', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast","width":"2px"}}}} -->
<div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast);border-top-width:2px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":4} -->
<h4 class="wp-block-heading has-text-align-center">
<em><?php echo esc_html_x( 'Connoisseur', 'Sample heading for the second pricing level', 'twentytwentyfour' ); ?></em>
</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} -->
<h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$12', 'Sample price for the second pricing level', 'twentytwentyfour' ); ?></h5>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Access to 20 exclusive <em>Études Articles</em> per month.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"contrast-3"} -->
<hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"contrast-3"} -->
<hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"width":100,"className":"is-style-fill"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-fill">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Subscribe', 'Button text for the second pricing level', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"padding":{"right":"var:preset|spacing|30","left":"var:preset|spacing|30","top":"var:preset|spacing|30","bottom":"var:preset|spacing|10"}},"border":{"top":{"color":"var:preset|color|contrast-3","width":"1px"}}}} -->
<div class="wp-block-column" style="border-top-color:var(--wp--preset--color--contrast-3);border-top-width:1px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--10);padding-left:var(--wp--preset--spacing--30)">
<!-- wp:heading {"textAlign":"center","level":4,"style":{"spacing":{"padding":{"top":"1px"}}},"fontSize":"medium"} -->
<h4 class="wp-block-heading has-text-align-center has-medium-font-size" style="padding-top:1px">
<em><?php echo esc_html_x( 'Expert', 'Sample heading for the third pricing level', 'twentytwentyfour' ); ?></em>
</h4>
<!-- /wp:heading -->
<!-- wp:heading {"textAlign":"center","level":5,"fontSize":"x-large"} -->
<h5 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( '$28', 'Sample price for the third pricing level', 'twentytwentyfour' ); ?></h5>
<!-- /wp:heading -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive, unlimited access to <em>Études Articles</em>.', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"contrast-3"} -->
<hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo esc_html_x( 'Weekly print edition.', 'Feature for pricing level', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:separator {"backgroundColor":"contrast-3"} -->
<hr class="wp-block-separator has-text-color has-contrast-3-color has-alpha-channel-opacity has-contrast-3-background-color has-background is-style-wide" />
<!-- /wp:separator -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo wp_kses_post( _x( 'Exclusive access to the <em>Études</em> app for iOS and Android', 'Feature for pricing level', 'twentytwentyfour' ) ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons">
<!-- wp:button {"width":100,"className":"is-style-outline"} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Subscribe', 'Button text for the third pricing level', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,57 @@
<?php
/**
* Title: RSVP
* Slug: twentytwentyfour/cta-rsvp
* Categories: call-to-action, featured
* Viewport width: 1100
*/
?>
<!-- wp:group {"metadata":{"name":"<?php echo esc_html_x( 'RSVP', 'Name of RSVP pattern', 'twentytwentyfour' ); ?>"},"align":"full","style":{"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"accent-5","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-accent-5-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|30"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"stretch","width":"40%"} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:40%">
<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"},"spacing":{"blockGap":"var:preset|spacing|50"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"left","verticalAlignment":"space-between"}} -->
<div class="wp-block-group" style="min-height:100%">
<!-- wp:heading {"textAlign":"right","level":2,"style":{"typography":{"fontSize":"12rem","writingMode":"vertical-rl","lineHeight":"1"},"spacing":{"margin":{"right":"0","left":"calc( var(--wp--preset--spacing--20) * -1)"}}}} -->
<h2 class="wp-block-heading has-text-align-right" style="margin-right:0;margin-left:calc( var(--wp--preset--spacing--20) * -1);font-size:12rem;line-height:1;writing-mode:vertical-rl"><?php echo esc_html_x( 'RSVP', 'Initials for ´please respond´', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:group {"layout":{"type":"constrained","contentSize":"300px","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"layout":{"selfStretch":"fixed","flexSize":"50%"}}} -->
<p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études Arch Summit, February 2025.', 'RSVP call to action description', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Reserve your spot', 'Call to action button text for the reservation button', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top","width":"60%"} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:60%">
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-5"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image size-large is-style-rounded">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/museum.webp" alt="<?php esc_attr_e( 'A ramp along a curved wall in the Kiasma Museu, Helsinki, Finland', 'twentytwentyfour' ); ?>" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,48 @@
<?php
/**
* Title: Services call to action with image on left
* Slug: twentytwentyfour/cta-services-image-left
* Categories: call-to-action, banner, featured, services
* Viewport width: 1400
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"accent-5","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-accent-5-background-color has-background" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"verticalAlignment":null,"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"center","width":"60%"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%">
<!-- wp:image {"aspectRatio":"4/3","scale":"cover","sizeSlug":"full","linkDestination":"none","style":{"color":{"duotone":"var:preset|duotone|duotone-1"}},"className":"is-style-rounded"} -->
<figure class="wp-block-image size-full is-style-rounded">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/abstract-geometric-art.webp" alt="<?php esc_attr_e( 'White abstract geometric artwork from Dresden, Germany', 'twentytwentyfour' ); ?>" style="aspect-ratio:4/3;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:heading -->
<h2 class="wp-block-heading"><?php echo esc_html_x( 'Guiding your business through the project', 'Sample heading of the services pattern', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'Experience the fusion of imagination and expertise with Études—the catalyst for architectural transformations that enrich the world around us.', 'Sample description of the services pattern', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Our services', 'Sample button text to view the services', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,42 @@
<?php
/**
* Title: Centered call to action
* Slug: twentytwentyfour/cta-subscribe-centered
* Categories: call-to-action
* Keywords: newsletter, subscribe, button
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:group {"align":"wide","style":{"border":{"radius":"16px"},"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"backgroundColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-base-2-background-color has-background" style="border-radius:16px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:heading {"textAlign":"center","fontSize":"x-large"} -->
<h2 class="wp-block-heading has-text-align-center has-x-large-font-size"><?php echo esc_html_x( 'Join 900+ subscribers', 'Sample text for Subscriber Heading with numbers', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"align":"center"} -->
<p class="has-text-align-center"><?php echo esc_html_x( 'Stay in the loop with everything you need to know.', 'Sample text for Subscriber Description', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:buttons {"layout":{"type":"flex","justifyContent":"center"}} -->
<div class="wp-block-buttons">
<!-- wp:button -->
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button"><?php echo esc_html_x( 'Sign up', 'Sample text for Sign Up Button', 'twentytwentyfour' ); ?></a>
</div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,31 @@
<?php
/**
* Title: Footer with centered logo and navigation
* Slug: twentytwentyfour/footer-centered-logo-nav
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|50"}}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"center"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:site-logo /-->
<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","justifyContent":"center"},"fontSize":"small"} /-->
<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"secondary","fontSize":"small"} -->
<p class="has-text-align-center has-secondary-color has-text-color has-link-color has-small-font-size">
<?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
/* Translators: Designed with WordPress */
esc_html__( 'Designed with %1$s', 'twentytwentyfour' ),
$wordpress_link
);
?>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,105 @@
<?php
/**
* Title: Footer with colophon, 3 columns
* Slug: twentytwentyfour/footer-colophon-3-col
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:image {"width":"40px","height":"auto","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/icon-message.webp" alt="" style="width:40px;height:auto" />
</figure>
<!-- /wp:image -->
<!-- wp:separator {"className":"is-style-wide"} -->
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" />
<!-- /wp:separator -->
<!-- wp:columns {"style":{"spacing":{"padding":{"top":"var:preset|spacing|10"}}}} -->
<div class="wp-block-columns" style="padding-top:var(--wp--preset--spacing--10)">
<!-- wp:column {"width":"57%"} -->
<div class="wp-block-column" style="flex-basis:57%">
<!-- wp:heading {"fontSize":"x-large"} -->
<h2 class="wp-block-heading has-x-large-font-size"><?php esc_html_e( 'Keep up, get in touch.', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} -->
<h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Contact', 'twentytwentyfour' ); ?></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="#"><?php echo esc_html_x( 'info@example.com', 'Example email in site footer', 'twentytwentyfour' ); ?></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%">
<!-- wp:columns {"isStackedOnMobile":false} -->
<div class="wp-block-columns is-not-stacked-on-mobile">
<!-- wp:column -->
<div class="wp-block-column">
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":3,"fontSize":"medium","fontFamily":"body"} -->
<h3 class="wp-block-heading has-body-font-family has-medium-font-size"><?php esc_html_e( 'Follow', 'twentytwentyfour' ); ?></h3>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><a href="#"><?php esc_html_e( 'Instagram', 'twentytwentyfour' ); ?></a> / <a href="#"><?php esc_html_e( 'Facebook', 'twentytwentyfour' ); ?></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"6px"}},"layout":{"type":"flex","flexWrap":"wrap"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><?php esc_html_e( '&copy;', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:site-title {"level":0,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"}},"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size">
<?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
/* Translators: Designed with WordPress */
esc_html__( 'Designed with %1$s', 'twentytwentyfour' ),
$wordpress_link
);
?>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,128 @@
<?php
/**
* Title: Footer with colophon, 4 columns
* Slug: twentytwentyfour/footer
* Categories: footer
* Block Types: core/template-part/footer
*/
?>
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"width":"30%"} -->
<div class="wp-block-column" style="flex-basis:30%">
<!-- wp:group {"style":{"dimensions":{"minHeight":""},"layout":{"selfStretch":"fit","flexSize":null}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:site-logo {"width":20,"shouldSyncIcon":true,"style":{"layout":{"selfStretch":"fit","flexSize":null}}} /-->
<!-- wp:site-title {"level":0,"fontSize":"medium"} /-->
<!-- wp:site-tagline {"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%">
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"50%"} -->
<div class="wp-block-column" style="flex-basis:50%">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between","verticalAlignment":"top"}} -->
<div class="wp-block-group">
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} -->
<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'About', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'About', 'twentytwentyfour' ); ?>"} -->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Team', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'History', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Careers', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- /wp:navigation -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} -->
<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Privacy', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Privacy', 'twentytwentyfour' ); ?>"} -->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Privacy Policy', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Terms and Conditions', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Contact Us', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- /wp:navigation -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group">
<!-- wp:heading {"level":2,"style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontFamily":"body"} -->
<h2 class="wp-block-heading has-medium-font-size has-body-font-family" style="font-style:normal;font-weight:600"><?php esc_html_e( 'Social', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small","ariaLabel":"<?php esc_attr_e( 'Social Media', 'twentytwentyfour' ); ?>"} -->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Facebook', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Instagram', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Twitter/X', 'twentytwentyfour' ); ?>","url":"#"} /-->
<!-- /wp:navigation -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"0"}}}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--50);padding-bottom:0">
<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}}},"textColor":"contrast-2","fontSize":"small"} -->
<p class="has-contrast-2-color has-text-color has-link-color has-small-font-size">
<?php
/* Translators: WordPress link. */
$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'twentytwentyfour' ) ) . '" rel="nofollow">WordPress</a>';
echo sprintf(
/* Translators: Designed with WordPress */
esc_html__( 'Designed with %1$s', 'twentytwentyfour' ),
$wordpress_link
);
?>
</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,21 @@
<?php
/**
* Title: Full screen image
* Slug: twentytwentyfour/gallery-full-screen-image
* Categories: gallery, portfolio
*/
?>
<!-- wp:cover {"url":"<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp","hasParallax":true,"dimRatio":0,"overlayColor":"base","minHeight":100,"minHeightUnit":"vh","isDark":false,"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","right":"var:preset|spacing|50","left":"var:preset|spacing|50"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-cover alignfull is-light has-parallax" style="padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50);min-height:100vh">
<span aria-hidden="true" class="wp-block-cover__background has-base-background-color has-background-dim-0 has-background-dim">
</span>
<div role="img" class="wp-block-cover__image-background has-parallax" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp)">
</div>
<div class="wp-block-cover__inner-container">
<!-- wp:spacer {"height":"500px"} -->
<div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
</div>
<!-- /wp:cover -->

View File

@@ -0,0 +1,58 @@
<?php
/**
* Title: Offset gallery, 2 columns
* Slug: twentytwentyfour/gallery-offset-images-grid-2-col
* Categories: gallery, portfolio
* Keywords: project, images, media, masonry, columns
* Viewport width: 1400
*/
?>
<!-- wp:group {"metadata":{"name":"Portfolio Images"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0">
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:4/3;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded"><img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,110 @@
<?php
/**
* Title: Offset gallery, 3 columns
* Slug: twentytwentyfour/gallery-offset-images-grid-3-col
* Categories: gallery, portfolio
* Keywords: project, images, media, masonry, columns
* Viewport width: 1400
*/
?>
<!-- wp:group {"metadata":{"name":"Portfolio Images"},"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0">
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:4/3;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:16/9;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,149 @@
<?php
/**
* Title: Offset gallery, 4 columns
* Slug: twentytwentyfour/gallery-offset-images-grid-4-col
* Categories: gallery, featured, portfolio
* Keywords: project, images, media, masonry, columns
* Viewport width: 1400
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|50","left":"var:preset|spacing|50","top":"var:preset|spacing|50","bottom":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"},"metadata":{"name":"Portfolio Images"}} -->
<div class="wp-block-group alignfull" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"0","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}}}} -->
<div class="wp-block-columns alignwide" style="margin-top:0;margin-bottom:0">
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:image {"aspectRatio":"4/3","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:4/3;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"3/4","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:3/4;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:16/9;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"style":{"spacing":{"blockGap":"0"}}} -->
<div class="wp-block-column">
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"1","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:1;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"16/9","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:16/9;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:spacer {"height":"var:preset|spacing|50"} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:image {"aspectRatio":"9/16","scale":"cover","className":"is-style-rounded"} -->
<figure class="wp-block-image is-style-rounded">
<img alt="" style="aspect-ratio:9/16;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,65 @@
<?php
/**
* Title: Project layout
* Slug: twentytwentyfour/gallery-project-layout
* Categories: gallery, featured, portfolio
* Viewport width: 1600
*/
?>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","right":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|base-2"}}}},"backgroundColor":"contrast","textColor":"base-2","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-base-2-color has-contrast-background-color has-text-color has-background has-link-color" style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|50","left":"var:preset|spacing|60"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"stretch","width":"60%","style":{"spacing":{"padding":{"right":"0"}}}} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="padding-right:0;flex-basis:60%">
<!-- wp:group {"style":{"dimensions":{"minHeight":"100%"}},"layout":{"type":"flex","orientation":"vertical","verticalAlignment":"space-between","justifyContent":"stretch"}} -->
<div class="wp-block-group" style="min-height:100%">
<!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-large is-style-rounded">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/angular-roof.webp" alt="<?php esc_attr_e( 'An empty staircase under an angular roof in Darling Harbour, Sydney, Australia', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover" />
</figure>
<!-- /wp:image -->
<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><?php echo esc_html_x( '1. Through Études, we aspire to redefine architectural boundaries and usher in a new era of design excellence that leaves an indelible mark on the built environment.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"style":{"typography":{"lineHeight":"1.2","fontStyle":"normal","fontWeight":"500"}},"fontSize":"large"} -->
<p class="has-large-font-size" style="font-style:normal;font-weight:500;line-height:1.2"><?php echo esc_html_x( 'Our comprehensive suite of professional services caters to a diverse clientele, ranging from homeowners to commercial developers. With a commitment to innovation and sustainability, Études is the bridge that transforms architectural dreams into remarkable built realities.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:spacer {"height":"var:preset|spacing|40","style":{"layout":{}}} -->
<div style="height:var(--wp--preset--spacing--40)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group">
<!-- wp:paragraph {"fontSize":"medium"} -->
<p class="has-medium-font-size"><?php echo esc_html_x( '2. Case studies that celebrate the artistry can fuel curiosity and ignite inspiration.', 'Sample text for the feature area', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:image {"aspectRatio":"9/16","scale":"cover","sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
<figure class="wp-block-image size-large is-style-rounded">
<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/assets/images/art-gallery.webp" alt="<?php esc_attr_e( 'Art Gallery of Ontario, Toronto, Canada', 'twentytwentyfour' ); ?>" style="aspect-ratio:9/16;object-fit:cover" />
</figure>
<!-- /wp:image -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,15 @@
<?php
/**
* Title: 404
* Slug: twentytwentyfour/hidden-404
* Inserter: no
*/
?>
<!-- wp:heading {"level":1} -->
<h1 class="wp-block-heading" id="page-not-found"><?php echo esc_html_x( 'Page Not Found', 'Heading for a webpage that is not found', 'twentytwentyfour' ); ?></h1>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'The page you are looking for does not exist, or it has been moved. Please try searching using the form below.', 'Message to convey that a webpage could not be found', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:pattern {"slug":"twentytwentyfour/hidden-search"} /-->

View File

@@ -0,0 +1,47 @@
<?php
/**
* Title: Comments
* Slug: twentytwentyfour/hidden-comments
* Inserter: no
*/
?>
<!-- wp:comments {"className":"wp-block-comments-query-loop"} -->
<div class="wp-block-comments wp-block-comments-query-loop">
<!-- wp:heading -->
<h2><?php esc_html_e( 'Comments', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:comments-title {"level":3} /-->
<!-- wp:comment-template -->
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"var:preset|spacing|30"}}}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:var(--wp--preset--spacing--30)">
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"},"style":{"spacing":{"blockGap":"0.5em"}}} -->
<div class="wp-block-group">
<!-- wp:avatar {"size":40} /-->
<!-- wp:group -->
<div class="wp-block-group">
<!-- wp:comment-author-name /-->
<!-- wp:comment-date /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:comment-content /-->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:comment-edit-link /-->
<!-- wp:comment-reply-link /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- /wp:comment-template -->
<!-- wp:comments-pagination {"layout":{"type":"flex","justifyContent":"space-between"}} -->
<!-- wp:comments-pagination-previous /-->
<!-- wp:comments-pagination-next /-->
<!-- /wp:comments-pagination -->
<!-- wp:post-comments-form {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}}} /-->
</div>
<!-- /wp:comments -->

View File

@@ -0,0 +1,10 @@
<?php
/**
* Title: No results
* Slug: twentytwentyfour/hidden-no-results
* Inserter: no
*/
?>
<!-- wp:paragraph -->
<p><?php echo esc_html_x( 'No posts were found.', 'Message explaining that there are no results returned from a search', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->

View File

@@ -0,0 +1,19 @@
<?php
/**
* Title: Portfolio hero
* Slug: twentytwentyfour/hidden-portfolio-hero
* Inserter: no
*/
?>
<!-- wp:spacer {"height":"var:preset|spacing|50","style":{"layout":{}}} -->
<div style="height:var(--wp--preset--spacing--50)" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"align":"wide","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"level":1,"align":"wide","style":{"typography":{"lineHeight":"1.2"}},"fontSize":"xx-large"} -->
<h1 class="wp-block-heading alignwide has-xx-large-font-size" style="line-height:1.2"><?php echo wp_kses_post( __( 'Im <em>Leia Acosta</em>, a passionate photographer who finds inspiration in capturing the fleeting beauty of life.', 'twentytwentyfour' ) ); ?></h1>
<!-- /wp:heading -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,30 @@
<?php
/**
* Title: Post meta
* Slug: twentytwentyfour/hidden-post-meta
* Inserter: no
*/
?>
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"0.3em"}},"layout":{"type":"flex","justifyContent":"left"}} -->
<div class="wp-block-group">
<!-- wp:post-date {"format":"M j, Y","isLink":true} /-->
<!-- wp:paragraph {"textColor":"contrast-2"} -->
<p class="has-contrast-2-color has-text-color">—</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"fontSize":"small","textColor":"contrast-2"} -->
<p class="has-small-font-size has-contrast-2-color has-text-color"><?php echo esc_html_x( 'by', 'Prefix for the post author block: By author name', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
<!-- wp:post-author-name {"isLink":true} /-->
<!-- wp:post-terms {"term":"category","prefix":"<?php echo esc_html_x( 'in ', 'Prefix for the post category block: in category name', 'twentytwentyfour' ); ?>"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View File

@@ -0,0 +1,14 @@
<?php
/**
* Title: Post navigation
* Slug: twentytwentyfour/hidden-post-navigation
* Inserter: no
*/
?>
<!-- wp:group {"tagName":"nav","ariaLabel":"<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>","style":{"spacing":{"padding":{"bottom":"var:preset|spacing|40","top":"var:preset|spacing|40"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<nav class="wp-block-group" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)" aria-label="<?php esc_attr_e( 'Posts', 'twentytwentyfour' ); ?>">
<!-- wp:post-navigation-link {"type":"previous","label":"<?php echo esc_html_x( 'Previous: ', 'Label before the title of the previous post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /-->
<!-- wp:post-navigation-link {"label":"<?php echo esc_html_x( 'Next: ', 'Label before the title of the next post. There is a space after the colon.', 'twentytwentyfour' ); ?>","showTitle":true,"linkLabel":true,"arrow":"arrow"} /-->
</nav>
<!-- /wp:group -->

View File

@@ -0,0 +1,9 @@
<?php
/**
* Title: Search
* Slug: twentytwentyfour/hidden-search
* Inserter: no
*/
?>
<!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"buttonText":"<?php echo esc_attr_x( 'Search', 'search button text', 'twentytwentyfour' ); ?>","fontSize":"medium"} /-->

View File

@@ -0,0 +1,84 @@
<?php
/**
* Title: Sidebar
* Slug: twentytwentyfour/hidden-sidebar
* Inserter: no
*/
?>
<!-- wp:group {"style":{"spacing":{"blockGap":"36px","padding":{"right":"0","left":"0"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-right:0;padding-left:0">
<!-- wp:group {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="margin-top:0;margin-bottom:0">
<!-- wp:avatar {"size":80,"style":{"border":{"radius":"16px"}}} /-->
<!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
<h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'About the author', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:post-author-biography {"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
<h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Popular Categories', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:categories {"showHierarchy":true,"showPostCounts":true,"fontSize":"small"} /-->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"26px"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group">
<!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group">
<!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
<h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Useful Links', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><?php esc_html_e( 'Links I found useful and wanted to share.', 'twentytwentyfour' ); ?></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"blockGap":"var:preset|spacing|10"}},"fontSize":"small"} -->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Latest inflation report', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /-->
<!-- wp:navigation-link {"label":"<?php esc_html_e( 'Financial apps for families', 'twentytwentyfour' ); ?>","url":"#","className":"is-style-arrow-link","style":{"typography":{"textDecoration":"underline"}}} /-->
<!-- /wp:navigation -->
</div>
<!-- /wp:group -->
<!-- wp:separator {"backgroundColor":"contrast","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-contrast-color has-alpha-channel-opacity has-contrast-background-color has-background is-style-wide"/>
<!-- /wp:separator -->
<!-- wp:group {"style":{"spacing":{"blockGap":"16px"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
<div class="wp-block-group">
<!-- wp:heading {"style":{"typography":{"fontSize":"1.6rem"}}} -->
<h2 class="wp-block-heading" style="font-size:1.6rem"><?php esc_html_e( 'Search the website', 'twentytwentyfour' ); ?></h2>
<!-- /wp:heading -->
<!-- wp:search {"label":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>","showLabel":false,"placeholder":"<?php echo esc_attr_x( 'Search...', 'search form placeholder', 'twentytwentyfour' ); ?>","width":100,"widthUnit":"%","buttonText":"<?php echo esc_attr_x( 'Search', 'search form label', 'twentytwentyfour' ); ?>"} /-->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"var:preset|spacing|10"} -->
<div style="height:var(--wp--preset--spacing--10)" aria-hidden="true" class="wp-block-spacer">
</div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->

Some files were not shown because too many files have changed in this diff Show More