Initial commit
This commit is contained in:
czmj
commit
9006bea1b0
14
.editorconfig
Normal file
14
.editorconfig
Normal file
@ -0,0 +1,14 @@
|
||||
# editorconfig.org
|
||||
|
||||
root = true
|
||||
|
||||
[*]
|
||||
indent_style = tab
|
||||
end_of_line = lf
|
||||
charset = utf-8
|
||||
trim_trailing_whitespace = true
|
||||
insert_final_newline = true
|
||||
|
||||
# Trailing whitespace is significant in markdown files.
|
||||
[*.md]
|
||||
trim_trailing_whitespace = false
|
||||
1
.gitattributes
vendored
Normal file
1
.gitattributes
vendored
Normal file
@ -0,0 +1 @@
|
||||
* text=auto
|
||||
7
.gitignore
vendored
Normal file
7
.gitignore
vendored
Normal file
@ -0,0 +1,7 @@
|
||||
node_modules/*
|
||||
bower_components/*
|
||||
backstop_data/*
|
||||
.DS_Store
|
||||
*.log
|
||||
dist/
|
||||
public/
|
||||
23
.gitlab-ci.yml
Normal file
23
.gitlab-ci.yml
Normal file
@ -0,0 +1,23 @@
|
||||
image: node:6
|
||||
|
||||
cache:
|
||||
paths:
|
||||
- node_modules/
|
||||
|
||||
before_script:
|
||||
- npm install
|
||||
- npm install -g gulp
|
||||
- npm rebuild node-sass
|
||||
|
||||
stages:
|
||||
- deploy
|
||||
|
||||
build_and_deploy:
|
||||
stage: deploy
|
||||
artifacts:
|
||||
paths:
|
||||
- dist
|
||||
only:
|
||||
- master
|
||||
script:
|
||||
- gulp build --production
|
||||
674
LICENSE
Normal file
674
LICENSE
Normal file
@ -0,0 +1,674 @@
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 3, 29 June 2007
|
||||
|
||||
Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
Preamble
|
||||
|
||||
The GNU General Public License is a free, copyleft license for
|
||||
software and other kinds of works.
|
||||
|
||||
The licenses for most software and other practical works are designed
|
||||
to take away your freedom to share and change the works. By contrast,
|
||||
the GNU General Public License is intended to guarantee your freedom to
|
||||
share and change all versions of a program--to make sure it remains free
|
||||
software for all its users. We, the Free Software Foundation, use the
|
||||
GNU General Public License for most of our software; it applies also to
|
||||
any other work released this way by its authors. You can apply it to
|
||||
your programs, too.
|
||||
|
||||
When we speak of free software, we are referring to freedom, 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
|
||||
them if you wish), that you receive source code or can get it if you
|
||||
want it, that you can change the software or use pieces of it in new
|
||||
free programs, and that you know you can do these things.
|
||||
|
||||
To protect your rights, we need to prevent others from denying you
|
||||
these rights or asking you to surrender the rights. Therefore, you have
|
||||
certain responsibilities if you distribute copies of the software, or if
|
||||
you modify it: responsibilities to respect the freedom of others.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must pass on to the recipients the same
|
||||
freedoms that you received. You must make sure that they, too, receive
|
||||
or can get the source code. And you must show them these terms so they
|
||||
know their rights.
|
||||
|
||||
Developers that use the GNU GPL protect your rights with two steps:
|
||||
(1) assert copyright on the software, and (2) offer you this License
|
||||
giving you legal permission to copy, distribute and/or modify it.
|
||||
|
||||
For the developers' and authors' protection, the GPL clearly explains
|
||||
that there is no warranty for this free software. For both users' and
|
||||
authors' sake, the GPL requires that modified versions be marked as
|
||||
changed, so that their problems will not be attributed erroneously to
|
||||
authors of previous versions.
|
||||
|
||||
Some devices are designed to deny users access to install or run
|
||||
modified versions of the software inside them, although the manufacturer
|
||||
can do so. This is fundamentally incompatible with the aim of
|
||||
protecting users' freedom to change the software. The systematic
|
||||
pattern of such abuse occurs in the area of products for individuals to
|
||||
use, which is precisely where it is most unacceptable. Therefore, we
|
||||
have designed this version of the GPL to prohibit the practice for those
|
||||
products. If such problems arise substantially in other domains, we
|
||||
stand ready to extend this provision to those domains in future versions
|
||||
of the GPL, as needed to protect the freedom of users.
|
||||
|
||||
Finally, every program is threatened constantly by software patents.
|
||||
States should not allow patents to restrict development and use of
|
||||
software on general-purpose computers, but in those that do, we wish to
|
||||
avoid the special danger that patents applied to a free program could
|
||||
make it effectively proprietary. To prevent this, the GPL assures that
|
||||
patents cannot be used to render the program non-free.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
||||
TERMS AND CONDITIONS
|
||||
|
||||
0. Definitions.
|
||||
|
||||
"This License" refers to version 3 of the GNU General Public License.
|
||||
|
||||
"Copyright" also means copyright-like laws that apply to other kinds of
|
||||
works, such as semiconductor masks.
|
||||
|
||||
"The Program" refers to any copyrightable work licensed under this
|
||||
License. Each licensee is addressed as "you". "Licensees" and
|
||||
"recipients" may be individuals or organizations.
|
||||
|
||||
To "modify" a work means to copy from or adapt all or part of the work
|
||||
in a fashion requiring copyright permission, other than the making of an
|
||||
exact copy. The resulting work is called a "modified version" of the
|
||||
earlier work or a work "based on" the earlier work.
|
||||
|
||||
A "covered work" means either the unmodified Program or a work based
|
||||
on the Program.
|
||||
|
||||
To "propagate" a work means to do anything with it that, without
|
||||
permission, would make you directly or secondarily liable for
|
||||
infringement under applicable copyright law, except executing it on a
|
||||
computer or modifying a private copy. Propagation includes copying,
|
||||
distribution (with or without modification), making available to the
|
||||
public, and in some countries other activities as well.
|
||||
|
||||
To "convey" a work means any kind of propagation that enables other
|
||||
parties to make or receive copies. Mere interaction with a user through
|
||||
a computer network, with no transfer of a copy, is not conveying.
|
||||
|
||||
An interactive user interface displays "Appropriate Legal Notices"
|
||||
to the extent that it includes a convenient and prominently visible
|
||||
feature that (1) displays an appropriate copyright notice, and (2)
|
||||
tells the user that there is no warranty for the work (except to the
|
||||
extent that warranties are provided), that licensees may convey the
|
||||
work under this License, and how to view a copy of this License. If
|
||||
the interface presents a list of user commands or options, such as a
|
||||
menu, a prominent item in the list meets this criterion.
|
||||
|
||||
1. Source Code.
|
||||
|
||||
The "source code" for a work means the preferred form of the work
|
||||
for making modifications to it. "Object code" means any non-source
|
||||
form of a work.
|
||||
|
||||
A "Standard Interface" means an interface that either is an official
|
||||
standard defined by a recognized standards body, or, in the case of
|
||||
interfaces specified for a particular programming language, one that
|
||||
is widely used among developers working in that language.
|
||||
|
||||
The "System Libraries" of an executable work include anything, other
|
||||
than the work as a whole, that (a) is included in the normal form of
|
||||
packaging a Major Component, but which is not part of that Major
|
||||
Component, and (b) serves only to enable use of the work with that
|
||||
Major Component, or to implement a Standard Interface for which an
|
||||
implementation is available to the public in source code form. A
|
||||
"Major Component", in this context, means a major essential component
|
||||
(kernel, window system, and so on) of the specific operating system
|
||||
(if any) on which the executable work runs, or a compiler used to
|
||||
produce the work, or an object code interpreter used to run it.
|
||||
|
||||
The "Corresponding Source" for a work in object code form means all
|
||||
the source code needed to generate, install, and (for an executable
|
||||
work) run the object code and to modify the work, including scripts to
|
||||
control those activities. However, it does not include the work's
|
||||
System Libraries, or general-purpose tools or generally available free
|
||||
programs which are used unmodified in performing those activities but
|
||||
which are not part of the work. For example, Corresponding Source
|
||||
includes interface definition files associated with source files for
|
||||
the work, and the source code for shared libraries and dynamically
|
||||
linked subprograms that the work is specifically designed to require,
|
||||
such as by intimate data communication or control flow between those
|
||||
subprograms and other parts of the work.
|
||||
|
||||
The Corresponding Source need not include anything that users
|
||||
can regenerate automatically from other parts of the Corresponding
|
||||
Source.
|
||||
|
||||
The Corresponding Source for a work in source code form is that
|
||||
same work.
|
||||
|
||||
2. Basic Permissions.
|
||||
|
||||
All rights granted under this License are granted for the term of
|
||||
copyright on the Program, and are irrevocable provided the stated
|
||||
conditions are met. This License explicitly affirms your unlimited
|
||||
permission to run the unmodified Program. The output from running a
|
||||
covered work is covered by this License only if the output, given its
|
||||
content, constitutes a covered work. This License acknowledges your
|
||||
rights of fair use or other equivalent, as provided by copyright law.
|
||||
|
||||
You may make, run and propagate covered works that you do not
|
||||
convey, without conditions so long as your license otherwise remains
|
||||
in force. You may convey covered works to others for the sole purpose
|
||||
of having them make modifications exclusively for you, or provide you
|
||||
with facilities for running those works, provided that you comply with
|
||||
the terms of this License in conveying all material for which you do
|
||||
not control copyright. Those thus making or running the covered works
|
||||
for you must do so exclusively on your behalf, under your direction
|
||||
and control, on terms that prohibit them from making any copies of
|
||||
your copyrighted material outside their relationship with you.
|
||||
|
||||
Conveying under any other circumstances is permitted solely under
|
||||
the conditions stated below. Sublicensing is not allowed; section 10
|
||||
makes it unnecessary.
|
||||
|
||||
3. Protecting Users' Legal Rights From Anti-Circumvention Law.
|
||||
|
||||
No covered work shall be deemed part of an effective technological
|
||||
measure under any applicable law fulfilling obligations under article
|
||||
11 of the WIPO copyright treaty adopted on 20 December 1996, or
|
||||
similar laws prohibiting or restricting circumvention of such
|
||||
measures.
|
||||
|
||||
When you convey a covered work, you waive any legal power to forbid
|
||||
circumvention of technological measures to the extent such circumvention
|
||||
is effected by exercising rights under this License with respect to
|
||||
the covered work, and you disclaim any intention to limit operation or
|
||||
modification of the work as a means of enforcing, against the work's
|
||||
users, your or third parties' legal rights to forbid circumvention of
|
||||
technological measures.
|
||||
|
||||
4. Conveying Verbatim Copies.
|
||||
|
||||
You may convey verbatim copies of the Program's source code as you
|
||||
receive it, in any medium, provided that you conspicuously and
|
||||
appropriately publish on each copy an appropriate copyright notice;
|
||||
keep intact all notices stating that this License and any
|
||||
non-permissive terms added in accord with section 7 apply to the code;
|
||||
keep intact all notices of the absence of any warranty; and give all
|
||||
recipients a copy of this License along with the Program.
|
||||
|
||||
You may charge any price or no price for each copy that you convey,
|
||||
and you may offer support or warranty protection for a fee.
|
||||
|
||||
5. Conveying Modified Source Versions.
|
||||
|
||||
You may convey a work based on the Program, or the modifications to
|
||||
produce it from the Program, in the form of source code under the
|
||||
terms of section 4, provided that you also meet all of these conditions:
|
||||
|
||||
a) The work must carry prominent notices stating that you modified
|
||||
it, and giving a relevant date.
|
||||
|
||||
b) The work must carry prominent notices stating that it is
|
||||
released under this License and any conditions added under section
|
||||
7. This requirement modifies the requirement in section 4 to
|
||||
"keep intact all notices".
|
||||
|
||||
c) You must license the entire work, as a whole, under this
|
||||
License to anyone who comes into possession of a copy. This
|
||||
License will therefore apply, along with any applicable section 7
|
||||
additional terms, to the whole of the work, and all its parts,
|
||||
regardless of how they are packaged. This License gives no
|
||||
permission to license the work in any other way, but it does not
|
||||
invalidate such permission if you have separately received it.
|
||||
|
||||
d) If the work has interactive user interfaces, each must display
|
||||
Appropriate Legal Notices; however, if the Program has interactive
|
||||
interfaces that do not display Appropriate Legal Notices, your
|
||||
work need not make them do so.
|
||||
|
||||
A compilation of a covered work with other separate and independent
|
||||
works, which are not by their nature extensions of the covered work,
|
||||
and which are not combined with it such as to form a larger program,
|
||||
in or on a volume of a storage or distribution medium, is called an
|
||||
"aggregate" if the compilation and its resulting copyright are not
|
||||
used to limit the access or legal rights of the compilation's users
|
||||
beyond what the individual works permit. Inclusion of a covered work
|
||||
in an aggregate does not cause this License to apply to the other
|
||||
parts of the aggregate.
|
||||
|
||||
6. Conveying Non-Source Forms.
|
||||
|
||||
You may convey a covered work in object code form under the terms
|
||||
of sections 4 and 5, provided that you also convey the
|
||||
machine-readable Corresponding Source under the terms of this License,
|
||||
in one of these ways:
|
||||
|
||||
a) Convey the object code in, or embodied in, a physical product
|
||||
(including a physical distribution medium), accompanied by the
|
||||
Corresponding Source fixed on a durable physical medium
|
||||
customarily used for software interchange.
|
||||
|
||||
b) Convey the object code in, or embodied in, a physical product
|
||||
(including a physical distribution medium), accompanied by a
|
||||
written offer, valid for at least three years and valid for as
|
||||
long as you offer spare parts or customer support for that product
|
||||
model, to give anyone who possesses the object code either (1) a
|
||||
copy of the Corresponding Source for all the software in the
|
||||
product that is covered by this License, on a durable physical
|
||||
medium customarily used for software interchange, for a price no
|
||||
more than your reasonable cost of physically performing this
|
||||
conveying of source, or (2) access to copy the
|
||||
Corresponding Source from a network server at no charge.
|
||||
|
||||
c) Convey individual copies of the object code with a copy of the
|
||||
written offer to provide the Corresponding Source. This
|
||||
alternative is allowed only occasionally and noncommercially, and
|
||||
only if you received the object code with such an offer, in accord
|
||||
with subsection 6b.
|
||||
|
||||
d) Convey the object code by offering access from a designated
|
||||
place (gratis or for a charge), and offer equivalent access to the
|
||||
Corresponding Source in the same way through the same place at no
|
||||
further charge. You need not require recipients to copy the
|
||||
Corresponding Source along with the object code. If the place to
|
||||
copy the object code is a network server, the Corresponding Source
|
||||
may be on a different server (operated by you or a third party)
|
||||
that supports equivalent copying facilities, provided you maintain
|
||||
clear directions next to the object code saying where to find the
|
||||
Corresponding Source. Regardless of what server hosts the
|
||||
Corresponding Source, you remain obligated to ensure that it is
|
||||
available for as long as needed to satisfy these requirements.
|
||||
|
||||
e) Convey the object code using peer-to-peer transmission, provided
|
||||
you inform other peers where the object code and Corresponding
|
||||
Source of the work are being offered to the general public at no
|
||||
charge under subsection 6d.
|
||||
|
||||
A separable portion of the object code, whose source code is excluded
|
||||
from the Corresponding Source as a System Library, need not be
|
||||
included in conveying the object code work.
|
||||
|
||||
A "User Product" is either (1) a "consumer product", which means any
|
||||
tangible personal property which is normally used for personal, family,
|
||||
or household purposes, or (2) anything designed or sold for incorporation
|
||||
into a dwelling. In determining whether a product is a consumer product,
|
||||
doubtful cases shall be resolved in favor of coverage. For a particular
|
||||
product received by a particular user, "normally used" refers to a
|
||||
typical or common use of that class of product, regardless of the status
|
||||
of the particular user or of the way in which the particular user
|
||||
actually uses, or expects or is expected to use, the product. A product
|
||||
is a consumer product regardless of whether the product has substantial
|
||||
commercial, industrial or non-consumer uses, unless such uses represent
|
||||
the only significant mode of use of the product.
|
||||
|
||||
"Installation Information" for a User Product means any methods,
|
||||
procedures, authorization keys, or other information required to install
|
||||
and execute modified versions of a covered work in that User Product from
|
||||
a modified version of its Corresponding Source. The information must
|
||||
suffice to ensure that the continued functioning of the modified object
|
||||
code is in no case prevented or interfered with solely because
|
||||
modification has been made.
|
||||
|
||||
If you convey an object code work under this section in, or with, or
|
||||
specifically for use in, a User Product, and the conveying occurs as
|
||||
part of a transaction in which the right of possession and use of the
|
||||
User Product is transferred to the recipient in perpetuity or for a
|
||||
fixed term (regardless of how the transaction is characterized), the
|
||||
Corresponding Source conveyed under this section must be accompanied
|
||||
by the Installation Information. But this requirement does not apply
|
||||
if neither you nor any third party retains the ability to install
|
||||
modified object code on the User Product (for example, the work has
|
||||
been installed in ROM).
|
||||
|
||||
The requirement to provide Installation Information does not include a
|
||||
requirement to continue to provide support service, warranty, or updates
|
||||
for a work that has been modified or installed by the recipient, or for
|
||||
the User Product in which it has been modified or installed. Access to a
|
||||
network may be denied when the modification itself materially and
|
||||
adversely affects the operation of the network or violates the rules and
|
||||
protocols for communication across the network.
|
||||
|
||||
Corresponding Source conveyed, and Installation Information provided,
|
||||
in accord with this section must be in a format that is publicly
|
||||
documented (and with an implementation available to the public in
|
||||
source code form), and must require no special password or key for
|
||||
unpacking, reading or copying.
|
||||
|
||||
7. Additional Terms.
|
||||
|
||||
"Additional permissions" are terms that supplement the terms of this
|
||||
License by making exceptions from one or more of its conditions.
|
||||
Additional permissions that are applicable to the entire Program shall
|
||||
be treated as though they were included in this License, to the extent
|
||||
that they are valid under applicable law. If additional permissions
|
||||
apply only to part of the Program, that part may be used separately
|
||||
under those permissions, but the entire Program remains governed by
|
||||
this License without regard to the additional permissions.
|
||||
|
||||
When you convey a copy of a covered work, you may at your option
|
||||
remove any additional permissions from that copy, or from any part of
|
||||
it. (Additional permissions may be written to require their own
|
||||
removal in certain cases when you modify the work.) You may place
|
||||
additional permissions on material, added by you to a covered work,
|
||||
for which you have or can give appropriate copyright permission.
|
||||
|
||||
Notwithstanding any other provision of this License, for material you
|
||||
add to a covered work, you may (if authorized by the copyright holders of
|
||||
that material) supplement the terms of this License with terms:
|
||||
|
||||
a) Disclaiming warranty or limiting liability differently from the
|
||||
terms of sections 15 and 16 of this License; or
|
||||
|
||||
b) Requiring preservation of specified reasonable legal notices or
|
||||
author attributions in that material or in the Appropriate Legal
|
||||
Notices displayed by works containing it; or
|
||||
|
||||
c) Prohibiting misrepresentation of the origin of that material, or
|
||||
requiring that modified versions of such material be marked in
|
||||
reasonable ways as different from the original version; or
|
||||
|
||||
d) Limiting the use for publicity purposes of names of licensors or
|
||||
authors of the material; or
|
||||
|
||||
e) Declining to grant rights under trademark law for use of some
|
||||
trade names, trademarks, or service marks; or
|
||||
|
||||
f) Requiring indemnification of licensors and authors of that
|
||||
material by anyone who conveys the material (or modified versions of
|
||||
it) with contractual assumptions of liability to the recipient, for
|
||||
any liability that these contractual assumptions directly impose on
|
||||
those licensors and authors.
|
||||
|
||||
All other non-permissive additional terms are considered "further
|
||||
restrictions" within the meaning of section 10. If the Program as you
|
||||
received it, or any part of it, contains a notice stating that it is
|
||||
governed by this License along with a term that is a further
|
||||
restriction, you may remove that term. If a license document contains
|
||||
a further restriction but permits relicensing or conveying under this
|
||||
License, you may add to a covered work material governed by the terms
|
||||
of that license document, provided that the further restriction does
|
||||
not survive such relicensing or conveying.
|
||||
|
||||
If you add terms to a covered work in accord with this section, you
|
||||
must place, in the relevant source files, a statement of the
|
||||
additional terms that apply to those files, or a notice indicating
|
||||
where to find the applicable terms.
|
||||
|
||||
Additional terms, permissive or non-permissive, may be stated in the
|
||||
form of a separately written license, or stated as exceptions;
|
||||
the above requirements apply either way.
|
||||
|
||||
8. Termination.
|
||||
|
||||
You may not propagate or modify a covered work except as expressly
|
||||
provided under this License. Any attempt otherwise to propagate or
|
||||
modify it is void, and will automatically terminate your rights under
|
||||
this License (including any patent licenses granted under the third
|
||||
paragraph of section 11).
|
||||
|
||||
However, if you cease all violation of this License, then your
|
||||
license from a particular copyright holder is reinstated (a)
|
||||
provisionally, unless and until the copyright holder explicitly and
|
||||
finally terminates your license, and (b) permanently, if the copyright
|
||||
holder fails to notify you of the violation by some reasonable means
|
||||
prior to 60 days after the cessation.
|
||||
|
||||
Moreover, your license from a particular copyright holder is
|
||||
reinstated permanently if the copyright holder notifies you of the
|
||||
violation by some reasonable means, this is the first time you have
|
||||
received notice of violation of this License (for any work) from that
|
||||
copyright holder, and you cure the violation prior to 30 days after
|
||||
your receipt of the notice.
|
||||
|
||||
Termination of your rights under this section does not terminate the
|
||||
licenses of parties who have received copies or rights from you under
|
||||
this License. If your rights have been terminated and not permanently
|
||||
reinstated, you do not qualify to receive new licenses for the same
|
||||
material under section 10.
|
||||
|
||||
9. Acceptance Not Required for Having Copies.
|
||||
|
||||
You are not required to accept this License in order to receive or
|
||||
run a copy of the Program. Ancillary propagation of a covered work
|
||||
occurring solely as a consequence of using peer-to-peer transmission
|
||||
to receive a copy likewise does not require acceptance. However,
|
||||
nothing other than this License grants you permission to propagate or
|
||||
modify any covered work. These actions infringe copyright if you do
|
||||
not accept this License. Therefore, by modifying or propagating a
|
||||
covered work, you indicate your acceptance of this License to do so.
|
||||
|
||||
10. Automatic Licensing of Downstream Recipients.
|
||||
|
||||
Each time you convey a covered work, the recipient automatically
|
||||
receives a license from the original licensors, to run, modify and
|
||||
propagate that work, subject to this License. You are not responsible
|
||||
for enforcing compliance by third parties with this License.
|
||||
|
||||
An "entity transaction" is a transaction transferring control of an
|
||||
organization, or substantially all assets of one, or subdividing an
|
||||
organization, or merging organizations. If propagation of a covered
|
||||
work results from an entity transaction, each party to that
|
||||
transaction who receives a copy of the work also receives whatever
|
||||
licenses to the work the party's predecessor in interest had or could
|
||||
give under the previous paragraph, plus a right to possession of the
|
||||
Corresponding Source of the work from the predecessor in interest, if
|
||||
the predecessor has it or can get it with reasonable efforts.
|
||||
|
||||
You may not impose any further restrictions on the exercise of the
|
||||
rights granted or affirmed under this License. For example, you may
|
||||
not impose a license fee, royalty, or other charge for exercise of
|
||||
rights granted under this License, and you may not initiate litigation
|
||||
(including a cross-claim or counterclaim in a lawsuit) alleging that
|
||||
any patent claim is infringed by making, using, selling, offering for
|
||||
sale, or importing the Program or any portion of it.
|
||||
|
||||
11. Patents.
|
||||
|
||||
A "contributor" is a copyright holder who authorizes use under this
|
||||
License of the Program or a work on which the Program is based. The
|
||||
work thus licensed is called the contributor's "contributor version".
|
||||
|
||||
A contributor's "essential patent claims" are all patent claims
|
||||
owned or controlled by the contributor, whether already acquired or
|
||||
hereafter acquired, that would be infringed by some manner, permitted
|
||||
by this License, of making, using, or selling its contributor version,
|
||||
but do not include claims that would be infringed only as a
|
||||
consequence of further modification of the contributor version. For
|
||||
purposes of this definition, "control" includes the right to grant
|
||||
patent sublicenses in a manner consistent with the requirements of
|
||||
this License.
|
||||
|
||||
Each contributor grants you a non-exclusive, worldwide, royalty-free
|
||||
patent license under the contributor's essential patent claims, to
|
||||
make, use, sell, offer for sale, import and otherwise run, modify and
|
||||
propagate the contents of its contributor version.
|
||||
|
||||
In the following three paragraphs, a "patent license" is any express
|
||||
agreement or commitment, however denominated, not to enforce a patent
|
||||
(such as an express permission to practice a patent or covenant not to
|
||||
sue for patent infringement). To "grant" such a patent license to a
|
||||
party means to make such an agreement or commitment not to enforce a
|
||||
patent against the party.
|
||||
|
||||
If you convey a covered work, knowingly relying on a patent license,
|
||||
and the Corresponding Source of the work is not available for anyone
|
||||
to copy, free of charge and under the terms of this License, through a
|
||||
publicly available network server or other readily accessible means,
|
||||
then you must either (1) cause the Corresponding Source to be so
|
||||
available, or (2) arrange to deprive yourself of the benefit of the
|
||||
patent license for this particular work, or (3) arrange, in a manner
|
||||
consistent with the requirements of this License, to extend the patent
|
||||
license to downstream recipients. "Knowingly relying" means you have
|
||||
actual knowledge that, but for the patent license, your conveying the
|
||||
covered work in a country, or your recipient's use of the covered work
|
||||
in a country, would infringe one or more identifiable patents in that
|
||||
country that you have reason to believe are valid.
|
||||
|
||||
If, pursuant to or in connection with a single transaction or
|
||||
arrangement, you convey, or propagate by procuring conveyance of, a
|
||||
covered work, and grant a patent license to some of the parties
|
||||
receiving the covered work authorizing them to use, propagate, modify
|
||||
or convey a specific copy of the covered work, then the patent license
|
||||
you grant is automatically extended to all recipients of the covered
|
||||
work and works based on it.
|
||||
|
||||
A patent license is "discriminatory" if it does not include within
|
||||
the scope of its coverage, prohibits the exercise of, or is
|
||||
conditioned on the non-exercise of one or more of the rights that are
|
||||
specifically granted under this License. You may not convey a covered
|
||||
work if you are a party to an arrangement with a third party that is
|
||||
in the business of distributing software, under which you make payment
|
||||
to the third party based on the extent of your activity of conveying
|
||||
the work, and under which the third party grants, to any of the
|
||||
parties who would receive the covered work from you, a discriminatory
|
||||
patent license (a) in connection with copies of the covered work
|
||||
conveyed by you (or copies made from those copies), or (b) primarily
|
||||
for and in connection with specific products or compilations that
|
||||
contain the covered work, unless you entered into that arrangement,
|
||||
or that patent license was granted, prior to 28 March 2007.
|
||||
|
||||
Nothing in this License shall be construed as excluding or limiting
|
||||
any implied license or other defenses to infringement that may
|
||||
otherwise be available to you under applicable patent law.
|
||||
|
||||
12. No Surrender of Others' Freedom.
|
||||
|
||||
If 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 convey a
|
||||
covered work so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you may
|
||||
not convey it at all. For example, if you agree to terms that obligate you
|
||||
to collect a royalty for further conveying from those to whom you convey
|
||||
the Program, the only way you could satisfy both those terms and this
|
||||
License would be to refrain entirely from conveying the Program.
|
||||
|
||||
13. Use with the GNU Affero General Public License.
|
||||
|
||||
Notwithstanding any other provision of this License, you have
|
||||
permission to link or combine any covered work with a work licensed
|
||||
under version 3 of the GNU Affero General Public License into a single
|
||||
combined work, and to convey the resulting work. The terms of this
|
||||
License will continue to apply to the part which is the covered work,
|
||||
but the special requirements of the GNU Affero General Public License,
|
||||
section 13, concerning interaction through a network will apply to the
|
||||
combination as such.
|
||||
|
||||
14. Revised Versions of this License.
|
||||
|
||||
The Free Software Foundation may publish revised and/or new versions of
|
||||
the GNU 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
|
||||
Program specifies that a certain numbered version of the GNU General
|
||||
Public License "or any later version" applies to it, you have the
|
||||
option of following the terms and conditions either of that numbered
|
||||
version or of any later version published by the Free Software
|
||||
Foundation. If the Program does not specify a version number of the
|
||||
GNU General Public License, you may choose any version ever published
|
||||
by the Free Software Foundation.
|
||||
|
||||
If the Program specifies that a proxy can decide which future
|
||||
versions of the GNU General Public License can be used, that proxy's
|
||||
public statement of acceptance of a version permanently authorizes you
|
||||
to choose that version for the Program.
|
||||
|
||||
Later license versions may give you additional or different
|
||||
permissions. However, no additional obligations are imposed on any
|
||||
author or copyright holder as a result of your choosing to follow a
|
||||
later version.
|
||||
|
||||
15. Disclaimer of Warranty.
|
||||
|
||||
THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
|
||||
APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
|
||||
HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "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 PROGRAM
|
||||
IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
|
||||
ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
|
||||
|
||||
16. Limitation of Liability.
|
||||
|
||||
IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
|
||||
THE PROGRAM 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 PROGRAM (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 PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
|
||||
EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
|
||||
SUCH DAMAGES.
|
||||
|
||||
17. Interpretation of Sections 15 and 16.
|
||||
|
||||
If the disclaimer of warranty and limitation of liability provided
|
||||
above cannot be given local legal effect according to their terms,
|
||||
reviewing courts shall apply local law that most closely approximates
|
||||
an absolute waiver of all civil liability in connection with the
|
||||
Program, unless a warranty or assumption of liability accompanies a
|
||||
copy of the Program in return for a fee.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
How to Apply These Terms to Your New Programs
|
||||
|
||||
If you develop a new program, and you want it to be of the greatest
|
||||
possible use to the public, the best way to achieve this is to make it
|
||||
free software which everyone can redistribute and change under these terms.
|
||||
|
||||
To do so, attach the following notices to the program. It is safest
|
||||
to attach them to the start of each source file to most effectively
|
||||
state 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 program's name and a brief idea of what it does.}
|
||||
Copyright (C) {year} {name of author}
|
||||
|
||||
This program is free software: you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation, either version 3 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program 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 General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License
|
||||
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
If the program does terminal interaction, make it output a short
|
||||
notice like this when it starts in an interactive mode:
|
||||
|
||||
{project} Copyright (C) {year} {fullname}
|
||||
This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||
This is free software, and you are welcome to redistribute it
|
||||
under certain conditions; type `show c' for details.
|
||||
|
||||
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||
parts of the General Public License. Of course, your program's commands
|
||||
might be different; for a GUI interface, you would use an "about box".
|
||||
|
||||
You should also get your employer (if you work as a programmer) or school,
|
||||
if any, to sign a "copyright disclaimer" for the program, if necessary.
|
||||
For more information on this, and how to apply and follow the GNU GPL, see
|
||||
<http://www.gnu.org/licenses/>.
|
||||
|
||||
The GNU General Public License does not permit incorporating your program
|
||||
into proprietary programs. If your program is a subroutine library, you
|
||||
may consider it more useful to permit linking proprietary applications with
|
||||
the library. If this is what you want to do, use the GNU Lesser General
|
||||
Public License instead of this License. But first, please read
|
||||
<http://www.gnu.org/philosophy/why-not-lgpl.html>.
|
||||
146
gulpfile.js
Normal file
146
gulpfile.js
Normal file
@ -0,0 +1,146 @@
|
||||
'use strict';
|
||||
|
||||
var gulp = require('gulp');
|
||||
var sass = require('gulp-sass');
|
||||
var markdown = require('markdown');
|
||||
var browserSync = require('browser-sync').create();
|
||||
var autoprefixer = require('gulp-autoprefixer');
|
||||
var concat = require('gulp-concat');
|
||||
var jshint = require('gulp-jshint');
|
||||
var util = require('gulp-util');
|
||||
var uglify = require('gulp-uglify');
|
||||
var cssmin = require('gulp-cssmin');
|
||||
var nunjucksRender = require('gulp-nunjucks-render');
|
||||
var data = require('gulp-data');
|
||||
var pxtorem = require('gulp-pxtorem');
|
||||
var imagemin = require('gulp-imagemin');
|
||||
|
||||
// De-caching for Data files
|
||||
function requireUncached( $module ) {
|
||||
delete require.cache[require.resolve( $module )];
|
||||
return require( $module );
|
||||
}
|
||||
|
||||
var nunjucksCustom = function(environment) {
|
||||
environment.addFilter('limitTo', function(input, limit) {
|
||||
|
||||
if (typeof input === 'object' && Array.isArray(limit)){
|
||||
if (limit.length >= 0){
|
||||
var obj = {};
|
||||
|
||||
limit.forEach(function(key){
|
||||
obj[key] = input[key];
|
||||
});
|
||||
|
||||
return obj;
|
||||
} else {
|
||||
return input;
|
||||
}
|
||||
}
|
||||
|
||||
if (typeof limit !== 'number'){
|
||||
return input;
|
||||
}
|
||||
|
||||
if (typeof input === 'string'){
|
||||
if(limit >= 0){
|
||||
return input.substring(0, limit);
|
||||
} else {
|
||||
return input.substr(limit);
|
||||
}
|
||||
}
|
||||
|
||||
if (Array.isArray(input)){
|
||||
limit = Math.min(limit, input.length);
|
||||
if(limit >= 0){
|
||||
return input.slice(0, limit);
|
||||
} else {
|
||||
return input.slice(input.length + limit, input.length);
|
||||
}
|
||||
}
|
||||
|
||||
return input;
|
||||
});
|
||||
}
|
||||
|
||||
var config = {
|
||||
production: !!util.env.production // check for --production flag
|
||||
};
|
||||
|
||||
gulp.task('fileinclude', function(){
|
||||
gulp.src('src/pages/**/*.+(html|nunjucks)')
|
||||
.pipe(data(function() {
|
||||
return requireUncached('./src/data/en.json');
|
||||
}))
|
||||
.pipe(nunjucksRender({
|
||||
path: ['src/templates'],
|
||||
manageEnv: nunjucksCustom
|
||||
}))
|
||||
.pipe(gulp.dest('./dist'))
|
||||
|
||||
gulp.src(['src/fonts/**/*.*'])
|
||||
.pipe(gulp.dest('./dist/css/fonts'));
|
||||
|
||||
gulp.src(['src/static/**/*.*'])
|
||||
.pipe(imagemin(
|
||||
imagemin.jpegtran({progressive: true})
|
||||
))
|
||||
.pipe(gulp.dest('./dist'));
|
||||
});
|
||||
|
||||
gulp.task('browser-sync', function() {
|
||||
browserSync.init({
|
||||
server: {
|
||||
baseDir: './dist'
|
||||
},
|
||||
reloadDebounce: 100
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
gulp.task('sass', function () {
|
||||
gulp.src('./scss/style.scss')
|
||||
.pipe(sass().on('error', sass.logError))
|
||||
.pipe(autoprefixer())
|
||||
.pipe(pxtorem())
|
||||
.pipe(config.production ? cssmin() : util.noop())
|
||||
.pipe(gulp.dest('./dist/css/'))
|
||||
.pipe(browserSync.stream({once: true}));
|
||||
});
|
||||
|
||||
gulp.task('main-scripts', function(){
|
||||
return gulp
|
||||
.src([
|
||||
'./js/!(_init)*.js', // all files that end in .js EXCEPT _init.js
|
||||
'./js/_init.js' // include _init.js last
|
||||
])
|
||||
.pipe(jshint())
|
||||
.pipe(jshint.reporter('jshint-stylish'))
|
||||
.pipe(concat('scripts.js'))
|
||||
.pipe(config.production ? uglify() : util.noop())
|
||||
.pipe(gulp.dest('./dist/js/'));
|
||||
});
|
||||
|
||||
gulp.task('vendor-scripts', function() {
|
||||
return gulp
|
||||
.src([
|
||||
'./node_modules/jquery/dist/jquery.js',
|
||||
'./node_modules/jquery-tiny-pubsub/dist/ba-tiny-pubsub.js'
|
||||
])
|
||||
.pipe(concat('plugins.js'))
|
||||
.pipe(config.production ? uglify() : util.noop())
|
||||
.pipe(gulp.dest('./dist/js/'));
|
||||
});
|
||||
|
||||
gulp.task('watch', ['fileinclude'], function () {
|
||||
gulp.watch('./scss/**/*.scss', ['sass']);
|
||||
gulp.watch('./src/**/*.{png,jpg,jpeg,gif,webp,svg,html,md,woff,woff2,ico}', ['fileinclude']);
|
||||
gulp.watch('./src/**/*.*', ['fileinclude']);
|
||||
gulp.watch('./js/**/*.js', ['main-scripts'])
|
||||
gulp.watch('./dist/**/*.html').on('change', browserSync.reload);
|
||||
});
|
||||
|
||||
|
||||
gulp.task('build', ['main-scripts', 'vendor-scripts', 'sass', 'fileinclude']);
|
||||
|
||||
gulp.task('default', ['build', 'browser-sync', 'watch']);
|
||||
43
js/_events.js
Normal file
43
js/_events.js
Normal file
@ -0,0 +1,43 @@
|
||||
var cj = cj ? cj : {};
|
||||
(function($) {
|
||||
/**
|
||||
* Publish events using Pub/Sub
|
||||
* @namespace events
|
||||
* @see {@link https://github.com/cowboy/jquery-tiny-pubsub}
|
||||
*/
|
||||
$.extend(cj, {
|
||||
/**
|
||||
* Publish event when the page is ready.
|
||||
* @function pageReady
|
||||
*/
|
||||
pageReady: function() {
|
||||
var self = this;
|
||||
|
||||
$.publish('pageReady_prioritise', self);
|
||||
$.publish('pageReady', self);
|
||||
|
||||
self.pageLoaded();
|
||||
},
|
||||
/**
|
||||
* Publish event when the page has loaded.
|
||||
* @function pageLoaded
|
||||
*/
|
||||
pageLoaded: function() {
|
||||
var self = this;
|
||||
|
||||
self.settings.$window.on('load', function() {
|
||||
|
||||
$.publish('pageLoaded', self);
|
||||
});
|
||||
},
|
||||
/**
|
||||
* Publish event when an AJAX request has finished.
|
||||
* @function ajaxLoaded
|
||||
*/
|
||||
ajaxLoaded: function() {
|
||||
var self = this;
|
||||
|
||||
$.publish('ajaxLoaded', self);
|
||||
}
|
||||
});
|
||||
}(jQuery));
|
||||
3
js/_init.js
Normal file
3
js/_init.js
Normal file
@ -0,0 +1,3 @@
|
||||
$(function(){
|
||||
var init = (cj !== undefined) ? cj.pageReady() : null;
|
||||
});
|
||||
12
js/_settings.js
Normal file
12
js/_settings.js
Normal file
@ -0,0 +1,12 @@
|
||||
var cj = cj ? cj : {};
|
||||
(function($) {
|
||||
$.extend(cj, {
|
||||
settings: {
|
||||
// cache some common variables
|
||||
$window: $(window),
|
||||
$html: $('html'),
|
||||
$body: $('body'),
|
||||
$htmlbody: $('html,body')
|
||||
}
|
||||
});
|
||||
}(jQuery));
|
||||
58
js/fixHeader.js
Normal file
58
js/fixHeader.js
Normal file
@ -0,0 +1,58 @@
|
||||
var cj = cj ? cj : {};
|
||||
(function($) {
|
||||
$.extend(cj, {
|
||||
fixHeader: {
|
||||
// jQuery DOM caching
|
||||
$nav: null,
|
||||
$header: null,
|
||||
// CSS selectors
|
||||
navSelector: '.navigation',
|
||||
headerSelector: '.header',
|
||||
// Classes
|
||||
fixedClass: 'navigation--fixed',
|
||||
// Misc
|
||||
navHeight: 0,
|
||||
headerHeight: 0,
|
||||
|
||||
init: function() {
|
||||
var self = this;
|
||||
|
||||
self.$nav = $(self.navSelector);
|
||||
self.$header = $(self.headerSelector);
|
||||
|
||||
if (!self.$nav || !self.$nav.length) {
|
||||
return;
|
||||
}
|
||||
if (!self.$header || !self.$header.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
self.navHeight = self.$nav.outerHeight();
|
||||
self.headerHeight = self.$header.outerHeight() - self.navHeight;
|
||||
|
||||
self.$navigationClone = self.$nav.clone();
|
||||
self.$navigationClone.addClass('navigation--clone');
|
||||
self.$navigationClone.appendTo(self.$header);
|
||||
self.$navigationClone.hide();
|
||||
|
||||
self.bindEvents();
|
||||
},
|
||||
bindEvents: function() {
|
||||
var self = this;
|
||||
|
||||
$(window).scroll(function () {
|
||||
if ($(this).scrollTop() > self.headerHeight) {
|
||||
self.$nav.addClass(self.fixedClass);
|
||||
self.$navigationClone.show();
|
||||
} else {
|
||||
self.$nav.removeClass(self.fixedClass);
|
||||
self.$navigationClone.hide();
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
$.subscribe('pageReady', function() {
|
||||
cj.fixHeader.init();
|
||||
});
|
||||
}(jQuery));
|
||||
21
js/pageClasses.js
Normal file
21
js/pageClasses.js
Normal file
@ -0,0 +1,21 @@
|
||||
var cj = cj ? cj : {};
|
||||
(function($) {
|
||||
$.extend(cj, {
|
||||
pageReadyClass: function() {
|
||||
var self = this;
|
||||
|
||||
self.settings.$html.addClass('page-ready');
|
||||
},
|
||||
pageLoadedClass: function() {
|
||||
var self = this;
|
||||
|
||||
self.settings.$html.addClass('page-loaded');
|
||||
}
|
||||
});
|
||||
$.subscribe('pageReady', function() {
|
||||
cj.pageReadyClass();
|
||||
});
|
||||
$.subscribe('pageLoaded', function() {
|
||||
cj.pageLoadedClass();
|
||||
});
|
||||
}(jQuery));
|
||||
52
js/scrollTo.js
Normal file
52
js/scrollTo.js
Normal file
@ -0,0 +1,52 @@
|
||||
var cj = cj ? cj : {};
|
||||
(function($) {
|
||||
$.extend(cj, {
|
||||
scrollTo: {
|
||||
// jQuery DOM caching
|
||||
$scrollTo: null,
|
||||
// CSS selectors
|
||||
scrollToSelector: '[data-scroll-to-id]',
|
||||
// Classes
|
||||
// Misc
|
||||
speed: 500,
|
||||
|
||||
init: function() {
|
||||
var self = this;
|
||||
|
||||
self.$scrollTo = $(self.scrollToSelector);
|
||||
|
||||
if (!self.$scrollTo || !self.$scrollTo.length) {
|
||||
return;
|
||||
}
|
||||
|
||||
self.bindEvents();
|
||||
},
|
||||
bindEvents: function() {
|
||||
var self = this;
|
||||
|
||||
self.$scrollTo.on('click', function(e){
|
||||
e.preventDefault();
|
||||
|
||||
self.scrollToId($(this));
|
||||
});
|
||||
},
|
||||
scrollToId: function($trigger) {
|
||||
var self = this,
|
||||
id = $trigger.attr('href'),
|
||||
offset = $trigger.attr('data-scroll-offset') || 0,
|
||||
speed = $trigger.attr('data-scroll-speed') || self.speed;
|
||||
|
||||
// if (history.pushState && window.location.hash !== id) {
|
||||
// history.pushState(null, null, id);
|
||||
// }
|
||||
|
||||
cj.settings.$htmlbody.animate({
|
||||
scrollTop: ($(id).offset().top - offset)
|
||||
}, speed);
|
||||
}
|
||||
}
|
||||
});
|
||||
$.subscribe('pageReady', function() {
|
||||
cj.scrollTo.init();
|
||||
});
|
||||
}(jQuery));
|
||||
18553
package-lock.json
generated
Normal file
18553
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
48
package.json
Normal file
48
package.json
Normal file
@ -0,0 +1,48 @@
|
||||
{
|
||||
"name": "autonomic-cooperative",
|
||||
"description": "",
|
||||
"version": "1.0.0",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "git://https://gitlab.com/autonomic-cooperative/autonomic-cooperative.gitlab.io.git"
|
||||
},
|
||||
"authors": [
|
||||
"Clara Jordan"
|
||||
],
|
||||
"license": "GPL-3.0",
|
||||
"devDependencies": {
|
||||
"breakpoint": "^0.1.6",
|
||||
"browser-sync": "^2.9.6",
|
||||
"generator-breakpoint": "^1.2.2",
|
||||
"gulp": "^3.9.0",
|
||||
"gulp-autoprefixer": "^3.0.1",
|
||||
"gulp-build": "^0.5.3",
|
||||
"gulp-concat": "^2.6.0",
|
||||
"gulp-cssmin": "^0.1.7",
|
||||
"gulp-data": "^1.2.1",
|
||||
"gulp-file-include": "^1.1.0",
|
||||
"gulp-imagemin": "^3.3.0",
|
||||
"gulp-jshint": "^2.0.1",
|
||||
"gulp-nunjucks-render": "^2.2.1",
|
||||
"gulp-pxtorem": "^3.0.0",
|
||||
"gulp-sass": "^2.0.4",
|
||||
"gulp-uglify": "^2.0.0",
|
||||
"gulp-util": "^3.0.7",
|
||||
"gulp-wrap": "^0.11.0",
|
||||
"jshint": "^2.9.3",
|
||||
"jshint-stylish": "^2.2.1",
|
||||
"markdown": "^0.5.0",
|
||||
"node-sass": "^3.13.1",
|
||||
"yo": "^2.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"breakpoint-sass": "~2.6.1",
|
||||
"susy": "~2.2.5",
|
||||
"jquery": "^3.1.1",
|
||||
"jquery-tiny-pubsub": "^0.7.0"
|
||||
}
|
||||
}
|
||||
98
scss/components/header.scss
Normal file
98
scss/components/header.scss
Normal file
@ -0,0 +1,98 @@
|
||||
.header {
|
||||
position: relative;
|
||||
margin-bottom: gutter(6);
|
||||
background: $brand-color-a;
|
||||
color: $brand-white;
|
||||
z-index: $z-mid;
|
||||
|
||||
@include breakpoint($sm) {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.header__inner {
|
||||
padding: 40px 0;
|
||||
overflow: auto;
|
||||
overflow-x: hidden;
|
||||
|
||||
@include breakpoint($md) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 80px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.header__content {
|
||||
width: 100%;
|
||||
|
||||
@include breakpoint($md) {
|
||||
@include span(8);
|
||||
@include last();
|
||||
}
|
||||
}
|
||||
|
||||
.header__title {
|
||||
@extend .h1;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.header__subtitle {
|
||||
@extend .h2;
|
||||
color: mix($brand-color-a, $brand-color-f);
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.header__promo {
|
||||
@include hex__outer;
|
||||
display: none;
|
||||
|
||||
@include breakpoint($md) {
|
||||
display: block;
|
||||
@include span(4);
|
||||
margin-bottom: gutter(8);
|
||||
}
|
||||
}
|
||||
.header__promo__inner {
|
||||
@include hex__middle;
|
||||
}
|
||||
.header__promo__media {
|
||||
@include hex__inner;
|
||||
}
|
||||
|
||||
.header__social {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: stretch;
|
||||
margin-top: 10vh;
|
||||
}
|
||||
|
||||
.header__social__item {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.header__social__link {
|
||||
font-size: 150%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
line-height: 1;
|
||||
padding: 10px;
|
||||
background: tint($brand-color-a, 50%);
|
||||
color: mix($brand-color-a, $brand-color-f, 80%);
|
||||
|
||||
.header__social__item:nth-child(5n) & {
|
||||
background: tint($brand-color-a, 30%);
|
||||
}
|
||||
.header__social__item:nth-child(even) & {
|
||||
background: tint($brand-color-a, 40%);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: tint($brand-color-a, 25%);
|
||||
|
||||
.header__social__item:nth-child(even) &,
|
||||
.header__social__item:nth-child(5n) & {
|
||||
background: tint($brand-color-a, 25%);
|
||||
}
|
||||
}
|
||||
}
|
||||
66
scss/components/navigation.scss
Normal file
66
scss/components/navigation.scss
Normal file
@ -0,0 +1,66 @@
|
||||
.navigation {
|
||||
display: none;
|
||||
|
||||
@include breakpoint($sm) {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
background: $brand-color-f;
|
||||
color: $brand-white;
|
||||
font-size: $font-size-small;
|
||||
font-weight: $font-weight-bold;
|
||||
letter-spacing: 1px;
|
||||
line-height: 1.4;
|
||||
z-index: $z-mid;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: '';
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 25px 45px 0 45px;
|
||||
border-color: $brand-color-f transparent transparent transparent;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navigation--fixed {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: $z-high;
|
||||
}
|
||||
|
||||
.navigation__level-0 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.navigation__item {
|
||||
margin: 0;
|
||||
flex-basis: 15%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.navigation__item--left {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.navigation__item--right {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.navigation__link {
|
||||
display: block;
|
||||
padding: 15px;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: $brand-color-a;
|
||||
}
|
||||
}
|
||||
101
scss/components/promo.scss
Normal file
101
scss/components/promo.scss
Normal file
@ -0,0 +1,101 @@
|
||||
.promo {
|
||||
@include hex__outer;
|
||||
color: $brand-white;
|
||||
margin-bottom: 25%;
|
||||
|
||||
@include breakpoint($sm) {
|
||||
width: 33.333%;
|
||||
margin-left: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
&:nth-of-type(5n-4) {
|
||||
margin-left: 16.666%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.hex-grid--offset & {
|
||||
|
||||
@include breakpoint($md) {
|
||||
&:first-of-type {
|
||||
margin-left: 25%;
|
||||
}
|
||||
|
||||
&:nth-of-type(5n-4) {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&:nth-of-type(7n-3) {
|
||||
margin-left: 16.66667%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.promo__inner {
|
||||
@include hex__middle;
|
||||
}
|
||||
.promo__content {
|
||||
@include hex__inner;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
.promo--closed & {
|
||||
.promo__title,
|
||||
.promo__body {
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
}
|
||||
}
|
||||
.promo__title,
|
||||
.promo__body {
|
||||
width: 100%;
|
||||
padding: 5%;
|
||||
box-sizing: border-box;
|
||||
background-color: fade-out($brand-color-e, 0.1);
|
||||
font-weight: 300;
|
||||
transition: transform .2s ease-in-out, opacity .3s ease-in-out;
|
||||
}
|
||||
.promo__title {
|
||||
margin-bottom: 0;
|
||||
bottom: 55%;
|
||||
padding-top: 50%;
|
||||
|
||||
@include breakpoint($sm) {
|
||||
transform: translate3d(0,-100%,0);
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 45%;
|
||||
width: 10%;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #fff;
|
||||
}
|
||||
}
|
||||
.promo__body {
|
||||
top: 45%;
|
||||
padding-bottom: 50%;
|
||||
|
||||
@include breakpoint($sm) {
|
||||
transform: translate3d(0,100%,0);
|
||||
}
|
||||
}
|
||||
|
||||
.promo__media {
|
||||
mix-blend-mode: overlay;
|
||||
}
|
||||
|
||||
@each $index, $color in $brand-colors {
|
||||
.promo--theme-#{$index} {
|
||||
.promo__content {
|
||||
background-color: fade-out($color, 0.7);
|
||||
}
|
||||
|
||||
.promo__title,
|
||||
.promo__body {
|
||||
background-color: fade-out(shade($color, 15%), 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
47
scss/components/section.scss
Normal file
47
scss/components/section.scss
Normal file
@ -0,0 +1,47 @@
|
||||
.section {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.section__title {
|
||||
@extend .h3;
|
||||
}
|
||||
|
||||
.section--style-a {
|
||||
float: left;
|
||||
margin-top: 50px;
|
||||
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.section__block--a {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
@include breakpoint($md) {
|
||||
width: 100%;
|
||||
margin-bottom: 5%;
|
||||
|
||||
+ .section--style-a {
|
||||
margin-top: -11.5%
|
||||
}
|
||||
|
||||
.section__block--a {
|
||||
@include span(3);
|
||||
padding-top: 7vw;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.section__block--b {
|
||||
@include span(9);
|
||||
@include last()
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint($xl) {
|
||||
.section__block--a {
|
||||
padding-top: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
18
scss/style.scss
Normal file
18
scss/style.scss
Normal file
@ -0,0 +1,18 @@
|
||||
@import "../node_modules/susy/sass/susy";
|
||||
@import "../node_modules/breakpoint-sass/stylesheets/breakpoint";
|
||||
|
||||
@import 'utilities/reset';
|
||||
@import 'utilities/variables';
|
||||
@import 'utilities/global';
|
||||
@import 'utilities/typography';
|
||||
@import 'utilities/fonts';
|
||||
@import 'utilities/icons';
|
||||
@import 'utilities/layout_utilities';
|
||||
@import 'utilities/color_utilities';
|
||||
@import 'utilities/monitor_mq';
|
||||
@import 'utilities/hex';
|
||||
|
||||
@import 'components/header';
|
||||
@import 'components/navigation';
|
||||
@import 'components/promo';
|
||||
@import 'components/section';
|
||||
49
scss/utilities/_color_utilities.scss
Normal file
49
scss/utilities/_color_utilities.scss
Normal file
@ -0,0 +1,49 @@
|
||||
@function dynamic-color($color, $lightness: 50, $dark-color: $text-color, $light-color: $brand-white) {
|
||||
@if (lightness($color) > $lightness){
|
||||
@return $dark-color; // Lighter background, return dark color
|
||||
}
|
||||
@else {
|
||||
@return $light-color; // Darker background, return light color
|
||||
}
|
||||
}
|
||||
@function paired-color($brand-color) {
|
||||
$return-color: dynamic-color($brand-color) !default;
|
||||
|
||||
@if ($brand-color == $brand-color-d){
|
||||
$return-color: $brand-color-a;
|
||||
}
|
||||
@if ($brand-color == $brand-color-e){
|
||||
$return-color: $brand-color-b;
|
||||
}
|
||||
@if ($brand-color == $brand-color-f){
|
||||
$return-color: $brand-color-c;
|
||||
}
|
||||
|
||||
@return $return-color;
|
||||
}
|
||||
|
||||
@function tint($color, $percentage) {
|
||||
@return mix(#fff, $color, $percentage);
|
||||
}
|
||||
|
||||
@function shade($color, $percentage) {
|
||||
@return mix(#000, $color, $percentage);
|
||||
}
|
||||
|
||||
@mixin placeholder($color) {
|
||||
&:-moz-placeholder {
|
||||
color: $color; // Firefox 4-18
|
||||
}
|
||||
|
||||
&::-moz-placeholder {
|
||||
color: $color; // Firefox 19+
|
||||
}
|
||||
|
||||
&:-ms-input-placeholder {
|
||||
color: $color; // Internet Explorer 10+
|
||||
}
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: $color; // Safari and Chrome
|
||||
}
|
||||
}
|
||||
0
scss/utilities/_fonts.scss
Normal file
0
scss/utilities/_fonts.scss
Normal file
59
scss/utilities/_global.scss
Normal file
59
scss/utilities/_global.scss
Normal file
@ -0,0 +1,59 @@
|
||||
* {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
word-wrap: break-word;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
min-height: 100%;
|
||||
margin-top: 0 !important;
|
||||
|
||||
background: $background-color;
|
||||
|
||||
overflow-x: hidden;
|
||||
|
||||
font-size: 100%;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
// Disable iOS/WinMobile font size changes
|
||||
@include breakpoint(max-width $breakpoint-xs-width-max) {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.rtl {
|
||||
text-align: right;
|
||||
|
||||
svg {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
color: $text-color;
|
||||
|
||||
font-family: $font-family-base;
|
||||
font-size: $font-size-base;
|
||||
font-weight: $font-weight-regular;
|
||||
line-height: $line-height-base;
|
||||
}
|
||||
|
||||
.content {
|
||||
font-weight: $font-weight-light;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
@include container;
|
||||
width: $max-width;
|
||||
padding: 0 40px;
|
||||
}
|
||||
61
scss/utilities/_hex.scss
Normal file
61
scss/utilities/_hex.scss
Normal file
@ -0,0 +1,61 @@
|
||||
.hex-grid {
|
||||
@include breakpoint($sm) {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
padding-bottom: 6.6%
|
||||
}
|
||||
}
|
||||
|
||||
@mixin hex__outer {
|
||||
position: relative;
|
||||
visibility: hidden;
|
||||
outline: 1px solid transparent;
|
||||
|
||||
&::after {
|
||||
content:'';
|
||||
display: block;
|
||||
padding-bottom: 86.602%; // = 100 / tan(60) * 1.5
|
||||
}
|
||||
}
|
||||
|
||||
@mixin hex__middle {
|
||||
position: absolute;
|
||||
width: 92%;
|
||||
padding-bottom: 106.232%; // width / sin(60)
|
||||
margin: 0 1%;
|
||||
overflow: hidden;
|
||||
outline: 1px solid transparent;
|
||||
transform: rotate3d(0,0,1,-60deg) skewY(30deg);
|
||||
|
||||
> * {
|
||||
position: absolute;
|
||||
visibility: visible;
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
@mixin hex__inner {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
transform: skewY(-30deg) rotate3d(0,0,1,60deg);
|
||||
|
||||
img {
|
||||
left: -100%;
|
||||
right: -100%;
|
||||
min-width: 100%;
|
||||
height: 100%;
|
||||
max-width: 200%;
|
||||
margin: 0 auto;
|
||||
transform: rotate3d(0,0,0,0deg);
|
||||
}
|
||||
|
||||
> * {
|
||||
position: absolute;
|
||||
visibility: visible;
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
}
|
||||
104
scss/utilities/_icons.scss
Normal file
104
scss/utilities/_icons.scss
Normal file
@ -0,0 +1,104 @@
|
||||
$icons: (
|
||||
flickr: "\eaa3",
|
||||
flickr2: "\eaa4",
|
||||
github: "\eab0",
|
||||
lastfm: "\eacb",
|
||||
envelope-o: "\f003",
|
||||
twitter: "\f099",
|
||||
facebook: "\f09a",
|
||||
facebook-f: "\f09a",
|
||||
pinterest: "\f0d2",
|
||||
google-plus: "\f0d5",
|
||||
envelope: "\f0e0",
|
||||
linkedin: "\f0e1",
|
||||
rss-square: "\f143",
|
||||
youtube: "\f167",
|
||||
xing: "\f168",
|
||||
youtube-play: "\f16a",
|
||||
dropbox: "\f16b",
|
||||
instagram: "\f16d",
|
||||
tumblr: "\f173",
|
||||
foursquare: "\f180",
|
||||
vk: "\f189",
|
||||
weibo: "\f18a",
|
||||
renren: "\f18b",
|
||||
google: "\f1a0",
|
||||
stumbleupon: "\f1a4",
|
||||
delicious: "\f1a5",
|
||||
digg: "\f1a6",
|
||||
file-pdf-o: "\f1c1",
|
||||
file-word-o: "\f1c2",
|
||||
file-excel-o: "\f1c3",
|
||||
file-powerpoint-o: "\f1c4",
|
||||
vine: "\f1ca",
|
||||
tencent-weibo: "\f1d5",
|
||||
qq: "\f1d6",
|
||||
wechat: "\f1d7",
|
||||
weixin: "\f1d7",
|
||||
paper-plane: "\f1d8",
|
||||
send: "\f1d8",
|
||||
paper-plane-o: "\f1d9",
|
||||
send-o: "\f1d9",
|
||||
pinterest-p: "\f231",
|
||||
medium: "\f23a",
|
||||
tripadvisor: "\f262",
|
||||
vimeo: "\f27d",
|
||||
snapchat-ghost: "\f2ac",
|
||||
meetup: "\f2e0"
|
||||
);
|
||||
|
||||
// For adding font icons to elements using CSS pseudo-elements
|
||||
// http://jaydenseric.com/blog/fun-with-sass-and-font-icons
|
||||
@mixin icon($position: before, $icon: false, $styles: true) {
|
||||
|
||||
@if $position == both {
|
||||
$position: 'before, &:after';
|
||||
}
|
||||
// Either a :before or :after pseudo-element, or both, defaulting to :before
|
||||
&:#{$position} {
|
||||
@if $icon {
|
||||
// A particular icon has been specified
|
||||
content: "#{map-get($icons, $icon)}";
|
||||
}
|
||||
@if $styles {
|
||||
// Supportive icon styles required
|
||||
vertical-align: middle;
|
||||
text-transform: none;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-family: '#{$icon-font}';
|
||||
line-height: 1;
|
||||
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
// Include any extra rules supplied for the pseudo-element
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-family: '#{$icon-font}';
|
||||
src:url('#{$directory-fonts}/#{$icon-font}/#{$icon-font}.eot?-gfwsty');
|
||||
src:url('#{$directory-fonts}/#{$icon-font}/#{$icon-font}.eot?#iefix-gfwsty') format('embedded-opentype'),
|
||||
url('#{$directory-fonts}/#{$icon-font}/#{$icon-font}.ttf?-gfwsty') format('truetype'),
|
||||
url('#{$directory-fonts}/#{$icon-font}/#{$icon-font}.woff?-gfwsty') format('woff'),
|
||||
url('#{$directory-fonts}/#{$icon-font}/#{$icon-font}.svg?-gfwsty##{$icon-font}') format('svg');
|
||||
}
|
||||
|
||||
// Set the required styles on all icons
|
||||
[class^="icon--"],
|
||||
[class*=" icon--"] {
|
||||
@include icon;
|
||||
}
|
||||
|
||||
// Setup a class name for each icon
|
||||
@each $name, $char in $icons {
|
||||
.icon--#{$name} {
|
||||
@include icon(before, $name, false);
|
||||
}
|
||||
}
|
||||
53
scss/utilities/_layout_utilities.scss
Normal file
53
scss/utilities/_layout_utilities.scss
Normal file
@ -0,0 +1,53 @@
|
||||
.visually-hidden {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
clip: rect(0 0 0 0);
|
||||
height: 1px;
|
||||
width: 1px;
|
||||
margin: -1px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
@mixin hidden-xs {
|
||||
@include breakpoint(max-width $breakpoint-sm-width) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin hidden-sm {
|
||||
@include breakpoint($breakpoint-sm-width $breakpoint-sm-width-max) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@mixin hidden-md {
|
||||
@include breakpoint($breakpoint-md-width $breakpoint-md-width-max) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin hidden-lg {
|
||||
@include breakpoint($breakpoint-lg-width) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin with-rtl($padding-end: null) {
|
||||
@content;
|
||||
|
||||
@if $padding-end != null {
|
||||
padding-right: $padding-end;
|
||||
}
|
||||
|
||||
.rtl & {
|
||||
@include with-layout(rtl) {
|
||||
@content;
|
||||
|
||||
@if $padding-end != null {
|
||||
padding-left: $padding-end;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
27
scss/utilities/_monitor_mq.scss
Normal file
27
scss/utilities/_monitor_mq.scss
Normal file
@ -0,0 +1,27 @@
|
||||
// for monitor-mq.js
|
||||
.monitor-mq {
|
||||
display: block;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: -9999em;
|
||||
left: -9999em;
|
||||
// smallest
|
||||
width: $sm;
|
||||
|
||||
@include breakpoint($md) {
|
||||
width: $md;
|
||||
}
|
||||
|
||||
@include breakpoint($lg) {
|
||||
width: $lg;
|
||||
}
|
||||
|
||||
@include breakpoint($xl) {
|
||||
width: $xl;
|
||||
}
|
||||
|
||||
@include breakpoint($xxl) {
|
||||
width: $xxl;
|
||||
}
|
||||
}
|
||||
1
scss/utilities/_reset.scss
Normal file
1
scss/utilities/_reset.scss
Normal file
@ -0,0 +1 @@
|
||||
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}body { line-height: 1;}ol, ul { list-style: none;}blockquote, q { quotes: none;}blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}table { border-collapse: collapse; border-spacing: 0;}
|
||||
78
scss/utilities/_typography.scss
Normal file
78
scss/utilities/_typography.scss
Normal file
@ -0,0 +1,78 @@
|
||||
p {
|
||||
margin-bottom: 15px;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
|
||||
&[href^=tel] {
|
||||
direction: ltr;
|
||||
unicode-bidi: embed;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.h1,
|
||||
.h2,
|
||||
.h3,
|
||||
.h4,
|
||||
.h5 {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
font-weight: $font-weight-regular;
|
||||
font-family: $font-family-heading;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.h1 {
|
||||
font-size: 30px;
|
||||
font-size: calc(20px + 2vw);
|
||||
|
||||
@include breakpoint($xl) {
|
||||
font-size: 48px;
|
||||
}
|
||||
}
|
||||
|
||||
.h2 {
|
||||
font-size: 22px;
|
||||
font-size: calc(18px + 0.7vw);
|
||||
|
||||
@include breakpoint($xl) {
|
||||
font-size: 28px;
|
||||
}
|
||||
}
|
||||
.h3 {
|
||||
font-size: 18px;
|
||||
font-size: calc(16px + 0.6vw);
|
||||
|
||||
@include breakpoint($xl) {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
.h4 {
|
||||
font-size: 16px;
|
||||
font-size: calc(16px + 0.5vw);
|
||||
|
||||
@include breakpoint($lg) {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
.h5 {
|
||||
font-size: 15px;
|
||||
font-size: calc(15px + 0.25vw);
|
||||
|
||||
@include breakpoint($lg) {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
.h6 {
|
||||
font-size: $font-size-base;
|
||||
}
|
||||
86
scss/utilities/_variables.scss
Normal file
86
scss/utilities/_variables.scss
Normal file
@ -0,0 +1,86 @@
|
||||
$susy: (
|
||||
columns: 12,
|
||||
gutters: 1,
|
||||
math: fluid,
|
||||
output: float,
|
||||
gutter-position: after
|
||||
// debug: (image: show)
|
||||
);
|
||||
|
||||
// break points
|
||||
$breakpoint-xs-width: 480px;
|
||||
$breakpoint-sm-width: 800px;
|
||||
$breakpoint-md-width: 1080px;
|
||||
$breakpoint-lg-width: 1200px;
|
||||
$breakpoint-xl-width: 1400px;
|
||||
$breakpoint-xxl-width: 1920px;
|
||||
|
||||
//aliases
|
||||
$xs: $breakpoint-xs-width;
|
||||
$sm: $breakpoint-sm-width;
|
||||
$md: $breakpoint-md-width;
|
||||
$lg: $breakpoint-lg-width;
|
||||
$xl: $breakpoint-xl-width;
|
||||
$xxl: $breakpoint-xxl-width;
|
||||
|
||||
$breakpoint-xxs-width-max: $xs - 1;
|
||||
$breakpoint-xs-width-max: $sm - 1;
|
||||
$breakpoint-sm-width-max: $md - 1;
|
||||
$breakpoint-md-width-max: $lg - 1;
|
||||
$breakpoint-lg-width-max: $xl - 1;
|
||||
$breakpoint-xl-width-max: $xxl - 1;
|
||||
|
||||
$retina-query: (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi);
|
||||
|
||||
$max-width: $xl;
|
||||
|
||||
// Colors
|
||||
$brand-color-a: #0da8ad;
|
||||
$brand-color-b: #FFC56C;
|
||||
$brand-color-c: #003A6F;
|
||||
$brand-color-d: #FF5959;
|
||||
$brand-color-e: #814374;
|
||||
$brand-color-f: #323232;
|
||||
$brand-color-g: #777777;
|
||||
|
||||
$brand-colors: (
|
||||
a: $brand-color-a,
|
||||
b: $brand-color-b,
|
||||
c: $brand-color-c,
|
||||
d: $brand-color-d,
|
||||
e: $brand-color-e,
|
||||
f: $brand-color-f
|
||||
);
|
||||
|
||||
$brand-white: #FFF;
|
||||
$brand-black: #000;
|
||||
|
||||
$text-color: #333 !default;
|
||||
$background-color: #f9f9f9;
|
||||
|
||||
// Typography
|
||||
$font-family-sans-serif: 'Didact Gothic', Helvetica, Arial, sans-serif;
|
||||
$font-family-serif: 'Georgia Pro', Georgia, Times, serif;
|
||||
$font-family-mono: 'Anonymous Pro', 'Droid Sans Mono', 'DejaVu Sans Mono', Monaco, Consolas, 'Lucida Console', Courier, monospace;
|
||||
$font-family-base: $font-family-sans-serif;
|
||||
$font-family-heading: 'Ubuntu', $font-family-sans-serif;
|
||||
$icon-font: 'icomoon';
|
||||
$directory-fonts: './fonts';
|
||||
|
||||
// Font Sizing
|
||||
$font-size-base: 16px;
|
||||
$line-height-base: 1.8;
|
||||
$font-size-small: 14px;
|
||||
|
||||
$font-weight-bold: 700;
|
||||
$font-weight-medium: 500;
|
||||
$font-weight-regular: 400;
|
||||
$font-weight-light: 100;
|
||||
|
||||
// z-index
|
||||
$z-below: 0;
|
||||
$z-base: 1;
|
||||
$z-small: 5;
|
||||
$z-mid: 10;
|
||||
$z-high: 100;
|
||||
$z-super: 1000;
|
||||
139
src/data/en.json
Normal file
139
src/data/en.json
Normal file
@ -0,0 +1,139 @@
|
||||
{
|
||||
"index": {
|
||||
"promo_blocks": {
|
||||
"web-dev": {
|
||||
"nav_title": "Web Development",
|
||||
"title": "Web Development Work",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada ipsum consequat faucibus eleifend. Donec sagittis ultrices euismod. Donec rutrum turpis ut rutrum tristique.",
|
||||
"promos": [
|
||||
{
|
||||
"class": "promo--theme-e",
|
||||
"img": "/img/trib3.jpg",
|
||||
"title": "TRIB3",
|
||||
"body": "Ruby on Rails site for a gym franchise",
|
||||
"url": "//trib3.co.uk/"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-c",
|
||||
"img": "/img/bep.png",
|
||||
"title": "Black Eye Project",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "http://theblackeyeproject.co.uk/"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-b",
|
||||
"img": "/img/universal.jpg",
|
||||
"title": "Universal Square",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "http://www.universalsquare.co.uk/"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-d",
|
||||
"img": "http://shamal2017.dev.theblackeyeproject.co.uk/img/pages/projects.jpg",
|
||||
"title": "Shamal Group",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "//shamal2017.dev.theblackeyeproject.co.uk/"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-a",
|
||||
"img": "/img/shelborn2.jpg",
|
||||
"title": "Shelborn Asset Management",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "http://shelborn.com/"
|
||||
}
|
||||
]
|
||||
},
|
||||
"open-source": {
|
||||
"nav_title": "Open Source",
|
||||
"title": "Open Source",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada ipsum consequat faucibus eleifend. Donec sagittis ultrices euismod. Donec rutrum turpis ut rutrum tristique.",
|
||||
"promos": [
|
||||
{
|
||||
"class": "promo--theme-c",
|
||||
"img": "/img/sheffugees.png",
|
||||
"title": "Asylum Journey",
|
||||
"body": "Angular app to match asylum seekers in Sheffield with help services. Part of Sheffugees.",
|
||||
"url": "http://asylumjourney.sheffugees.org/"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-e",
|
||||
"img": "",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-b",
|
||||
"img": "/img/cyclespoons.png",
|
||||
"title": "Cyclespoons",
|
||||
"body": "Map of Weatherspoons locations for long-distance cyclists",
|
||||
"url": "https://cyclespoons.herokuapp.com/"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-a",
|
||||
"img": "",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-d",
|
||||
"img": "",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
"uni": {
|
||||
"nav_title": "Open University",
|
||||
"title": "Open University Projects",
|
||||
"promos": [
|
||||
{
|
||||
"class": "promo--theme-e",
|
||||
"img": "",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-c",
|
||||
"img": "",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
"music": {
|
||||
"nav_title": "Music",
|
||||
"title": "Music",
|
||||
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras malesuada ipsum consequat faucibus eleifend. Donec sagittis ultrices euismod. Donec rutrum turpis ut rutrum tristique.",
|
||||
"offset": true,
|
||||
"promos": [
|
||||
{
|
||||
"class": "promo--theme-a",
|
||||
"img": "http://deeprootsmag.org/wp-content/uploads/2012/11/foghorn-stringband1.jpg",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-d",
|
||||
"img": "",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
},
|
||||
{
|
||||
"class": "promo--theme-b",
|
||||
"img": "",
|
||||
"title": "This is a title",
|
||||
"body": "Some sample text about the article this hexagon leads to",
|
||||
"url": "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
src/fonts/icomoon/icomoon.eot
Normal file
BIN
src/fonts/icomoon/icomoon.eot
Normal file
Binary file not shown.
52
src/fonts/icomoon/icomoon.svg
Normal file
52
src/fonts/icomoon/icomoon.svg
Normal file
@ -0,0 +1,52 @@
|
||||
<?xml version="1.0" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
|
||||
<svg xmlns="http://www.w3.org/2000/svg">
|
||||
<metadata>Generated by IcoMoon</metadata>
|
||||
<defs>
|
||||
<font id="icomoon" horiz-adv-x="1024">
|
||||
<font-face units-per-em="1024" ascent="960" descent="-64" />
|
||||
<missing-glyph horiz-adv-x="1024" />
|
||||
<glyph unicode=" " horiz-adv-x="512" d="" />
|
||||
<glyph unicode="" glyph-name="flickr" d="M0 416c0 123.712 100.288 224 224 224s224-100.288 224-224c0-123.712-100.288-224-224-224s-224 100.288-224 224zM576 416c0 123.712 100.288 224 224 224s224-100.288 224-224c0-123.712-100.288-224-224-224s-224 100.288-224 224z" />
|
||||
<glyph unicode="" glyph-name="flickr2" d="M800 544c-70.58 0-128-57.42-128-128s57.42-128 128-128c70.58 0 128 57.42 128 128s-57.42 128-128 128zM800 640v0c123.71 0 224-100.288 224-224 0-123.71-100.29-224-224-224s-224 100.29-224 224c0 123.712 100.29 224 224 224zM0 416c0 123.712 100.288 224 224 224s224-100.288 224-224c0-123.712-100.288-224-224-224s-224 100.288-224 224z" />
|
||||
<glyph unicode="" glyph-name="github" d="M512.008 947.358c-282.738 0-512.008-229.218-512.008-511.998 0-226.214 146.704-418.132 350.136-485.836 25.586-4.738 34.992 11.11 34.992 24.632 0 12.204-0.48 52.542-0.696 95.324-142.448-30.976-172.504 60.41-172.504 60.41-23.282 59.176-56.848 74.916-56.848 74.916-46.452 31.778 3.51 31.124 3.51 31.124 51.4-3.61 78.476-52.766 78.476-52.766 45.672-78.27 119.776-55.64 149.004-42.558 4.588 33.086 17.852 55.68 32.506 68.464-113.73 12.942-233.276 56.85-233.276 253.032 0 55.898 20.004 101.574 52.76 137.428-5.316 12.9-22.854 64.972 4.952 135.5 0 0 43.006 13.752 140.84-52.49 40.836 11.348 84.636 17.036 128.154 17.234 43.502-0.198 87.336-5.886 128.256-17.234 97.734 66.244 140.656 52.49 140.656 52.49 27.872-70.528 10.35-122.6 5.036-135.5 32.82-35.856 52.694-81.532 52.694-137.428 0-196.654-119.778-239.95-233.79-252.624 18.364-15.89 34.724-47.046 34.724-94.812 0-68.508-0.596-123.644-0.596-140.508 0-13.628 9.222-29.594 35.172-24.566 203.322 67.776 349.842 259.626 349.842 485.768 0 282.78-229.234 511.998-511.992 511.998z" />
|
||||
<glyph unicode="" glyph-name="lastfm" d="M451.6 193.8l-37.6 102c0 0-61-68-152.4-68-81 0-138.4 70.4-138.4 183 0 144.2 72.8 195.8 144.2 195.8 103.2 0 136-66.8 164.2-152.4l37.6-117.2c37.6-113.8 108-205.2 310.8-205.2 145.4 0 244 44.6 244 161.8 0 95-54 144.2-154.8 167.8l-75 16.4c-51.6 11.8-66.8 32.8-66.8 68 0 39.8 31.6 63.4 83.2 63.4 56.4 0 86.8-21.2 91.4-71.6l117.2 14c-9.4 105.6-82.2 149-201.8 149-105.6 0-208.8-39.8-208.8-167.8 0-79.8 38.8-130.2 136-153.6l79.8-18.8c59.8-14 79.8-38.8 79.8-72.8 0-43.4-42.2-61-122-61-118.4 0-167.8 62.2-195.8 147.8l-38.8 117.2c-49 152.6-127.6 208.8-283.6 208.8-172.4 0-264-109-264-294.4 0-178.2 91.4-274.4 255.8-274.4 132.4 0 195.8 62.2 195.8 62.2v0z" />
|
||||
<glyph unicode="" glyph-name="envelope-o" d="M950.857 91.428v438.857c-12-13.714-25.143-26.286-39.429-37.714-81.714-62.857-164-126.857-243.429-193.143-42.857-36-96-80-155.429-80h-1.143c-59.429 0-112.571 44-155.429 80-79.429 66.286-161.714 130.286-243.429 193.143-14.286 11.429-27.429 24-39.429 37.714v-438.857c0-9.714 8.571-18.286 18.286-18.286h841.143c9.714 0 18.286 8.571 18.286 18.286zM950.857 692c0 14.286 3.429 39.429-18.286 39.429h-841.143c-9.714 0-18.286-8.571-18.286-18.286 0-65.143 32.571-121.714 84-162.286 76.571-60 153.143-120.571 229.143-181.143 30.286-24.571 85.143-77.143 125.143-77.143h1.143c40 0 94.857 52.571 125.143 77.143 76 60.571 152.571 121.143 229.143 181.143 37.143 29.143 84 92.571 84 141.143zM1024 713.143v-621.714c0-50.286-41.143-91.429-91.429-91.429h-841.143c-50.286 0-91.429 41.143-91.429 91.429v621.714c0 50.286 41.143 91.429 91.429 91.429h841.143c50.286 0 91.429-41.143 91.429-91.429z" />
|
||||
<glyph unicode="" glyph-name="twitter" horiz-adv-x="951" d="M925.714 717.714c-25.143-36.571-56.571-69.143-92.571-95.429 0.571-8 0.571-16 0.571-24 0-244-185.714-525.143-525.143-525.143-104.571 0-201.714 30.286-283.429 82.857 14.857-1.714 29.143-2.286 44.571-2.286 86.286 0 165.714 29.143 229.143 78.857-81.143 1.714-149.143 54.857-172.571 128 11.429-1.714 22.857-2.857 34.857-2.857 16.571 0 33.143 2.286 48.571 6.286-84.571 17.143-148 91.429-148 181.143v2.286c24.571-13.714 53.143-22.286 83.429-23.429-49.714 33.143-82.286 89.714-82.286 153.714 0 34.286 9.143 65.714 25.143 93.143 90.857-112 227.429-185.143 380.571-193.143-2.857 13.714-4.571 28-4.571 42.286 0 101.714 82.286 184.571 184.571 184.571 53.143 0 101.143-22.286 134.857-58.286 41.714 8 81.714 23.429 117.143 44.571-13.714-42.857-42.857-78.857-81.143-101.714 37.143 4 73.143 14.286 106.286 28.571z" />
|
||||
<glyph unicode="" glyph-name="facebook, facebook-f" horiz-adv-x="602" d="M548 944v-150.857h-89.714c-70.286 0-83.429-33.714-83.429-82.286v-108h167.429l-22.286-169.143h-145.143v-433.714h-174.857v433.714h-145.714v169.143h145.714v124.571c0 144.571 88.571 223.429 217.714 223.429 61.714 0 114.857-4.571 130.286-6.857z" />
|
||||
<glyph unicode="" glyph-name="pinterest" horiz-adv-x="878" d="M877.714 438.857c0-242.286-196.571-438.857-438.857-438.857-43.429 0-84.571 6.286-124.571 18.286 16.571 26.286 35.429 60 44.571 93.714 0 0 5.143 19.429 30.857 120.571 14.857-29.143 59.429-54.857 106.857-54.857 141.143 0 237.143 128.571 237.143 301.143 0 129.714-110.286 251.429-278.286 251.429-208 0-313.143-149.714-313.143-274.286 0-75.429 28.571-142.857 89.714-168 9.714-4 18.857 0 21.714 11.429 2.286 7.429 6.857 26.857 9.143 34.857 2.857 11.429 1.714 14.857-6.286 24.571-17.714 21.143-29.143 48-29.143 86.286 0 110.857 82.857 210.286 216 210.286 117.714 0 182.857-72 182.857-168.571 0-126.286-56-233.143-139.429-233.143-45.714 0-80 37.714-69.143 84.571 13.143 55.429 38.857 115.429 38.857 155.429 0 36-19.429 66.286-59.429 66.286-46.857 0-84.571-48.571-84.571-113.714 0 0 0-41.714 14.286-69.714-48-203.429-56.571-238.857-56.571-238.857-8-33.143-8.571-70.286-7.429-101.143-154.857 68-262.857 222.286-262.857 402.286 0 242.286 196.571 438.857 438.857 438.857s438.857-196.571 438.857-438.857z" />
|
||||
<glyph unicode="" glyph-name="google-plus" horiz-adv-x="1317" d="M821.143 429.143c0-239.429-160.571-409.143-402.286-409.143-231.429 0-418.857 187.429-418.857 418.857s187.429 418.857 418.857 418.857c113.143 0 207.429-41.143 280.571-109.714l-113.714-109.143c-30.857 29.714-85.143 64.571-166.857 64.571-142.857 0-259.429-118.286-259.429-264.571s116.571-264.571 259.429-264.571c165.714 0 228 119.429 237.714 180.571h-237.714v144h395.429c4-21.143 6.857-42.286 6.857-69.714zM1316.571 498.857v-120h-119.429v-119.429h-120v119.429h-119.429v120h119.429v119.429h120v-119.429h119.429z" />
|
||||
<glyph unicode="" glyph-name="envelope" d="M1024 545.143v-453.714c0-50.286-41.143-91.429-91.429-91.429h-841.143c-50.286 0-91.429 41.143-91.429 91.429v453.714c17.143-18.857 36.571-35.429 57.714-49.714 94.857-64.571 190.857-129.143 284-197.143 48-35.429 107.429-78.857 169.714-78.857h1.143c62.286 0 121.714 43.429 169.714 78.857 93.143 67.429 189.143 132.571 284.571 197.143 20.571 14.286 40 30.857 57.143 49.714zM1024 713.143c0-64-47.429-121.714-97.714-156.571-89.143-61.714-178.857-123.429-267.429-185.714-37.143-25.714-100-78.286-146.286-78.286h-1.143c-46.286 0-109.143 52.571-146.286 78.286-88.571 62.286-178.286 124-266.857 185.714-40.571 27.429-98.286 92-98.286 144 0 56 30.286 104 91.429 104h841.143c49.714 0 91.429-41.143 91.429-91.429z" />
|
||||
<glyph unicode="" glyph-name="linkedin" horiz-adv-x="878" d="M199.429 593.714v-566.286h-188.571v566.286h188.571zM211.429 768.571c0.571-54.286-40.571-97.714-106.286-97.714v0h-1.143c-63.429 0-104 43.429-104 97.714 0 55.429 42.286 97.714 106.286 97.714 64.571 0 104.571-42.286 105.143-97.714zM877.714 352v-324.571h-188v302.857c0 76-27.429 128-95.429 128-52 0-82.857-34.857-96.571-68.571-4.571-12.571-6.286-29.143-6.286-46.286v-316h-188c2.286 513.143 0 566.286 0 566.286h188v-82.286h-1.143c24.571 38.857 69.143 95.429 170.857 95.429 124 0 216.571-81.143 216.571-254.857z" />
|
||||
<glyph unicode="" glyph-name="rss-square" horiz-adv-x="878" d="M292.571 219.428c0 40.571-32.571 73.143-73.143 73.143s-73.143-32.571-73.143-73.143 32.571-73.143 73.143-73.143 73.143 32.571 73.143 73.143zM493.143 165.714c-9.714 177.143-150.286 317.714-327.429 327.429-5.143 0.571-10.286-1.714-13.714-5.143s-5.714-8-5.714-13.143v-73.143c0-9.714 7.429-17.714 17.143-18.286 117.143-8.571 211.429-102.857 220-220 0.571-9.714 8.571-17.143 18.286-17.143h73.143c5.143 0 9.714 2.286 13.143 5.714s5.714 8.571 5.143 13.714zM712.571 165.143c-9.714 297.143-250.286 537.714-547.429 547.429-5.714 0.571-9.714-1.143-13.143-5.143-3.429-3.429-5.714-8-5.714-13.143v-73.143c0-9.714 8-17.714 17.714-18.286 237.143-8.571 430.286-201.714 438.857-438.857 0.571-9.714 8.571-17.714 18.286-17.714h73.143c5.143 0 9.714 2.286 13.143 5.714 4 3.429 5.714 8 5.143 13.143zM877.714 713.143v-548.571c0-90.857-73.714-164.571-164.571-164.571h-548.571c-90.857 0-164.571 73.714-164.571 164.571v548.571c0 90.857 73.714 164.571 164.571 164.571h548.571c90.857 0 164.571-73.714 164.571-164.571z" />
|
||||
<glyph unicode="" glyph-name="youtube" horiz-adv-x="878" d="M554.857 240v-120.571c0-25.714-7.429-38.286-22.286-38.286-8.571 0-17.143 4-25.714 12.571v172c8.571 8.571 17.143 12.571 25.714 12.571 14.857 0 22.286-13.143 22.286-38.286zM748 239.428v-26.286h-51.429v26.286c0 25.714 8.571 38.857 25.714 38.857s25.714-13.143 25.714-38.857zM196 364h61.143v53.714h-178.286v-53.714h60v-325.143h57.143v325.143zM360.571 38.857h50.857v282.286h-50.857v-216c-11.429-16-22.286-24-32.571-24-6.857 0-10.857 4-12 12-0.571 1.714-0.571 8-0.571 20v208h-50.857v-223.429c0-20 1.714-33.143 4.571-41.714 4.571-14.286 16.571-21.143 33.143-21.143 18.286 0 37.714 11.429 58.286 34.857v-30.857zM605.714 123.428v112.571c0 26.286-1.143 45.143-5.143 56.571-6.286 21.143-20.571 32-40.571 32-18.857 0-36.571-10.286-53.143-30.857v124h-50.857v-378.857h50.857v27.429c17.143-21.143 34.857-31.429 53.143-31.429 20 0 34.286 10.857 40.571 31.429 4 12 5.143 30.857 5.143 57.143zM798.857 129.143v7.429h-52c0-20.571-0.571-32-1.143-34.857-2.857-13.714-10.286-20.571-22.857-20.571-17.714 0-26.286 13.143-26.286 39.429v49.714h102.286v58.857c0 30.286-5.143 52-15.429 66.286-14.857 19.429-34.857 29.143-60.571 29.143-26.286 0-46.286-9.714-61.143-29.143-10.857-14.286-16-36-16-66.286v-98.857c0-30.286 5.714-52.571 16.571-66.286 14.857-19.429 34.857-29.143 61.714-29.143s48 10.286 61.714 30.286c6.286 9.143 10.857 19.429 12 30.857 1.143 5.143 1.143 16.571 1.143 33.143zM451.429 650.857v120c0 26.286-7.429 39.429-24.571 39.429-16.571 0-24.571-13.143-24.571-39.429v-120c0-26.286 8-40 24.571-40 17.143 0 24.571 13.714 24.571 40zM862.286 221.714c0-65.714-0.571-136-14.857-200-10.857-45.143-47.429-78.286-91.429-82.857-105.143-12-211.429-12-317.143-12s-212 0-317.143 12c-44 4.571-81.143 37.714-91.429 82.857-14.857 64-14.857 134.286-14.857 200v0c0 66.286 0.571 136 14.857 200 10.857 45.143 47.429 78.286 92 83.429 104.571 11.429 210.857 11.429 316.571 11.429s212 0 317.143-11.429c44-5.143 81.143-38.286 91.429-83.429 14.857-64 14.857-133.714 14.857-200zM292 950.857h58.286l-69.143-228v-154.857h-57.143v154.857c-5.143 28-16.571 68-34.857 121.143-12.571 35.429-25.143 71.429-37.143 106.857h60.571l40.571-150.286zM503.429 760.571v-100c0-30.286-5.143-53.143-16-67.429-14.286-19.429-34.286-29.143-60.571-29.143-25.714 0-45.714 9.714-60 29.143-10.857 14.857-16 37.143-16 67.429v100c0 30.286 5.143 52.571 16 66.857 14.286 19.429 34.286 29.143 60 29.143 26.286 0 46.286-9.714 60.571-29.143 10.857-14.286 16-36.571 16-66.857zM694.857 853.143v-285.143h-52v31.429c-20.571-24-40-35.429-58.857-35.429-16.571 0-28.571 6.857-33.714 21.143-2.857 8.571-4.571 22.286-4.571 42.857v225.143h52v-209.714c0-12 0-18.857 0.571-20 1.143-8 5.143-12.571 12-12.571 10.286 0 21.143 8 32.571 24.571v217.714h52z" />
|
||||
<glyph unicode="" glyph-name="xing" horiz-adv-x="805" d="M341.143 569.714c0 0-5.714-9.714-146.857-260.571-7.429-12.571-17.143-26.286-37.143-26.286h-136.571c-8 0-14.286 4-17.714 9.714s-4 13.143 0 20.571l144.571 256c0.571 0 0.571 0 0 0.571l-92 159.429c-4 7.429-4.571 15.429-0.571 21.143 3.429 5.714 10.286 8.571 18.286 8.571h136.571c20.571 0 30.857-13.714 37.714-25.714 93.143-162.857 93.714-163.429 93.714-163.429zM801.714 936.571c4-5.714 4-13.714 0-21.143l-301.714-533.714c-0.571 0-0.571-0.571 0-0.571l192-351.429c4-7.429 4-15.429 0.571-21.143-4-5.714-10.286-8.571-18.286-8.571h-136.571c-20.571 0-31.429 13.714-37.714 25.714-193.714 354.857-193.714 355.429-193.714 355.429s9.714 17.143 303.429 538.286c7.429 13.143 16 25.714 36.571 25.714h137.714c8 0 14.286-2.857 17.714-8.571z" />
|
||||
<glyph unicode="" glyph-name="youtube-play" d="M406.286 306.286l276.571 142.857-276.571 144.571v-287.429zM512 798.857c215.429 0 358.286-10.286 358.286-10.286 20-2.286 64-2.286 102.857-43.429 0 0 31.429-30.857 40.571-101.714 10.857-82.857 10.286-165.714 10.286-165.714v-77.714s0.571-82.857-10.286-165.714c-9.143-70.286-40.571-101.714-40.571-101.714-38.857-40.571-82.857-40.571-102.857-42.857 0 0-142.857-10.857-358.286-10.857v0c-266.286 2.286-348 10.286-348 10.286-22.857 4-74.286 2.857-113.143 43.429 0 0-31.429 31.429-40.571 101.714-10.857 82.857-10.286 165.714-10.286 165.714v77.714s-0.571 82.857 10.286 165.714c9.143 70.857 40.571 101.714 40.571 101.714 38.857 41.143 82.857 41.143 102.857 43.429 0 0 142.857 10.286 358.286 10.286v0z" />
|
||||
<glyph unicode="" glyph-name="dropbox" d="M229.714 546.857l282.286-174.286-195.429-162.857-280 182.286zM793.143 229.714v-61.714l-280-167.429v-0.571l-0.571 0.571-0.571-0.571v0.571l-279.429 167.429v61.714l84-54.857 195.429 162.286v1.143l0.571-0.571 0.571 0.571v-1.143l196-162.286zM316.571 883.428l195.429-162.857-282.286-173.714-193.143 154.286zM794.286 546.857l193.143-154.857-279.429-182.286-196 162.857zM708 883.428l279.429-182.286-193.143-154.286-282.286 173.714z" />
|
||||
<glyph unicode="" glyph-name="instagram" horiz-adv-x="878" d="M585.143 438.857c0 80.571-65.714 146.286-146.286 146.286s-146.286-65.714-146.286-146.286 65.714-146.286 146.286-146.286 146.286 65.714 146.286 146.286zM664 438.857c0-124.571-100.571-225.143-225.143-225.143s-225.143 100.571-225.143 225.143 100.571 225.143 225.143 225.143 225.143-100.571 225.143-225.143zM725.714 673.143c0-29.143-23.429-52.571-52.571-52.571s-52.571 23.429-52.571 52.571 23.429 52.571 52.571 52.571 52.571-23.429 52.571-52.571zM438.857 798.857c-64 0-201.143 5.143-258.857-17.714-20-8-34.857-17.714-50.286-33.143s-25.143-30.286-33.143-50.286c-22.857-57.714-17.714-194.857-17.714-258.857s-5.143-201.143 17.714-258.857c8-20 17.714-34.857 33.143-50.286s30.286-25.143 50.286-33.143c57.714-22.857 194.857-17.714 258.857-17.714s201.143-5.143 258.857 17.714c20 8 34.857 17.714 50.286 33.143s25.143 30.286 33.143 50.286c22.857 57.714 17.714 194.857 17.714 258.857s5.143 201.143-17.714 258.857c-8 20-17.714 34.857-33.143 50.286s-30.286 25.143-50.286 33.143c-57.714 22.857-194.857 17.714-258.857 17.714zM877.714 438.857c0-60.571 0.571-120.571-2.857-181.143-3.429-70.286-19.429-132.571-70.857-184s-113.714-67.429-184-70.857c-60.571-3.429-120.571-2.857-181.143-2.857s-120.571-0.571-181.143 2.857c-70.286 3.429-132.571 19.429-184 70.857s-67.429 113.714-70.857 184c-3.429 60.571-2.857 120.571-2.857 181.143s-0.571 120.571 2.857 181.143c3.429 70.286 19.429 132.571 70.857 184s113.714 67.429 184 70.857c60.571 3.429 120.571 2.857 181.143 2.857s120.571 0.571 181.143-2.857c70.286-3.429 132.571-19.429 184-70.857s67.429-113.714 70.857-184c3.429-60.571 2.857-120.571 2.857-181.143z" />
|
||||
<glyph unicode="" glyph-name="tumblr" horiz-adv-x="624" d="M539.429 191.428l45.714-135.429c-17.143-25.714-94.857-54.857-164.571-56-207.429-3.429-285.714 147.429-285.714 253.714v310.857h-96v122.857c144 52 178.857 182.286 186.857 256.571 0.571 4.571 4.571 6.857 6.857 6.857h139.429v-242.286h190.286v-144h-190.857v-296c0-40 14.857-95.429 91.429-93.714 25.143 0.571 58.857 8 76.571 16.571z" />
|
||||
<glyph unicode="" glyph-name="foursquare" horiz-adv-x="742" d="M571.429 702.857l21.143 110.857c4 18.286-9.714 32.571-25.143 32.571h-406.857c-18.286 0-30.857-16.571-30.857-30.857v-629.143c0-1.714 1.714-2.286 3.429-0.571 149.714 180 166.286 201.143 166.286 201.143 17.143 20 24 23.429 49.143 23.429h136.571c18.857 0 29.714 16 31.429 25.143s17.714 92.571 21.143 109.143-12 33.714-27.429 33.714h-168c-22.286 0-38.286 16-38.286 38.286v24c0 22.286 16 37.714 38.286 37.714h197.714c13.714 0 29.143 12.571 31.429 24.571zM701.143 829.714c-21.143-102.857-84.571-428-90.286-451.429-6.857-26.857-17.143-73.714-82.286-73.714h-154.857c-6.286 0-6.857 0.571-12.571-5.714 0 0-4-4.571-243.429-282.286-18.857-21.714-49.714-17.714-61.143-13.143s-31.429 18.286-31.429 56v805.714c0 33.143 20.571 85.714 90.286 85.714h507.429c74.286 0 94.286-42.286 78.286-121.143zM701.143 829.714l-90.286-451.429c5.714 23.429 69.143 348.571 90.286 451.429z" />
|
||||
<glyph unicode="" glyph-name="vk" horiz-adv-x="1119" d="M1095.429 653.714c8.571-23.429-18.286-78.286-85.714-168-110.857-147.429-122.857-133.714-31.429-218.857 88-81.714 106.286-121.143 109.143-126.286 0 0 36.571-64-40.571-64.571l-146.286-2.286c-31.429-6.286-73.143 22.286-73.143 22.286-54.857 37.714-106.286 135.429-146.286 122.857 0 0-41.143-13.143-40-101.143 0.571-18.857-8.571-29.143-8.571-29.143s-10.286-10.857-30.286-12.571h-65.714c-144.571-9.143-272 124-272 124s-139.429 144-261.714 431.429c-8 18.857 0.571 28 0.571 28s8.571 10.857 32.571 10.857l156.571 1.143c14.857-2.286 25.143-10.286 25.143-10.286s9.143-6.286 13.714-18.286c25.714-64 58.857-122.286 58.857-122.286 57.143-117.714 96-137.714 118.286-125.714 0 0 29.143 17.714 22.857 160-2.286 51.429-16.571 74.857-16.571 74.857-13.143 17.714-37.714 22.857-48.571 24.571-8.571 1.143 5.714 21.714 24.571 30.857 28 13.714 77.714 14.286 136.571 13.714 46.286-0.571 59.429-3.429 77.143-7.429 54.286-13.143 36-63.429 36-184.571 0-38.857-7.429-93.143 20.571-110.857 12-8 41.714-1.143 114.857 123.429 0 0 34.286 59.429 61.143 128.571 4.571 12.571 14.286 17.714 14.286 17.714s9.143 5.143 21.714 3.429l164.571 1.143c49.714 6.286 57.714-16.571 57.714-16.571z" />
|
||||
<glyph unicode="" glyph-name="weibo" horiz-adv-x="1039" d="M385.714 217.143c16 26.286 7.429 56.571-19.429 68-25.714 10.857-60-0.571-76-25.714-16.571-25.714-8.571-56 17.143-68 26.286-12 61.714-0.571 78.286 25.714zM439.429 286.286c5.714 10.286 2.286 21.714-8 25.714-10.286 3.429-22.857-1.143-28.571-10.857-5.714-10.286-2.857-21.143 7.429-25.714 10.286-4 23.429 0.571 29.143 10.857zM538.857 225.143c-34.286-77.714-133.714-120-218.286-92.571-81.714 26.286-116 106.857-80.571 179.429 35.429 70.857 126.286 110.857 206.857 90.286 84-21.714 126.286-100.571 92-177.143zM717.143 316.571c-10.857 111.429-157.143 188-326.857 171.429-169.714-17.143-297.714-120.571-286.857-232s157.143-188 326.857-171.429c169.714 17.143 297.714 120.571 286.857 232zM893.143 314.286c0-128.571-185.143-290.286-463.429-290.286-212.571 0-429.714 102.857-429.714 272.571 0 88.571 56 190.857 152.571 287.429 129.143 129.143 279.429 187.429 336 130.857 25.143-24.571 27.429-68 11.429-119.429-8-26.286 24.571-11.429 24.571-12 104 44 194.857 46.286 228-1.143 17.714-25.143 16-60.571 0-101.714-7.429-18.857 2.286-21.714 16.571-26.286 58.857-18.286 124-62.286 124-140zM850.857 670.857c32.571-36 41.714-85.714 27.429-129.143-5.714-17.714-24.571-27.429-42.286-21.714s-27.429 24.571-21.714 42.286v0c6.857 21.714 2.286 45.714-13.714 63.429s-39.429 24.571-61.143 20v0c-18.286-4-36.571 7.429-40 25.714-4 18.286 7.429 36 25.714 40 44.571 9.714 93.143-4 125.714-40.571zM954.286 764c67.429-74.286 85.143-176 56.571-265.143v0c-6.857-20.571-28.571-32-49.143-25.143s-32 28.571-25.714 49.143v0c20.571 63.429 8 136-40 188.571-48 53.143-118.286 73.143-183.429 59.429-21.143-4.571-42.286 9.143-46.857 30.286s9.143 41.714 30.286 46.286v0c92 19.429 190.857-8.571 258.286-83.429z" />
|
||||
<glyph unicode="" glyph-name="renren" horiz-adv-x="878" d="M647.429 53.714c-62.286-34.286-133.714-53.714-210.286-53.714-76 0-147.429 19.429-209.714 53.714 101.143 64 182.857 160.571 209.714 273.714 27.429-113.143 109.143-209.714 210.286-273.714zM364.571 869.714v-277.143c0-195.429-108-363.429-261.143-437.714-64.571 76.571-103.429 174.857-103.429 282.857 0 217.143 157.714 397.143 364.571 432zM877.714 437.714c0-108-38.857-206.286-103.429-282.857-153.143 74.286-261.143 242.286-261.143 437.714v277.143c206.857-34.857 364.571-214.857 364.571-432z" />
|
||||
<glyph unicode="" glyph-name="google" horiz-adv-x="860" d="M438.857 501.714h414.286c4-22.286 6.857-44 6.857-73.143 0-250.286-168-428.571-421.143-428.571-242.857 0-438.857 196-438.857 438.857s196 438.857 438.857 438.857c118.286 0 217.714-43.429 294.286-114.857l-119.429-114.857c-32.571 31.429-89.714 68-174.857 68-149.714 0-272-124-272-277.143s122.286-277.143 272-277.143c173.714 0 238.857 124.571 249.143 189.143h-249.143v150.857z" />
|
||||
<glyph unicode="" glyph-name="stumbleupon" horiz-adv-x="1097" d="M606.857 544v67.429c0 32-26.286 58.286-58.286 58.286s-58.286-26.286-58.286-58.286v-349.714c0-133.714-110.857-241.714-245.143-241.714-135.429 0-245.143 109.714-245.143 245.143v152h187.429v-149.714c0-32.571 26.286-58.286 58.286-58.286s58.286 25.714 58.286 58.286v354.286c0 130.857 112 236 244.571 236 133.143 0 244.571-105.714 244.571-237.714v-77.714l-111.429-33.143zM909.714 417.143h187.429v-152c0-135.429-109.714-245.143-245.143-245.143-134.857 0-245.143 108.571-245.143 242.857v153.143l74.857-34.857 111.429 33.143v-154.286c0-32 26.286-57.714 58.286-57.714s58.286 25.714 58.286 57.714v157.143z" />
|
||||
<glyph unicode="" glyph-name="delicious" horiz-adv-x="878" d="M841.143 164.571v274.286h-402.286v402.286h-274.286c-70.857 0-128-57.143-128-128v-274.286h402.286v-402.286h274.286c70.857 0 128 57.143 128 128zM877.714 713.143v-548.571c0-90.857-73.714-164.571-164.571-164.571h-548.571c-90.857 0-164.571 73.714-164.571 164.571v548.571c0 90.857 73.714 164.571 164.571 164.571h548.571c90.857 0 164.571-73.714 164.571-164.571z" />
|
||||
<glyph unicode="" glyph-name="digg" horiz-adv-x="1170" d="M187.429 789.714h116.571v-561.714h-304v398.286h187.429v163.429zM187.429 321.714v210.857h-70.286v-210.857h70.286zM350.857 626.286v-398.286h117.143v398.286h-117.143zM350.857 789.714v-116.571h117.143v116.571h-117.143zM514.857 626.286h304.571v-538.286h-304.571v93.143h187.429v46.857h-187.429v398.286zM702.286 321.714v210.857h-70.286v-210.857h70.286zM866.286 626.286h304v-538.286h-304v93.143h186.857v46.857h-186.857v398.286zM1053.143 321.714v210.857h-70.286v-210.857h70.286z" />
|
||||
<glyph unicode="" glyph-name="file-pdf-o" horiz-adv-x="878" d="M838.857 733.714c21.143-21.143 38.857-63.429 38.857-93.714v-658.286c0-30.286-24.571-54.857-54.857-54.857h-768c-30.286 0-54.857 24.571-54.857 54.857v914.286c0 30.286 24.571 54.857 54.857 54.857h512c30.286 0 72.571-17.714 93.714-38.857zM585.143 873.143v-214.857h214.857c-3.429 9.714-8.571 19.429-12.571 23.429l-178.857 178.857c-4 4-13.714 9.143-23.429 12.571zM804.571 0v585.143h-237.714c-30.286 0-54.857 24.571-54.857 54.857v237.714h-438.857v-877.714h731.429zM510.857 338.857c14.286-11.429 30.286-21.714 48-32 24 2.857 46.286 4 66.857 4 38.286 0 86.857-4.571 101.143-28 4-5.714 7.429-16 1.143-29.714-0.571-0.571-1.143-1.714-1.714-2.286v-0.571c-1.714-10.286-10.286-21.714-40.571-21.714-36.571 0-92 16.571-140 41.714-79.429-8.571-162.857-26.286-224-47.429-58.857-100.571-104-149.714-138.286-149.714-5.714 0-10.857 1.143-16 4l-13.714 6.857c-1.714 0.571-2.286 1.714-3.429 2.857-2.857 2.857-5.143 9.143-3.429 20.571 5.714 26.286 36.571 70.286 107.429 107.429 4.571 2.857 10.286 1.143 13.143-3.429 0.571-0.571 1.143-1.714 1.143-2.286 17.714 29.143 38.286 66.286 61.143 112.571 25.714 51.429 45.714 101.714 59.429 149.714-18.286 62.286-24 126.286-13.714 164 4 14.286 12.571 22.857 24 22.857h12.571c8.571 0 15.429-2.857 20-8.571 6.857-8 8.571-20.571 5.143-38.857-0.571-1.714-1.143-3.429-2.286-4.571 0.571-1.714 0.571-2.857 0.571-4.571v-17.143c-0.571-36-1.143-70.286-8-109.714 20-60 49.714-108.571 83.429-136zM181.714 104c17.143 8 41.714 32.571 78.286 90.286-42.857-33.143-69.714-70.857-78.286-90.286zM409.143 629.714c-5.714-16-5.714-43.429-1.143-75.429 1.714 9.143 2.857 17.714 4 25.143 1.143 9.714 2.857 17.714 4 24.571 0.571 1.714 1.143 2.857 2.286 4.571-0.571 0.571-0.571 1.714-1.143 2.857-0.571 10.286-4 16.571-7.429 20.571 0-1.143-0.571-1.714-0.571-2.286zM338.286 252c50.286 20 106.286 36 162.286 46.286-5.714 4.571-11.429 8.571-16.571 13.143-28 24.571-53.143 58.857-72.571 100.571-10.857-34.857-26.857-72-47.429-112.571-8.571-16-17.143-32-25.714-47.429zM707.429 261.143c-2.857 2.857-17.714 13.714-80 13.714 28-10.286 53.714-16 70.857-16 5.143 0 8 0 10.286 0.571 0 0.571-0.571 1.143-1.143 1.714z" />
|
||||
<glyph unicode="" glyph-name="file-word-o" horiz-adv-x="878" d="M838.857 733.714c21.143-21.143 38.857-63.429 38.857-93.714v-658.286c0-30.286-24.571-54.857-54.857-54.857h-768c-30.286 0-54.857 24.571-54.857 54.857v914.286c0 30.286 24.571 54.857 54.857 54.857h512c30.286 0 72.571-17.714 93.714-38.857zM585.143 873.143v-214.857h214.857c-3.429 9.714-8.571 19.429-12.571 23.429l-178.857 178.857c-4 4-13.714 9.143-23.429 12.571zM804.571 0v585.143h-237.714c-30.286 0-54.857 24.571-54.857 54.857v237.714h-438.857v-877.714h731.429zM133.143 512v-61.143h40l93.714-377.714h90.857l73.143 277.143c2.857 8.571 4.571 17.143 5.714 26.286 0.571 4.571 1.143 9.143 1.143 13.714h2.286l1.714-13.714c1.714-8 2.286-17.143 5.143-26.286l73.143-277.143h90.857l93.714 377.714h40v61.143h-171.429v-61.143h51.429l-56.571-250.286c-2.286-9.143-3.429-18.857-4-26.286l-1.143-12h-2.286c0 3.429-1.143 8-1.714 12-1.714 7.429-2.857 17.143-5.143 26.286l-82.286 311.429h-65.143l-82.286-311.429c-2.286-9.143-2.857-18.857-4.571-26.286l-2.286-12h-2.286l-1.143 12c-0.571 7.429-1.714 17.143-4 26.286l-56.571 250.286h51.429v61.143h-171.429z" />
|
||||
<glyph unicode="" glyph-name="file-excel-o" horiz-adv-x="878" d="M838.857 733.714c21.143-21.143 38.857-63.429 38.857-93.714v-658.286c0-30.286-24.571-54.857-54.857-54.857h-768c-30.286 0-54.857 24.571-54.857 54.857v914.286c0 30.286 24.571 54.857 54.857 54.857h512c30.286 0 72.571-17.714 93.714-38.857zM585.143 873.143v-214.857h214.857c-3.429 9.714-8.571 19.429-12.571 23.429l-178.857 178.857c-4 4-13.714 9.143-23.429 12.571zM804.571 0v585.143h-237.714c-30.286 0-54.857 24.571-54.857 54.857v237.714h-438.857v-877.714h731.429zM245.143 133.714v-60.571h160.571v60.571h-42.857l58.857 92c6.857 10.857 10.286 19.429 12 19.429h1.143c0.571-2.286 1.714-4 2.857-5.714 2.286-4.571 5.714-8 9.714-13.714l61.143-92h-43.429v-60.571h166.286v60.571h-38.857l-109.714 156 111.429 161.143h38.286v61.143h-159.429v-61.143h42.286l-58.857-90.857c-6.857-10.857-12-19.429-12-18.857h-1.143c-0.571 2.286-1.714 4-2.857 5.714-2.286 4-5.143 8-9.714 13.143l-60.571 90.857h43.429v61.143h-165.714v-61.143h38.857l108-155.429-110.857-161.714h-38.857z" />
|
||||
<glyph unicode="" glyph-name="file-powerpoint-o" horiz-adv-x="878" d="M838.857 733.714c21.143-21.143 38.857-63.429 38.857-93.714v-658.286c0-30.286-24.571-54.857-54.857-54.857h-768c-30.286 0-54.857 24.571-54.857 54.857v914.286c0 30.286 24.571 54.857 54.857 54.857h512c30.286 0 72.571-17.714 93.714-38.857zM585.143 873.143v-214.857h214.857c-3.429 9.714-8.571 19.429-12.571 23.429l-178.857 178.857c-4 4-13.714 9.143-23.429 12.571zM804.571 0v585.143h-237.714c-30.286 0-54.857 24.571-54.857 54.857v237.714h-438.857v-877.714h731.429zM237.714 133.714v-60.571h186.857v60.571h-53.143v95.429h78.286c24.571 0 46.857 1.143 67.429 8.571 51.429 17.714 83.429 70.857 83.429 133.143s-30.857 110.286-78.286 130.286c-21.714 8.571-48 10.857-74.286 10.857h-210.286v-61.143h52.571v-317.143h-52.571zM439.429 293.714h-68v153.143h68.571c20 0 35.429-3.429 47.429-10.286 20.571-12 32-35.429 32-65.714 0-32-11.429-56.571-35.429-68.571-12-5.714-26.857-8.571-44.571-8.571z" />
|
||||
<glyph unicode="" glyph-name="vine" horiz-adv-x="878" d="M855.429 478.286v-113.143c-40-9.143-80-13.143-113.143-13.143-80-168-223.429-312-271.429-338.857-30.286-17.143-58.857-18.286-92.571 1.714-58.857 35.429-281.714 218.286-356 793.143h161.714c40.571-345.143 140-522.286 249.143-654.857 60.571 60.571 118.857 141.143 164 232-108 54.857-173.714 175.429-173.714 316 0 142.286 81.714 249.714 221.714 249.714 136 0 210.286-84.571 210.286-230.286 0-54.286-11.429-116-33.143-163.429 0 0-100.571-20-137.714 44.571 7.429 24.571 17.714 66.857 17.714 105.143 0 68-24.571 101.143-61.714 101.143-39.429 0-66.857-37.143-66.857-108.571 0-145.714 92.571-229.143 212.571-229.143 21.143 0 45.143 2.286 69.143 8z" />
|
||||
<glyph unicode="" glyph-name="tencent-weibo" horiz-adv-x="731" d="M481.143 624c0-60.571-49.714-110.286-110.286-110.286-23.429 0-45.143 7.429-63.429 20-20.571-22.286-43.429-50.286-65.714-83.429-93.143-140-132.571-305.143-115.429-490.857 1.143-16.571-10.857-30.857-26.857-32.571h-2.857c-14.857 0-28 11.429-29.714 26.857-22.286 250.286 57.143 427.429 127.429 532 25.714 38.286 51.429 69.143 75.429 94.286-6.286 13.714-9.143 28.571-9.143 44 0 61.143 49.143 110.286 110.286 110.286 60.571 0 110.286-49.143 110.286-110.286zM698.857 617.714c0-183.429-149.143-332.571-333.143-332.571-25.143 0-50.286 2.857-74.857 8-16 4-25.714 20-22.286 36 4 15.429 19.429 25.714 35.429 22.286 20-5.143 41.143-7.429 61.714-7.429 150.857 0 273.714 122.857 273.714 273.714s-122.857 273.714-273.714 273.714-273.714-122.857-273.714-273.714c0-44 10.286-85.714 29.714-124.571 7.429-14.857 1.714-32.571-12.571-40-14.857-7.429-32.571-1.714-40 13.143-24 46.286-36.571 98.857-36.571 151.429 0 184 149.714 333.143 333.143 333.143 184 0 333.143-149.143 333.143-333.143z" />
|
||||
<glyph unicode="" glyph-name="qq" d="M154.286 490.286c-4 9.714-4.571 19.429-4.571 29.714 0 16 10.286 41.714 20 53.714-0.571 14.857 5.714 45.143 17.143 54.857 0 105.714 81.714 238.857 177.143 284.571 58.857 28 120.571 37.714 185.143 37.714 50.286 0 105.143-12 152-31.429 134.286-56.571 164.571-161.714 193.143-296l0.571-2.857c16.571-25.143 31.429-54.857 31.429-85.714 0-15.429-10.286-30.857-10.286-44.571 0-1.143 3.429-5.714 4-6.857 49.143-72.571 93.714-151.429 93.714-241.714 0-20-10.857-89.714-42.857-89.714-22.286 0-46.857 54.286-54.857 69.143-0.571 0.571-1.143 0.571-1.714 0.571l-2.857-2.286c-18.286-47.429-38.286-92-75.429-127.429 32.571-31.429 85.143-28.571 94.857-82.857-2.857-6.286-1.714-13.143-6.286-19.429-32.571-49.143-120-55.429-172.571-55.429-69.714 0-126.286 18.286-192 37.714-13.714 4-34.286 1.714-49.143 3.429-34.857-38.286-120-48.571-169.143-48.571-43.429 0-211.429 2.857-211.429 77.143 0 32 6.857 41.143 29.143 61.714 17.714 3.429 30.857 13.143 51.429 14.286 2.857 0 5.143 0.571 8 1.143 0.571 0.571 1.143 0.571 1.143 2.286l-1.143 1.714c-39.429 9.143-94.857 108.571-103.429 149.714l-2.857 1.714c-4 0-5.714-8.571-6.857-11.429-12.571-29.143-42.286-60.571-75.429-64h-0.571c-4.571 0-2.857 4.571-6.286 5.714-8 18.857-13.143 36-13.143 57.143 0 114.286 54.857 198.857 144 266.286z" />
|
||||
<glyph unicode="" glyph-name="wechat, weixin" horiz-adv-x="1170" d="M331.429 687.428c0 31.429-20.571 52-52 52-30.857 0-62.286-20.571-62.286-52 0-30.857 31.429-51.429 62.286-51.429 31.429 0 52 20.571 52 51.429zM756 397.714c0 20.571-20.571 41.143-52 41.143-20.571 0-41.143-20.571-41.143-41.143 0-21.143 20.571-41.714 41.143-41.714 31.429 0 52 20.571 52 41.714zM621.143 687.428c0 31.429-20.571 52-51.429 52-31.429 0-62.286-20.571-62.286-52 0-30.857 30.857-51.429 62.286-51.429 30.857 0 51.429 20.571 51.429 51.429zM984 397.714c0 20.571-21.143 41.143-52 41.143-20.571 0-41.143-20.571-41.143-41.143 0-21.143 20.571-41.714 41.143-41.714 30.857 0 52 20.571 52 41.714zM832 624.571c-13.143 1.714-26.286 2.286-40 2.286-196.571 0-352-146.857-352-327.429 0-30.286 4.571-59.429 13.143-86.857-13.143-1.143-25.714-1.714-38.857-1.714-52 0-93.143 10.286-145.143 20.571l-144.571-72.571 41.143 124.571c-103.429 72.571-165.714 166.286-165.714 280 0 197.143 186.286 352 414.286 352 203.429 0 382.286-124 417.714-290.857zM1170.286 304c0-93.143-61.714-176-145.143-238.286l31.429-103.429-113.714 62.286c-41.714-10.286-83.429-21.143-124.571-21.143-197.143 0-352 134.857-352 300.571s154.857 300.571 352 300.571c186.286 0 352-134.857 352-300.571z" />
|
||||
<glyph unicode="" glyph-name="paper-plane, send" horiz-adv-x="1025" d="M1008 944.571c12-8.571 17.714-22.286 15.429-36.571l-146.286-877.714c-1.714-10.857-8.571-20-18.286-25.714-5.143-2.857-11.429-4.571-17.714-4.571-4.571 0-9.143 1.143-13.714 2.857l-258.857 105.714-138.286-168.571c-6.857-8.571-17.143-13.143-28-13.143-4 0-8.571 0.571-12.571 2.286-14.286 5.143-24 18.857-24 34.286v199.429l493.714 605.143-610.857-528.571-225.714 92.571c-13.143 5.143-21.714 17.143-22.857 31.429-0.571 13.714 6.286 26.857 18.286 33.714l950.857 548.571c5.714 3.429 12 5.143 18.286 5.143 7.429 0 14.857-2.286 20.571-6.286z" />
|
||||
<glyph unicode="" glyph-name="paper-plane-o, send-o" horiz-adv-x="1025" d="M1008 944.571c12-8.571 17.714-22.286 15.429-36.571l-146.286-877.714c-1.714-10.857-8.571-20-18.286-25.714-5.143-2.857-11.429-4.571-17.714-4.571-4.571 0-9.143 1.143-13.714 2.857l-301.143 122.857-170.286-186.857c-6.857-8-16.571-12-26.857-12-4.571 0-9.143 0.571-13.143 2.286-14.286 5.714-23.429 19.429-23.429 34.286v258.286l-269.714 110.286c-13.143 5.143-21.714 17.143-22.857 31.429-1.143 13.714 6.286 26.857 18.286 33.714l950.857 548.571c12 7.429 27.429 6.857 38.857-1.143zM812.571 88l126.286 756-819.429-472.571 192-78.286 493.143 365.143-273.143-455.429z" />
|
||||
<glyph unicode="" glyph-name="pinterest-p" horiz-adv-x="731" d="M0 609.714c0 210.857 193.143 341.143 388.571 341.143 179.429 0 342.857-123.429 342.857-312.571 0-177.714-90.857-374.857-293.143-374.857-48 0-108.571 24-132 68.571-43.429-172-40-197.714-136-329.143l-8-2.857-5.143 5.714c-3.429 36-8.571 71.429-8.571 107.429 0 116.571 53.714 285.143 80 398.286-14.286 29.143-18.286 64.571-18.286 96.571 0 57.714 40 130.857 105.143 130.857 48 0 73.714-36.571 73.714-81.714 0-74.286-50.286-144-50.286-216 0-49.143 40.571-83.429 88-83.429 131.429 0 172 189.714 172 290.857 0 135.429-96 209.143-225.714 209.143-150.857 0-267.429-108.571-267.429-261.714 0-73.714 45.143-111.429 45.143-129.143 0-14.857-10.857-67.429-29.714-67.429-2.857 0-6.857 1.143-9.714 1.714-81.714 24.571-111.429 133.714-111.429 208.571z" />
|
||||
<glyph unicode="" glyph-name="medium" d="M341.143 710.286v-670.286c0-17.714-8.571-34.286-28-34.286-6.857 0-13.143 1.714-18.857 4.571l-265.714 133.143c-16 8-28.571 28.571-28.571 45.714v651.429c0 14.286 6.857 27.429 22.286 27.429 9.143 0 17.143-4.571 25.143-8.571l292-146.286c0.571-0.571 1.714-2.286 1.714-2.857zM377.714 652.571l305.143-494.857-305.143 152v342.857zM1024 642.286v-602.286c0-18.857-10.857-32-29.714-32-9.714 0-18.857 2.857-26.857 7.429l-252 125.714zM1022.286 710.857c0-2.286-295.429-481.714-318.286-518.286l-222.857 362.286 185.143 301.143c6.286 10.286 17.714 16 29.714 16 5.143 0 10.286-1.143 14.857-3.429l309.143-154.286c1.143-0.571 2.286-1.714 2.286-3.429z" />
|
||||
<glyph unicode="" glyph-name="tripadvisor" horiz-adv-x="1317" d="M372 381.143c0-29.714-24-53.714-53.143-53.714-29.714 0-53.714 24-53.714 53.714 0 29.143 24 53.143 53.714 53.143 29.143 0 53.143-24 53.143-53.143zM1031.429 381.714c0-29.714-24-53.714-53.714-53.714s-53.714 24-53.714 53.714 24 53.143 53.714 53.143 53.714-23.429 53.714-53.143zM437.143 381.143c0 60.571-49.714 110.286-110.286 110.286-61.143 0-110.286-49.714-110.286-110.286 0-61.143 49.143-110.286 110.286-110.286 60.571 0 110.286 49.143 110.286 110.286zM1096 381.714c0 60.571-49.143 110.286-110.286 110.286-60.571 0-110.286-49.714-110.286-110.286 0-61.143 49.714-110.286 110.286-110.286 61.143 0 110.286 49.143 110.286 110.286zM485.714 381.143c0-88-70.857-159.429-158.857-159.429s-159.429 71.429-159.429 159.429c0 87.429 71.429 158.857 159.429 158.857s158.857-71.429 158.857-158.857zM1145.143 381.714c0-88-71.429-158.857-159.429-158.857-87.429 0-158.857 70.857-158.857 158.857s71.429 158.857 158.857 158.857c88 0 159.429-70.857 159.429-158.857zM594.286 380c0 145.714-118.286 264-264 264-145.143 0-263.429-118.286-263.429-264s118.286-264 263.429-264c145.714 0 264 118.286 264 264zM976 707.428c-94.286 41.143-200.571 63.429-317.714 63.429s-233.714-22.286-327.429-62.857c181.143-0.571 327.429-146.857 327.429-328 0 177.714 141.143 322.286 317.714 327.429zM1249.714 380c0 145.714-117.714 264-263.429 264s-264-118.286-264-264 118.286-264 264-264 263.429 118.286 263.429 264zM1097.714 703.428h218.857c-34.286-40-59.429-93.714-65.714-130.857 39.429-54.286 62.857-120.571 62.857-192.571 0-181.143-146.857-327.429-327.429-327.429-102.857 0-194.286 46.857-254.286 120.571 0 0-26.857-32-73.714-102.286-8 16.571-48.571 74.286-73.143 102.857-60-74.286-152-121.143-254.857-121.143-180.571 0-327.429 146.286-327.429 327.429 0 72 23.429 138.286 62.857 192.571-6.286 37.143-31.429 90.857-65.714 130.857h208.571c112 74.857 274.857 121.714 449.714 121.714s327.429-46.857 439.429-121.714z" />
|
||||
<glyph unicode="" glyph-name="vimeo" horiz-adv-x="1029" d="M976.571 654.857c-4-90.286-67.429-214.286-189.714-372-126.857-164-233.143-246.286-321.143-246.286-54.286 0-100 50.286-137.143 150.286-25.143 91.429-50.286 183.429-75.429 275.429-27.429 100-57.714 149.714-89.714 149.714-6.857 0-30.857-14.286-72.571-43.429l-44 56c45.714 40.571 90.857 81.714 136 121.143 60.571 53.714 106.857 80.571 137.714 83.429 72.571 6.857 116.571-42.286 133.714-148 17.714-114.286 30.857-185.714 37.714-213.143 21.143-94.857 43.429-142.286 68.571-142.286 19.429 0 48.571 30.286 88 92 38.857 61.714 59.429 108.571 62.286 140.571 5.143 53.143-15.429 79.429-62.286 79.429-22.286 0-45.143-5.143-69.143-14.857 45.714 149.714 133.143 222.286 262.286 218.286 95.429-2.857 140.571-65.143 134.857-186.286z" />
|
||||
<glyph unicode="" glyph-name="snapchat-ghost" horiz-adv-x="951" d="M484.571 877.714c102.857 1.143 188-56.571 230.857-149.143 13.143-28 15.429-71.429 15.429-102.286 0-36.571-2.857-72.571-5.143-109.143 4.571-2.286 10.857-4 16-4 20.571 0 37.714 15.429 58.286 15.429 19.429 0 47.429-13.714 47.429-36.571 0-54.857-114.857-44.571-114.857-92.571 0-8.571 3.429-16.571 6.857-24.571 27.429-60 79.429-117.714 141.143-143.429 14.857-6.286 29.714-9.714 45.714-13.143 10.286-2.286 16-9.714 16-20 0-38.857-98.857-54.857-125.143-58.857-11.429-17.714-2.857-59.429-33.143-59.429-23.429 0-46.857 7.429-72 7.429-12 0-24-0.571-35.429-2.857-68-11.429-90.857-84.571-202.286-84.571-107.429 0-133.143 73.143-199.429 84.571-12 2.286-24 2.857-36 2.857-25.714 0-50.286-8.571-70.857-8.571-32 0-22.286 42.286-34.286 60.571-26.286 4-125.143 20-125.143 58.857 0 10.286 5.714 17.714 16 20 16 3.429 30.857 6.857 45.714 13.143 61.143 25.143 114.286 83.429 141.143 143.429 3.429 8 6.857 16 6.857 24.571 0 48-115.429 38.857-115.429 92 0 22.286 26.286 36.571 46.286 36.571 17.714 0 35.429-14.857 57.714-14.857 6.286 0 12.571 1.143 18.286 4-2.286 36-5.143 72-5.143 108.571 0 30.857 2.286 74.857 15.429 102.857 50.286 108.571 135.429 148 249.143 149.143z" />
|
||||
<glyph unicode="" glyph-name="meetup" horiz-adv-x="1093" d="M762.286 245.714c-6.286 41.143-81.714 9.143-86.286 54.286-6.286 64 87.429 202.286 80 256-6.857 48-38.857 58.286-66.857 58.857-26.857 0.571-33.714-4-42.857-9.143-5.714-3.429-13.143-9.714-23.429 0.571-12.571 12-22.286 23.429-38.857 25.714-24.571 4-35.429-4-53.143-19.429-6.857-5.714-24-25.714-40-18.286-6.857 3.429-30.857 15.429-48 22.857-32.571 14.286-80-9.143-97.143-40-25.714-45.714-76-226.286-83.429-250.286-17.143-53.143 21.714-97.143 73.714-94.286 22.286 1.143 36.571 9.143 50.857 34.857 8 14.857 83.429 215.429 89.143 225.143 4 6.857 17.714 16 29.143 10.286 11.429-6.286 13.714-18.857 12-30.286-2.286-19.429-56-141.714-57.714-155.429-6.857-45.714 53.714-53.143 77.143-8 7.429 14.286 91.429 185.143 98.857 196.571 8.571 12.571 14.857 16.571 23.429 16 6.286 0 16.571-1.714 14.286-21.714-2.857-18.857-70.286-144.571-77.714-175.429-9.143-41.143 13.143-82.857 49.714-101.143 22.857-11.429 125.143-31.429 117.143 22.286zM218.857 122.286c2.286-11.429-4.571-22.286-16-24.571-10.857-2.286-21.714 4.571-24 16-2.286 10.857 4.571 22.286 15.429 24.571s22.286-4.571 24.571-16zM544.571-28c9.143-13.143 5.714-30.857-6.857-40-13.143-9.143-30.857-5.714-40 7.429-8.571 13.143-5.143 30.857 7.429 40 13.143 9.143 30.857 5.714 39.429-7.429zM101.143 436c-13.714-20.571-41.143-25.714-61.143-11.429-20 13.714-25.143 41.714-11.429 61.714 13.714 20.571 41.143 25.714 61.143 12 20-14.286 25.143-41.714 11.429-62.286zM838.286 49.143c14.286-21.143 9.143-50.286-12-65.143-21.143-14.286-49.714-9.143-64 12s-9.143 50.286 11.429 65.143c21.143 14.857 49.714 9.143 64.571-12zM902.286 394.286c52.571-86.286 30.286-200-52.571-258.286-34.857-24.571-74.286-35.429-113.714-34.286-24-94.286-138.857-129.143-210.286-65.143-2.286-1.714-5.143-3.429-7.429-5.714-78.286-54.286-184.571-34.857-238.857 44.571-19.429 28.571-29.143 61.143-30.286 93.714-130.857 21.714-180 188-82.286 279.429-56.571 93.714 1.143 214.857 106.857 229.714 50.286 132.571 215.429 195.429 327.429 108.571 134.857 44.571 272.571-58.857 261.714-202.286 82.286-25.143 105.714-133.714 39.429-190.286zM260 771.428c10.286-15.429 6.857-36.571-8.571-47.429-14.857-10.286-36-6.857-46.286 8.571s-6.857 36.571 8.571 47.429c14.857 10.286 36 6.857 46.286-8.571zM350.857 932c2.857-12.571-5.143-25.143-17.714-28s-25.143 5.143-28 18.286c-2.286 12.571 5.714 25.143 18.286 28s25.143-5.143 27.429-18.286zM1028.571 390.286c3.429-15.429-6.286-30.286-21.143-33.143-14.857-3.429-29.714 6.286-32.571 21.143-3.429 15.429 6.286 30.286 21.143 33.714 14.857 2.857 29.714-6.857 32.571-21.714zM649.143 900.571c12-20.571 5.714-48-15.429-60.571-20.571-12.571-47.429-5.714-59.429 14.857-12.571 21.143-5.714 48.571 14.857 61.143s47.429 5.714 60-15.429zM1075.429 525.714c2.857-11.429-4.571-22.286-15.429-25.143-11.429-2.286-22.286 5.143-24.571 16-2.286 11.429 4.571 22.857 16 25.143 10.857 2.286 21.714-4.571 24-16zM966.286 663.428c11.429-17.143 7.429-40.571-9.143-52.571-17.143-11.429-40.571-7.429-52 9.714s-7.429 40.571 9.714 52.571c16.571 12 40 7.429 51.429-9.714z" />
|
||||
</font></defs></svg>
|
||||
|
After Width: | Height: | Size: 41 KiB |
BIN
src/fonts/icomoon/icomoon.ttf
Normal file
BIN
src/fonts/icomoon/icomoon.ttf
Normal file
Binary file not shown.
BIN
src/fonts/icomoon/icomoon.woff
Normal file
BIN
src/fonts/icomoon/icomoon.woff
Normal file
Binary file not shown.
1185
src/fonts/icomoon/selection.json
Normal file
1185
src/fonts/icomoon/selection.json
Normal file
File diff suppressed because it is too large
Load Diff
46
src/fonts/icomoon/style.css
Normal file
46
src/fonts/icomoon/style.css
Normal file
@ -0,0 +1,46 @@
|
||||
flickr: "\eaa3",
|
||||
flickr2: "\eaa4",
|
||||
github: "\eab0",
|
||||
lastfm: "\eacb",
|
||||
envelope-o: "\f003",
|
||||
twitter: "\f099",
|
||||
facebook: "\f09a",
|
||||
facebook-f: "\f09a",
|
||||
pinterest: "\f0d2",
|
||||
google-plus: "\f0d5",
|
||||
envelope: "\f0e0",
|
||||
linkedin: "\f0e1",
|
||||
rss-square: "\f143",
|
||||
youtube: "\f167",
|
||||
xing: "\f168",
|
||||
youtube-play: "\f16a",
|
||||
dropbox: "\f16b",
|
||||
instagram: "\f16d",
|
||||
tumblr: "\f173",
|
||||
foursquare: "\f180",
|
||||
vk: "\f189",
|
||||
weibo: "\f18a",
|
||||
renren: "\f18b",
|
||||
google: "\f1a0",
|
||||
stumbleupon: "\f1a4",
|
||||
delicious: "\f1a5",
|
||||
digg: "\f1a6",
|
||||
file-pdf-o: "\f1c1",
|
||||
file-word-o: "\f1c2",
|
||||
file-excel-o: "\f1c3",
|
||||
file-powerpoint-o: "\f1c4",
|
||||
vine: "\f1ca",
|
||||
tencent-weibo: "\f1d5",
|
||||
qq: "\f1d6",
|
||||
wechat: "\f1d7",
|
||||
weixin: "\f1d7",
|
||||
paper-plane: "\f1d8",
|
||||
send: "\f1d8",
|
||||
paper-plane-o: "\f1d9",
|
||||
send-o: "\f1d9",
|
||||
pinterest-p: "\f231",
|
||||
medium: "\f23a",
|
||||
tripadvisor: "\f262",
|
||||
vimeo: "\f27d",
|
||||
snapchat-ghost: "\f2ac",
|
||||
meetup: "\f2e0"
|
||||
31
src/pages/index.nunjucks
Normal file
31
src/pages/index.nunjucks
Normal file
@ -0,0 +1,31 @@
|
||||
{% extends "layout.nunjucks" %}
|
||||
|
||||
{% block content %}
|
||||
<main>
|
||||
<div class="container">
|
||||
{% for key, b in index.promo_blocks %}
|
||||
<section id="{{key}}" class="section section--style-a">
|
||||
<div class="section__block--a">
|
||||
<h2 class="section__title">{{b.title}}</h2>
|
||||
<p class="section__body">{{b.body}}</p>
|
||||
</div>
|
||||
<div class="hex-grid{% if b.offset %} hex-grid--offset{% endif %} section__block--b">
|
||||
{% for p in b.promos %}
|
||||
<article class="promo {{p.class}}{% if not p.img %} promo--closed{% endif %}">
|
||||
<div class="promo__inner">
|
||||
<a class="promo__content" href="{{p.url}}">
|
||||
{% if p.img %}
|
||||
<img src="{{p.img}}" alt="" class="promo__media"/>
|
||||
{% endif %}
|
||||
<div class="promo__title"><h3 class="h5">{{p.title}}</h3></div>
|
||||
<div class="promo__body"><p>{{p.body}}</p></div>
|
||||
</a>
|
||||
</div>
|
||||
</article>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</main>
|
||||
{% endblock %}
|
||||
BIN
src/static/ClaraJordanCV.pdf
Normal file
BIN
src/static/ClaraJordanCV.pdf
Normal file
Binary file not shown.
BIN
src/static/img/bep.png
Normal file
BIN
src/static/img/bep.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 140 KiB |
BIN
src/static/img/cyclespoons.png
Normal file
BIN
src/static/img/cyclespoons.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 350 KiB |
BIN
src/static/img/docwatson2.jpg
Normal file
BIN
src/static/img/docwatson2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
BIN
src/static/img/office1.jpg
Normal file
BIN
src/static/img/office1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
BIN
src/static/img/sheffugees.png
Normal file
BIN
src/static/img/sheffugees.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 79 KiB |
BIN
src/static/img/shelborn.png
Normal file
BIN
src/static/img/shelborn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 420 KiB |
BIN
src/static/img/shelborn2.jpg
Normal file
BIN
src/static/img/shelborn2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
BIN
src/static/img/trib3.jpg
Normal file
BIN
src/static/img/trib3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 97 KiB |
BIN
src/static/img/universal.jpg
Normal file
BIN
src/static/img/universal.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 154 KiB |
20
src/templates/layout.nunjucks
Normal file
20
src/templates/layout.nunjucks
Normal file
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="no-js {{settings.htmlClass}}" dir="{{settings.dir}}" lang="{{settings.lang}}">
|
||||
<head>
|
||||
{% include "partials/head/head-meta.nunjucks" %}
|
||||
{% include "partials/head/head-css.nunjucks" %}
|
||||
{% include "partials/head/head-fonts.nunjucks" %}
|
||||
{% include "partials/head/head-scripts.nunjucks" %}
|
||||
</head>
|
||||
<body>
|
||||
{% include "partials/header/header.nunjucks" %}
|
||||
|
||||
<div class="content">
|
||||
{% block content %} {% endblock %}
|
||||
</div>
|
||||
|
||||
{% include "partials/footer/footer.nunjucks" %}
|
||||
{% include "partials/foot/foot-scripts.nunjucks" %}
|
||||
{% block foot_scripts %} {% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
2
src/templates/partials/foot/foot-scripts.nunjucks
Normal file
2
src/templates/partials/foot/foot-scripts.nunjucks
Normal file
@ -0,0 +1,2 @@
|
||||
<script type="text/javascript" src="/js/plugins.js"></script>
|
||||
<script type="text/javascript" src="/js/scripts.js"></script>
|
||||
0
src/templates/partials/footer/footer.nunjucks
Normal file
0
src/templates/partials/footer/footer.nunjucks
Normal file
1
src/templates/partials/head/head-css.nunjucks
Normal file
1
src/templates/partials/head/head-css.nunjucks
Normal file
@ -0,0 +1 @@
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
2
src/templates/partials/head/head-fonts.nunjucks
Normal file
2
src/templates/partials/head/head-fonts.nunjucks
Normal file
@ -0,0 +1,2 @@
|
||||
<!-- References to TypeKit, etc go here -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Ubuntu:500" rel="stylesheet">
|
||||
23
src/templates/partials/head/head-meta.nunjucks
Normal file
23
src/templates/partials/head/head-meta.nunjucks
Normal file
@ -0,0 +1,23 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Clara Jordan</title>
|
||||
<meta name="robots" content="noindex, nofollow">
|
||||
<meta name="description" content="" />
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
2
src/templates/partials/head/head-scripts.nunjucks
Normal file
2
src/templates/partials/head/head-scripts.nunjucks
Normal file
@ -0,0 +1,2 @@
|
||||
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
|
||||
<!-- <script type="text/javascript" src="/js/head-scripts.js"></script> -->
|
||||
18
src/templates/partials/header/header-nav.nunjucks
Normal file
18
src/templates/partials/header/header-nav.nunjucks
Normal file
@ -0,0 +1,18 @@
|
||||
<nav class="navigation">
|
||||
<h2 class="visually-hidden">Site navigation</h2>
|
||||
<div class="container">
|
||||
<ul class="navigation__level-0">
|
||||
{% for key, b in index.promo_blocks %}
|
||||
<li class="navigation__item{% if loop.index > loop.revindex %} navigation__item--right{% elseif loop.index < loop.revindex %} navigation__item--left{% endif %}">
|
||||
<a href="#{{key}}" class="navigation__link" data-scroll-to-id>
|
||||
{% if b.nav_title %}
|
||||
{{b.nav_title}}
|
||||
{% else %}
|
||||
{{b.title}}
|
||||
{% endif %}
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
63
src/templates/partials/header/header.nunjucks
Normal file
63
src/templates/partials/header/header.nunjucks
Normal file
@ -0,0 +1,63 @@
|
||||
<header class="header">
|
||||
<div class="container">
|
||||
<div class="header__inner">
|
||||
<div class="header__promo">
|
||||
<div class="header__promo__inner">
|
||||
<img src="/img/docwatson2.jpg" alt="" class="header__promo__media"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header__content">
|
||||
<h1 class="header__title">Clara Jordan</h1>
|
||||
<p class="header__subtitle">Web Developer, Student and Musician</p>
|
||||
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
|
||||
|
||||
<ul class="header__social">
|
||||
<li class="header__social__item">
|
||||
<a href="mailto:clarazmjordan+czmjgithubio@gmail.com" class="header__social__link">
|
||||
<i class="icon icon--envelope-o"></i>
|
||||
<span class="visually-hidden">Email me</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="header__social__item">
|
||||
<a href="https://twitter.com/clarazmj" class="header__social__link">
|
||||
<i class="icon icon--twitter"></i>
|
||||
<span class="visually-hidden">Twitter</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="header__social__item">
|
||||
<a href="https://github.com/czmj/" class="header__social__link">
|
||||
<i class="icon icon--github"></i>
|
||||
<span class="visually-hidden">GitHub</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="header__social__item">
|
||||
<a href="https://www.linkedin.com/in/clarajordan1" class="header__social__link">
|
||||
<i class="icon icon--linkedin"></i>
|
||||
<span class="visually-hidden">LinkedIn</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="header__social__item">
|
||||
<a href="http://www.last.fm/user/CZMJ" class="header__social__link">
|
||||
<i class="icon icon--lastfm"></i>
|
||||
<span class="visually-hidden">last.fm</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="header__social__item">
|
||||
<a href="https://www.flickr.com/photos/czmj/albums" class="header__social__link">
|
||||
<i class="icon icon--flickr"></i>
|
||||
<span class="visually-hidden">Flickr</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="header__social__item">
|
||||
<a href="/ClaraJordanCV.pdf" class="header__social__link">
|
||||
<i class="icon icon--file-pdf-o"></i>
|
||||
<span class="visually-hidden">Download my CV</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include "partials/header/header-nav.nunjucks" %}
|
||||
</header>
|
||||
Reference in New Issue
Block a user