friendica/friendica-wp-theme
6
0
Fork 4
Code Issues 1 Pull requests Releases Wiki Activity

Compare commits

base: friendica:master
Branches Tags
friendica:master
friendica:fix/issue-6
friendica:feature/localfonts
tobias:master
tobias:feature/localfonts
friendica:v1.1.6
friendica:v1.1.5
friendica:v1.1.4
friendica:v1.1.3
friendica:v1.1.2
friendica:v1.1.1
friendica:v1.1.0
..
compare: tobias:master
Branches Tags
tobias:master
tobias:feature/localfonts
friendica:master
friendica:fix/issue-6
friendica:feature/localfonts
friendica:v1.1.6
friendica:v1.1.5
friendica:v1.1.4
friendica:v1.1.3
friendica:v1.1.2
friendica:v1.1.1
friendica:v1.1.0

No commits in common. "master" and "master" have entirely different histories.
master ... master

25 changed files with 587 additions and 906 deletions
Show stats Expand all files Collapse all files

1
.gitignore vendored
View file

@ -1,2 +1 @@
.DS* .DS*
work/*

39
assets/css/fira.css
View file

@ -1,39 +0,0 @@
@font-face{
font-family: 'Fira Sans';
src: local('Fira Sans Light'),
url('../fonts/fira/woff/FiraSans-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face{
font-family: 'Fira Sans';
src: local('Fira Sans Regular'),
url('../fonts/fira/woff/FiraSans-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face{
font-family: 'Fira Sans';
src: local('Fira Sans Regular Italic'),
url('../fonts/fira/woff/FiraSans-Italic.woff') format('woff');
font-weight: 400;
font-style: italic;
}
@font-face{
font-family: 'Fira Sans';
src: local('Fira Sans Bold'),
url('../fonts/fira/woff/FiraSans-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face{
font-family: 'Fira Sans';
src: local('Fira Sans Bold Italic'),
url('../fonts/fira/woff/FiraSans-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}

14
assets/css/fork-awesome.min.css vendored
View file

File diff suppressed because one or more lines are too long

52
assets/css/main.css
View file

@ -2,7 +2,7 @@
/* /*
Theory by TEMPLATED Theory by TEMPLATED
templated.co @templatedcoc templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license) Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/ */
@ -1583,9 +1583,9 @@
/* Type */ /* Type */
body, input, select, textarea { body, input, select, textarea {
color: #111; color: #444;
font-family: "Fira Sans", Arial, Helvetica, sans-serif; font-family: "Raleway", Arial, Helvetica, sans-serif;
font-size: 14pt; font-size: 13pt;
font-weight: 300; font-weight: 300;
line-height: 1.65; line-height: 1.65;
} }
@ -1593,7 +1593,7 @@
@media screen and (max-width: 1680px) { @media screen and (max-width: 1680px) {
body, input, select, textarea { body, input, select, textarea {
font-size: 14pt; font-size: 11pt;
} }
} }
@ -1601,7 +1601,7 @@
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
body, input, select, textarea { body, input, select, textarea {
font-size: 14pt; font-size: 11pt;
} }
} }
@ -1751,11 +1751,18 @@
} }
.inner { .inner {
width: 90%;
max-width: 75em; max-width: 75em;
margin: 0 auto; margin: 0 auto;
} }
@media screen and (max-width: 1280px) {
.inner {
max-width: 90%;
}
}
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.inner { .inner {
@ -1895,13 +1902,6 @@
justify-content: space-between; justify-content: space-between;
} }
.flex.center {
-moz-justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.flex.flex-2 article { .flex.flex-2 article {
width: 47%; width: 47%;
} }
@ -2228,6 +2228,14 @@
position: relative; position: relative;
} }
.icon:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
.icon > .label { .icon > .label {
display: none; display: none;
@ -2724,6 +2732,7 @@
#header { #header {
color: rgba(255,255,255,0.8); color: rgba(255,255,255,0.8);
background-color: rgba(0,0,0,0.2);
cursor: default; cursor: default;
height: 3.25em; height: 3.25em;
left: 0; left: 0;
@ -2834,13 +2843,9 @@
} }
/* Nav */ /* Nav */
#nav > ul,
#nav > .menu > ul { display: inline-block; padding:0; margin: 0; } #nav > .menu > ul { display: inline-block; padding:0; margin: 0; }
#nav > ul > li,
#nav > .menu > ul > li { display: inline-block; } #nav > .menu > ul > li { display: inline-block; }
#nav > ul > li .sub-menu,
#nav > .menu > ul > li .children { display: none; } #nav > .menu > ul > li .children { display: none; }
#nav > ul > li:hover .sub-menu,
#nav > .menu > ul > li:hover .children { #nav > .menu > ul > li:hover .children {
display: block; display: block;
margin: 0; margin: 0;
@ -2853,12 +2858,9 @@
top: 2.5em; top: 2.5em;
min-width: 100px; min-width: 100px;
} }
#nav .sub-menu li,
#nav .children li { padding: 0; line-height: 2em; } #nav .children li { padding: 0; line-height: 2em; }
#nav .sub-menu a , #nav .children a { color: #333; padding: 0.4em; width: 100%; text-align: left; }
#nav .children a { color: #333; padding: 0.4em; width: 100%; text-align: left; white-space: nowrap; } #nav .children a:hover { color: #fff; background-color: #5385c1; }
#nav .sub-menu a:hover,
#nav .children a:hover{ color: #fff; background-color: #5385c1; }
@media screen and (max-width: 980px) { @media screen and (max-width: 980px) {
@ -2962,7 +2964,7 @@
#banner { #banner {
padding: 12em 0 10em 0; padding: 12em 0 10em 0;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%), url('../../images/banner-blu.orig.jpg'); background-image: url('../../images/banner-blu.orig.jpg');
background-size: cover; background-size: cover;
background-position: center; background-position: center;
/*background-attachment: fixed;*/ /*background-attachment: fixed;*/
@ -2973,7 +2975,7 @@
#banner h1 { #banner h1 {
font-size: 3.5em; font-size: 3.5em;
font-weight: 400; font-weight: 100;
color: #ffffff; color: #ffffff;
line-height: 1em; line-height: 1em;
margin: 0 0 0.5em 0; margin: 0 0 0.5em 0;

18
assets/css/raleway.css Normal file
View file

@ -0,0 +1,18 @@
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 100;
src: local('Raleway Thin'), local('Raleway-Thin'), url(../fonts/Raleway-Thin.ttf) format('truetype');
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 300;
src: local('Raleway Light'), local('Raleway-Light'), url(../fonts/Raleway-Light.ttf) format('truetype');
}
@font-face {
font-family: 'Raleway';
font-style: normal;
font-weight: 600;
src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(../fonts/Raleway-SemiBold.ttf) format('truetype');
}

BIN
assets/fonts/ForkAwesome.otf Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 151 KiB

BIN
assets/fonts/Raleway-Light.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/Raleway-SemiBold.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/Raleway-Thin.ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/fira/woff/FiraSans-Bold.woff
View file

Binary file not shown.

BIN
assets/fonts/fira/woff/FiraSans-BoldItalic.woff
View file

Binary file not shown.

BIN
assets/fonts/fira/woff/FiraSans-Italic.woff
View file

Binary file not shown.

BIN
assets/fonts/fira/woff/FiraSans-Light.woff
View file

Binary file not shown.

BIN
assets/fonts/fira/woff/FiraSans-Regular.woff
View file

Binary file not shown.

BIN
assets/fonts/forkawesome-webfont.eot
View file

Binary file not shown.

968
assets/fonts/forkawesome-webfont.svg
View file

File diff suppressed because it is too large Load diff
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 KiB

After

Width:  |  Height:  |  Size: 424 KiB

BIN
assets/fonts/forkawesome-webfont.ttf
View file

Binary file not shown.

BIN
assets/fonts/forkawesome-webfont.woff
View file

Binary file not shown.

BIN
assets/fonts/forkawesome-webfont.woff2
View file

Binary file not shown.

5
footer.php
View file

@ -10,9 +10,8 @@
<?php echo sprintf( __( '%1$s %2$s %3$s. All Rights Reserved.', 'friendica' ), '&copy;', date( 'Y' ), esc_html( get_bloginfo( 'name' ) ) ); echo sprintf( __( ' Original Design: %1$s.', 'friendica' ), '<a href="https://templated.co">TEMPLATED</a>' ); ?> <?php echo sprintf( __( '%1$s %2$s %3$s. All Rights Reserved.', 'friendica' ), '&copy;', date( 'Y' ), esc_html( get_bloginfo( 'name' ) ) ); echo sprintf( __( ' Original Design: %1$s.', 'friendica' ), '<a href="https://templated.co">TEMPLATED</a>' ); ?>
</div> </div>
<ul class="icons"> <ul class="icons">
<li><a href="https://github.com/friendica/" title="GitHub"> <li><a href="https://github.com/friendica/" class="icon fa-github"><span class="label">GitGub</span></a></li>
<i class="fa fa-github" aria-hidden="true"></i>
</a></li>
</ul> </ul>
</div> </div>
</div> </div>

1
functions.php
View file

@ -1,3 +1,4 @@
<?php <?php
add_action('after_setup_theme', 'friendica_setup'); add_action('after_setup_theme', 'friendica_setup');

2
header-home.php
View file

@ -62,5 +62,5 @@
?> ?>
</span> </span>
</h1> <p><?php echo esc_html(get_bloginfo('description')); ?></p> </h1> <p><?php echo esc_html(get_bloginfo('description')); ?></p>
<p><a href="#try" class="button special">Try It!</a></p> <p><a href="https://github.com/friendica/friendica/releases" class="button special">Download</a> <a href="http://dir.friendica.social/servers" class="button">Try It</a></p>
</section> </section>

387
page-home.php
View file

@ -1,208 +1,179 @@
<?php get_header("home"); ?> <?php get_header("home"); ?>
<!-- One -->
<!-- intro --> <section id="one" class="wrapper">
<section class="wrapper"> <div class="inner">
<div class="inner"> <div class="flex flex-3">
<div class="flex flex-3"> <article>
<article> <header>
<header> <h3>Decentralization</h3>
<h3>Decentralization</h3> </header>
</header> <p>Decentralized architecture with no central authority or ownership.</p>
<p>Decentralized architecture with no central authority or ownership.</p> <p>Relationships can be made across any compatible system, creating a network of Internet scale made up of smaller sites.</p>
<p>Relationships can be made across any compatible system, creating a network of Internet scale made up of smaller sites.</p> <p>Seamless wall-to-wall posts and remote comments, even across different network nodes.</p>
<p>Seamless wall-to-wall posts and remote comments, even across different network nodes.</p> </article>
</article> <article>
<article> <header>
<header> <h3>Privacy</h3>
<h3>Privacy</h3> </header>
</header> <p>Access lists for every item.</p>
<p>Access lists for every item.</p> <p>Private conversation groups &mdash; on these pages all communications are restricted to group members.</p>
<p>Private conversation groups &mdash; on these pages all communications are restricted to group members.</p> <p>One-to-one private messaging on supported protocols.</p>
<p>One-to-one private messaging on supported protocols.</p> <p>Optionally "expire" old content after a certain period of time.</p>
<p>Optionally "expire" old content after a certain period of time.</p> <p>Download your personal data. It all belongs to you.</p>
<p>Download your personal data. It all belongs to you.</p> </article>
</article> <article>
<article> <header>
<header> <h3>Interoperability</h3>
<h3>Interoperability</h3> </header>
</header> <p>Built-in support for StatusNet, GNU social, Quitter, and diaspora*.</p>
<p>Built-in support for ActivityPub (e.g. Funkwhale, Hubzilla, Mastodon, Pleroma, Pixelfed), OStatus (e.g. StatusNet, GNU social, Quitter) and diaspora* protocols.</p> <p>Support for email contacts and communications (two-way) via IMAP4rev1/ESMTP.</p>
<p>Support for email contacts and communications (two-way) via IMAP4rev1/ESMTP.</p> <p>Import arbitrary websites and blogs into your social stream via RSS/Atom feeds.</p>
<p>Import arbitrary websites and blogs into your social stream via RSS/Atom feeds.</p> <p>Support for other services via plugins.</p>
<p>Support for other services via plugins.</p> </article>
</article> </div>
</div> </div>
</div> </section>
</section>
<!-- Two -->
<section id="two" class="wrapper style1 special">
<!-- more key feature --> <div class="inner">
<section class="wrapper style1 special"> <header>
<div class="inner"> <h2>A personal social network</h2>
<header> <p>Keep in contact with people you care about.</p>
<h2>A decentralized social network</h2> </header>
<p>Keep in contact with people you care about.</p> <div class="flex flex-4">
</header> <div class="box person">
<div class="flex flex-4"> <div class="image round">
<div class="box person"> <i class="fa fa-file-text" aria-hidden="true"></i>
<div class="image round"> </div>
<i class="fa fa-file-text" aria-hidden="true"></i> <h3>Posts</h3>
</div> <p>Write your thoughts, edit them if you want. Comment, Like and Dislike posts from your contacts.</p>
<h3>Posts</h3> </div>
<p>Write your thoughts, edit them if you want. Comment, Like and Dislike posts from your contacts.</p> <div class="box person">
</div> <div class="image round">
<div class="box person"> <i class="fa fa-picture-o" aria-hidden="true"></i>
<div class="image round"> </div>
<i class="fa fa-picture-o" aria-hidden="true"></i> <h3>Photos</h3>
</div> <p>Share your holiday photos, but only with people you want.</p>
<h3>Photos</h3> </div>
<p>Share your holiday photos, but only with people you want.</p> <div class="box person">
</div> <div class="image round">
<div class="box person"> <i class="fa fa-calendar" aria-hidden="true"></i>
<div class="image round"> </div>
<i class="fa fa-calendar" aria-hidden="true"></i> <h3>Events</h3>
</div> <p>Organize the next meeting of your reading group, or let everybody know about your cool party!</p>
<h3>Events</h3> </div>
<p>Organize the next meeting of your reading group, or let everybody know about your cool party!</p> <div class="box person">
</div> <div class="image round">
<div class="box person"> <i class="fa fa-users" aria-hidden="true"></i>
<div class="image round"> </div>
<i class="fa fa-users" aria-hidden="true"></i> <h3>Profiles</h3>
</div> <p>Like in real life, have a public profile and private aspects only for your closest friends. Or keep everything private!</p>
<h3>Profiles</h3> </div>
<p>Like in real life, have a public profile and private aspects only for your closest friends. Or keep everything private!</p> </div>
</div> <footer>
</div> <a href="/features/" class="button">More features</a> <a href="/screenshots/" class="button">Screenshots</a>
<footer> </footer>
<a href="/features/" class="button">More features</a> <a href="/screenshots/" class="button">Screenshots</a> </div>
</footer> </section>
</div>
</section> <!-- Three -->
<section id="three" class="wrapper special">
<!-- try friendica --> <div class="inner">
<section id="try" class="wrapper style1 special"> <header class="align-center">
<div class="inner"> <h2>Free software &mdash; Free protocols</h2>
<header> <p>Friendica is free software and use free protocols.</p>
<h2>Try Friendica</h2> </header>
</header> <div class="flex flex-2">
<div class="flex center flex-3"> <article>
<article> <div class="image fit">
<p>Do you want to try Friendica but don't have the technical knowledge to install your server? <img src="<?php echo get_template_directory_uri(); ?>/images/pic2.png" alt="Stack">
You can create an account on one of the many servers out there which accept new users!</p> </div>
<header>
</article> <h3>PHP &amp; MySQL</h3>
</div> </header>
<p><a href="https://dir.friendica.social/servers" class="button">Have a look at the list of public servers</a></p> <p>Run your personal Friendica node on shared hosts.</p>
</div> <p>Friendica runs on PHP with MySQL as a database. If you can run WordPress, you can run Friendica.</p>
</section> <footer>
<a href="/requirements/" class="button special">More</a>
<!-- technical --> </footer>
<section class="wrapper special"> </article>
<div class="inner"> <article>
<header class="align-center"> <div class="image fit">
<h2>Free software &mdash; Free protocols</h2> <img src="<?php echo get_template_directory_uri(); ?>/images/pic1.png" alt="Plugin">
<p>Friendica is free software and use free protocols.</p> </div>
</header> <header>
<div class="flex flex-2"> <h3>Extensible</h3>
<article> </header>
<div class="image fit"> <p>Extensible via third-party plugins and themes.</p>
<img src="<?php echo get_template_directory_uri(); ?>/images/pic2.png" alt="Stack"> <p>Add functionality, personalize the look and feel, connect to third-party services.</p>
</div> <footer>
<header> <a href="https://github.com/friendica/friendica-addons" class="button special">More</a>
<h3>PHP &amp; MariaDB</h3> </footer>
</header> </article>
<p>Run your personal Friendica node on shared hosts.</p> </div>
<p>Friendica runs on PHP with MariaDB as a database. If you can run WordPress, you can run Friendica.</p> </div>
<footer> </section>
<a href="/requirements/" class="button special">More</a>
</footer> <hr>
</article> <!-- Four -->
<article> <?php
<div class="image fit"> $args = array(
<img src="<?php echo get_template_directory_uri(); ?>/images/pic1.png" alt="Plugin"> 'post_type' => "post"
</div> );
<header> $the_query = new WP_Query( $args );
<h3>Extensible</h3> ?>
</header>
<p>Extensible via third-party plugins and themes.</p> <section id="four" class="wrapper special">
<p>Add functionality, personalize the look and feel, connect to third-party services.</p> <div class="inner">
<footer> <header class="align-center">
<a href="https://github.com/friendica/friendica-addons" class="button special">More</a> <h2>Last News</h2>
</footer> </header>
</article> <div class="row">
</div> <!-- article 1 -->
</div> <?php
</section> if ($the_query->have_posts()) {
<section id="run"> $the_query->the_post();
<div class="inner"> get_template_part( 'entry', 'home' );
<header class="align-center"> }
<h2>Run your own server</h2> ?>
<p>Be part of the network, host a Friendica server for you, your family and your friends!</p> <div class="6u 12u$(medium)">
<p><a href="/resources/installation/" class="button special">Installation guide</a></p> <!-- article 2-5 -->
</header> <div class="row">
</div> <?php
</section> if ($the_query->have_posts()) {
$the_query->the_post();
<hr> get_template_part( 'entry', 'home' );
}
<!-- Last news --> ?>
<?php
$args = array( <?php
'post_type' => "post" if ($the_query->have_posts()) {
); $the_query->the_post();
$the_query = new WP_Query( $args ); get_template_part( 'entry', 'home' );
?> }
?>
<section id="four" class="wrapper special"> </div>
<div class="inner"> <hr>
<header class="align-center"> <div class="flex flex-2">
<h2>Last News</h2> <?php
</header> if ($the_query->have_posts()) {
<div class="row"> $the_query->the_post();
<!-- article 1 --> get_template_part( 'entry', 'home' );
<?php }
if ($the_query->have_posts()) { ?>
$the_query->the_post();
get_template_part( 'entry', 'home' ); <?php
} if ($the_query->have_posts()) {
?> $the_query->the_post();
<div class="6u 12u$(medium)"> get_template_part( 'entry', 'home' );
<!-- article 2-5 --> }
<div class="row"> ?>
<?php </div>
if ($the_query->have_posts()) { </div>
$the_query->the_post(); <div>
get_template_part( 'entry', 'home' ); </div>
} </section>
?> <?php wp_reset_query(); ?>
<?php get_footer(); ?>
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
</div>
<hr>
<div class="flex flex-2">
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
<?php
if ($the_query->have_posts()) {
$the_query->the_post();
get_template_part( 'entry', 'home' );
}
?>
</div>
</div>
<div>
</div>
</section>
<?php wp_reset_query(); ?>
<?php get_footer(); ?>

BIN
screenshot.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 144 KiB

After

Width:  |  Height:  |  Size: 203 KiB

6
style.css
View file

@ -4,13 +4,13 @@ Theme URI: https://git.friendi.ca/friendica/friendica-wp-theme
Author: Friendica Author: Friendica
Author URI: https://friendi.ca/ Author URI: https://friendi.ca/
Description: This is the theme for Friendica main site.<br>Based on https://templated.co/theory Description: This is the theme for Friendica main site.<br>Based on https://templated.co/theory
Version: 1.1.6 Version: 1.1.3
License: GNU General Public License License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: friendica Text Domain: friendica
*/ */
@import url(./assets/css/fork-awesome.min.css?v=1.1.7); @import url(./assets/css/fork-awesome.min.css);
@import url(./assets/css/fira.css); @import url(./assets/css/raleway.css);
@import url(./assets/css/main.css); @import url(./assets/css/main.css);