Browse Source

seconde tranche pour pages rubrique et article + styles + config

svn/attic/html5up_massively/117919
chankalan@choc0.net 4 years ago
parent
commit
c6d2927aa1
  1. 14
      .gitattributes
  2. 50
      article.html
  3. 57
      base/massively.php
  4. 42
      css/spip.css
  5. 6
      formulaires/configurer_html5up.html
  6. 4
      html5up_massively_administrations.php
  7. BIN
      images/bg.jpg
  8. BIN
      images/overlay.png
  9. BIN
      images/pic01.jpg
  10. BIN
      images/pic02.jpg
  11. BIN
      images/pic03.jpg
  12. BIN
      images/pic04.jpg
  13. BIN
      images/pic05.jpg
  14. BIN
      images/pic06.jpg
  15. BIN
      images/pic07.jpg
  16. BIN
      images/pic08.jpg
  17. BIN
      images/pic09.jpg
  18. 2
      inclure/liste/articles.html
  19. 2
      inclure/nav.html
  20. 2
      inclure/resume/article.html
  21. 2
      js/main.js
  22. 6
      lang/html5up_fr.php
  23. 7
      paquet.xml
  24. BIN
      prive/themes/spip/images/html5up_massively-128.png
  25. BIN
      prive/themes/spip/images/html5up_massively-16.png
  26. BIN
      prive/themes/spip/images/html5up_massively-32.png
  27. BIN
      prive/themes/spip/images/html5up_massively-64.png
  28. 61
      rubrique.html
  29. 2
      sommaire.html
  30. 19
      styles_config.css.html

14
.gitattributes vendored

@ -1,5 +1,7 @@
* text=auto !eol
/LICENSE.txt -text
/article.html -text
base/massively.php -text
css/font-awesome.min.css -text
css/main.css -text
css/noscript.css -text
@ -14,6 +16,17 @@ formulaires/configurer_html5up.html -text
formulaires/recherche.html -text
formulaires/recherche.php -text
/html5up_massively_administrations.php -text
images/bg.jpg -text
images/overlay.png -text
images/pic01.jpg -text
images/pic02.jpg -text
images/pic03.jpg -text
images/pic04.jpg -text
images/pic05.jpg -text
images/pic06.jpg -text
images/pic07.jpg -text
images/pic08.jpg -text
images/pic09.jpg -text
images/spip.svg -text
inclure/footer.html -text
inclure/head.html -text
@ -40,5 +53,6 @@ prive/themes/spip/images/html5up_massively-128.png -text
prive/themes/spip/images/html5up_massively-16.png -text
prive/themes/spip/images/html5up_massively-32.png -text
prive/themes/spip/images/html5up_massively-64.png -text
/rubrique.html -text
/sommaire.html -text
/styles_config.css.html -text

50
article.html

@ -0,0 +1,50 @@
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<BOUCLE_contenu(ARTICLES){id_article}>
<html>
<head>
<title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
[<link rel="canonical" href="(#URL_ARTICLE|url_absolue)" />]
<INCLURE{fond=inclure/head} />
</head>
<body class="page_article is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<header id="header">
[<span class="h1">(#NOM_SITE_SPIP)</span>]
</header>
<!-- Menu -->
<INCLURE{fond=inclure/nav,env} />
<!-- Main -->
<div id="main">
<section class="post">
<header class="major">
[<p class="surtitre">(#SURTITRE)</p>]
[<h1>(#TITRE)</h1>]
[<p class="soustitre">(#SOUSTITRE)</p>]
</header>
[<div class="chapo #EDIT{chapo}">(#CHAPO|image_reduire{1400})</div>]
[<div class="texte #EDIT{texte}">(#TEXTE|image_reduire{1400})</div>]
[<div class="ps #EDIT{ps}">(#PS|image_reduire{1400})</div>]
[<div class="notes">(#NOTES)</div>]
<INCLURE{fond=inclure/documents,id_article,id_rubrique=#NULL,ajax,env} />
</section>
</div>
<!-- Footer -->
<INCLURE{fond=inclure/footer} />
</div>
</body>
</html>
</BOUCLE_contenu>

57
base/massively.php

@ -0,0 +1,57 @@
<?php
if (!defined("_ECRIRE_INC_VERSION")) return;
/**
* Déclarer la liste des rôles
*
* @note
* L'API des rôles impose de donner un rôle par défaut : on ne peut pas dissocier des objets sans rôle.
*
* @param array $tables
* Description des tables
* @return array
* Description complétée des tables
*/
function html5up_massively_declarer_tables_objets_sql($tables) {
include_spip('inc/config');
// Le rôle par défaut est 'document', ça revient à dire que le document lié n'a aucun rôle particulier.
$roles_documents = array(
'document' => 'roles_documents:role_document',
'arriereplan' => 'massively:arriereplan'
);
// Si les logos sont activés, on les propose en rôles supplémentaires
$config_logos = array(
'logo' => lire_config('activer_logos'),
'logo_survol' => lire_config('activer_logos_survol'),
);
foreach ($config_logos as $role => $config) {
if ($config == 'oui') {
$roles_documents[$role] = "roles_documents:role_$role";
}
}
$choix = array_keys($roles_documents);
array_set_merge($tables, 'spip_documents', array(
'roles_colonne' => 'role',
'roles_titres' => $roles_documents,
'roles_objets' => array(
'*' => array(
'choix' => $choix,
'defaut' => 'document',
'principaux' => array(
'logo',
'logo_survol',
'arriereplan'
),
)
),
));
return $tables;
}

42
css/spip.css

@ -2,32 +2,21 @@
html, body { height:100%; }
#wrapper { min-height:100%; }
img { height: auto; }
#intro.hidden .button { opacity:0 !important; visibility:hidden !important; }
#intro + #header .logo { opacity:0 !important; }
#intro.hidden + #header .logo { opacity:1 !important; }
/* footer */
#main footer {
text-align: center;
}
#footer p { margin:0; }
#intro + #header .logo { opacity:0 !important; display:none; }
#intro.hidden + #header .logo { opacity:1 !important; display:block; }
/* formulaire contact */
.formulaire_contact legend { display:none; }
.formulaire_contact ul { list-style:none; padding:0; margin:0; }
.formulaire_contact li { padding:0; margin-bottom:1.5em; }
.bugajaxie { position: absolute; }
#contact_texte { height:150px; }
/* .page_rubrique #main > div > .posts { border:0; padding-top:2rem; } */
.h1 { font-size: 4rem; line-height: 1.1; margin: 0 0 2rem 0; font-family: "Source Sans Pro", Helvetica, sans-serif; font-weight: 900; letter-spacing: 0.075em; text-transform: uppercase; }
/* on veut ajaxer la liste/articles donc on reprend les styles */
/* on veut ajaxer la liste/articles donc on prend en compte une div de + dans les styles */
#main > * {
padding:0;
@ -120,4 +109,19 @@
/* footer */
#main footer {
text-align: center;
}
#footer p { margin:0; }
/* formulaire contact */
.formulaire_contact legend { display:none; }
.formulaire_contact ul { list-style:none; padding:0; margin:0; }
.formulaire_contact li { padding:0; margin-bottom:1.5em; }
.bugajaxie { position: absolute; }
#contact_texte { height:150px; }

6
formulaires/configurer_html5up.html

@ -36,6 +36,12 @@
class=palette,
type=color,
defaut=#F6F6F6})]
[(#SAISIE{input,couleur_typo_footer,
label=<:html5up:couleur_typo_footer:>,
explication=<:html5up:couleur_typo_footer_explications:>,
class=palette,
type=color,
defaut=#717981})]
</div>
</fieldset>
<fieldset>

4
html5up_massively_administrations.php

@ -33,10 +33,6 @@ function html5up_massively_upgrade($nom_meta_base_version, $version_cible) {
'couleur_bkg_footer' => '#F5F5F5',
))
);
// $maj['0.0.2'] = array(
// array('ecrire_config','html5up', array(
// ))
// );
include_spip('base/upgrade');
maj_plugin($nom_meta_base_version, $version_cible, $maj);
}

BIN
images/bg.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 396 KiB

BIN
images/overlay.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
images/pic01.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

BIN
images/pic02.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/pic03.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/pic04.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

BIN
images/pic05.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
images/pic06.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
images/pic07.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

BIN
images/pic08.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

BIN
images/pic09.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

2
inclure/liste/articles.html

@ -1,6 +1,6 @@
<B_articles>#ANCRE_PAGINATION
<section class="posts">
<BOUCLE_articles(ARTICLES) {id_rubrique?} {id_article !IN #CONFIG{massively/major}|picker_selected{article}} {age < #CONFIG{massively/age_articles_recents,90}} {!par date} {pagination 6}>
<BOUCLE_articles(ARTICLES) {id_rubrique?} {id_article !IN #CONFIG{html5up/major}|picker_selected{article}} {age < #CONFIG{massively/age_articles_recents,90}} {!par date} {pagination 6}>
<INCLURE{fond=inclure/resume/article,env,id_article} />
</BOUCLE_articles>
</section>

2
inclure/nav.html

@ -2,7 +2,7 @@
<ul class="links">
[<li[(#ENV{type-page}|=={sommaire}|oui) class="active"]><a href="#URL_SITE_SPIP">(#CONFIG{html5up/titre_sommaire}|textebrut|sinon{#NOM_SITE_SPIP})</a></li>]
<BOUCLE_rubriques(RUBRIQUES){racine}{par num titre, titre}>
<li[(#EXPOSE) class="active"]><a href="#URL_RUBRIQUE">#TITRE</a></li>
<li[(#EXPOSE|oui) class="active"]><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_rubriques>
</ul>[(#PLUGIN{sociaux}|oui)
<INCLURE{fond=inclure/rezo} />]

2
inclure/resume/article.html

@ -5,7 +5,7 @@
<h2><a href="#URL_ARTICLE">#TITRE</a></h2>
</header>
[<a href="#URL_ARTICLE" class="image fit">(#LOGO_ARTICLE|image_reduire{1200,*}|vider_attribut{class})</a>]
[<div class="introduction">(#INTRODUCTION)</div>]
[<div class="introduction">(#INTRODUCTION|couper{200})</div>]
<a href="#URL_ARTICLE" class="button"><:massively:lire_la_suite:></a>
</article>
</BOUCLE_article>

2
js/main.js

@ -121,7 +121,7 @@
$('.scrolly').scrolly();
// Background.
$wrapper._parallax(0.925);
$wrapper._parallax(0.5);
// Nav Panel.

6
lang/html5up_fr.php

@ -11,16 +11,16 @@ $GLOBALS[$GLOBALS['idx_lang']] = array(
'cfg_titre_parametrages' => 'Paramétrages',
'contact' => 'Restez en contact',
'couleur_accent' => 'Accent de couleur',
'couleur_accent_explications' => 'C\'est la couleur au survol des liens. Par défaut #F56A6A',
'couleur_accent_explications' => 'C’est la couleur au survol des liens. Par défaut #18bfef',
'contact_tel' => 'Téléphone',
'contact_adresse' => 'Adresse',
'contact_complement' => 'Complément',
'couleur_typo' => 'Couleur de la typographie',
'couleur_typo_explications' => 'Par défaut #585858',
'couleur_typo_explications' => 'Par défaut #909498',
'couleur_bkg' => 'Couleur d’arrière plan de la page',
'couleur_bkg_explications' => 'Par défaut #FFFFFF',
'couleur_bkg_footer' => 'Couleur d’arrière plan du pied de page',
'couleur_bkg_footer_explications' => 'Par défaut #F6F6F6',
'couleur_bkg_footer_explications' => 'Par défaut #F5F5F5',
// D
"design" => 'Design',

7
paquet.xml

@ -1,8 +1,8 @@
<paquet
prefix="html5up_massively"
categorie="squelette"
version="0.1.1"
schema="0.1.0"
version="0.1.2"
schema="0.1.2"
etat="dev"
compatibilite="[3.2.0;3.2.*]"
logo="prive/themes/spip/images/html5up_massively-64.png"
@ -26,8 +26,11 @@
<necessite nom="centre_image" compatibilite="[0.10.3;]" />
<necessite nom="pages" compatibilite="[1.3.7;]" />
<necessite nom="typoenluminee" compatibilite="[3.5.12;]" />
<necessite nom="roles_documents" compatibilite="[1.1.8;[" />
<utilise nom="contact" compatibilite="[0.16.0;]" />
<utilise nom="sociaux" compatibilite="[2.1.0;]" />
<pipeline nom="declarer_tables_objets_sql" inclure="base/massively.php" />
<menu nom="configurer_html5up_massively" titre="html5up:html5up_massively_titre" parent="menu_squelette" icone="images/html5up_massively-16.png" />

BIN
prive/themes/spip/images/html5up_massively-128.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

BIN
prive/themes/spip/images/html5up_massively-16.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 422 B

After

Width:  |  Height:  |  Size: 354 B

BIN
prive/themes/spip/images/html5up_massively-32.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 806 B

After

Width:  |  Height:  |  Size: 673 B

BIN
prive/themes/spip/images/html5up_massively-64.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

61
rubrique.html

@ -0,0 +1,61 @@
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<BOUCLE_contenu(RUBRIQUES){id_rubrique}>
<html>
<head>
<title>[(#TITRE|couper{80}|textebrut) - ][(#NOM_SITE_SPIP|textebrut)]</title>
[<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
[<link rel="canonical" href="(#URL_RUBRIQUE|url_absolue)" />]
<INCLURE{fond=inclure/head} />
[(#REM) Lien vers le flux RSS des articles la rubrique ]
<link rel="alternate" type="application/rss+xml" title="<:syndiquer_rubrique:>" href="[(#URL_PAGE{backend}|parametre_url{id_rubrique,#ID_RUBRIQUE})]" />
</head>
<body class="page_rubrique is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<header id="header">
[<span class="h1">(#NOM_SITE_SPIP)</span>]
</header>
<!-- Menu -->
<INCLURE{fond=inclure/nav,env} />
<!-- Main -->
<div id="main">
<section class="post">
<header class="major">
[<span class="date">(#DATE|affdate)</span>]
[<h1>(#TITRE)</h1>]
</header>
[<div class="texte #EDIT{texte}">(#TEXTE|image_reduire{1400})</div>]
[<div class="notes">(#NOTES)</div>]
<INCLURE{fond=inclure/documents,id_article,id_rubrique=#NULL,ajax,env} />
</section>
<!-- sousmenu des articles -->
<!-- Featured Post -->
[<article class="post featured">
<header class="major">
[<span class="date">(#DATE|affdate)</span>]
<div class="introduction #EDIT{texte}">(#TEXTE|image_reduire{900,*})</div>
</header>
</article>]
<!-- Posts -->
<INCLURE{fond=inclure/liste/articles,env,ajax,id_rubrique} />
</div>
<!-- Footer -->
<INCLURE{fond=inclure/footer} />
</div>
</body>
</html>
</BOUCLE_contenu>

2
sommaire.html

@ -10,7 +10,7 @@
[<meta name="description" content="(#DESCRIPTIF_SITE_SPIP|couper{150}|attribut_html)" />]
<INCLURE{fond=inclure/head} />
</head>
<body class="pas_surlignable page_sommaire">
<body class="page_sommaire is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">

19
styles_config.css.html

@ -13,19 +13,32 @@ c'est du text/html et iso-8859-15 car bug vieux navigateurs
#wrapper {[ background-color:(#CONFIG{html5up/couleur_bkg});][ color:(#CONFIG{html5up/couleur_typo});] }
a, #footer input[type="submit"] {[ color:(#CONFIG{html5up/couleur_typo}); ]}
/* hover */
a:hover, a:active, a:focus, a.on, .formulaire_contact form > fieldset.previsu > legend,
#nav ul.links li.active a:hover, #intro input[type="reset"]:hover, #intro input[type="button"]:hover, #intro button:hover,
#intro .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
button:hover, .button:hover, #footer input[type="submit"]:hover, #footer input[type="reset"]:hover,
#footer input[type="button"]:hover, #footer button:hover, #footer .button:hover, #footer a:hover {[ color:(#CONFIG{html5up/couleur_accent}) !important; ]}
#footer input[type="button"]:hover, #footer button:hover, #footer .button:hover, #footer a:hover, .pagination a:hover,
#footer ul.icons li a.icon:hover:before, #nav ul.icons li a.icon:hover:before, #nav a:hover, #header .logo:hover,
#copyright a:hover {[ color:(#CONFIG{html5up/couleur_accent}) !important; ]}
/* box-shadow */
#intro input[type="submit"]:hover, #intro input[type="reset"]:hover, #intro input[type="button"]:hover, #intro button:hover, #intro .button:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover,
#footer input[type="submit"]:hover, #footer input[type="reset"]:hover, #footer input[type="button"]:hover,
#footer button:hover, #footer .button:hover {[ box-shadow:inset 0 0 0 2px (#CONFIG{html5up/couleur_accent}); ]}
#footer button:hover, #footer .button:hover, #footer ul.icons.alt li a.icon:hover:before {[ box-shadow:inset 0 0 0 2px (#CONFIG{html5up/couleur_accent}); ]}
[#footer { background-color:(#CONFIG{html5up/couleur_bkg_footer}); }]
.pagination a:hover, #header .logo:hover, #footer input[type="text"]:focus, #footer input[type="password"]:focus, #footer input[type="email"]:focus, #footer select:focus, #footer textarea:focus {[ border-color:(#CONFIG{html5up/couleur_accent}) !important; ]}
[#footer { background-color:(#CONFIG{html5up/couleur_bkg_footer}); }]
#footer, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6,
#footer input, #footer select, #footer textarea, #footer label {[ color:(#CONFIG{html5up/couleur_typo_footer}); ]}
<BOUCLE_bg(DOCUMENTS){role=arriereplan}{0,1}{!par date}{tout}>
#wrapper .bg { background-image:url("#CHEMIN{images/overlay.png}"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("#FICHIER"); }
</BOUCLE_bg>
#wrapper .bg { background-image:url("#CHEMIN{images/overlay.png}"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("#CHEMIN{images/bg.jpg}"); }
<//B_bg>
Loading…
Cancel
Save