
Apprendre / découvrir
les langues anglaises,
l'histoire et la culture
des pays
anglophones
avec la presse
britannique et américaine.
Ce site
est réactualisé
chaque jour.
Navigation > liens externes :
choisir le mode
"ouvrir le lien
dans un nouvel onglet"

Welcome to Anglonautes
Statistiques internes et externes
Contact
Enseignants en France :
revendications
salariales, statutaires et sanitaires
pour 2021
Enseigner l'anglais
sans
dogme pédagogique
Welcome to Anglonautes
Depuis 2001,
Les anglonautes
vous font découvrir,
à partir d'articles,
caricatures,
vidéos,
podcasts et
photographies
de la presse
britannique et américaine :
1 - la langue anglaise
- vocabulaire et
grammaire -
dans ses formes
du début du XXIe siècle
(2000s - 2010s - 2020s).
2 -
l'histoire
de
l'Afrique du sud,
de
l'Australie,
des
Etats-Unis d'Amérique,
de
l'Irlande
et du Royaume-Uni.
3 - les enjeux
(guerre,
pauvreté,
santé...)
en Grande-Bretagne
et aux Etats-Unis d'Amérique.
La Grammaire
explicative
(niveau avancé)
et
la Grammaire en
bandes dessinées
sont rédigées en français.
Le reste du site
est en anglais.
La grammaire niveau avancé
traite,
en contexte
(articles, publicités,
dessins de presse,
comics,
photos, vidéos, podcasts),
des sens et valeurs
des mots
grammaticaux et lexicaux,
particules,
structures
(be + -ing)
et
marqueurs
(-ing).
La grammaire
comporte également
des tableaux
(verbes
irréguliers),
listes
(verbes
à particule,
quantificateurs)
et explications :
modaux
variations sémantiques
d'un même modal
passif
topréposition
+ N ≠ toviseur
-> Base Verbale
expressions du but
verbes à particule (s)
passé + marqueurs de temps
doauxiliaire
> sémantisme
légendes de
photographies :
présent simple / -ing ?
Grammaire
Vocapedia
Histoire
Dans ces trois rubriques,
explications
et définitions
sont illustrées par des
articles,
podcasts et videos,
pages de journaux,
caricatures,
illustrations,
publicités,
photos,
photographies animées,
infographies,
cartes,
cartes interactives.
Autres rubriques :
Apprendre,
Arts,
Science,
Podcasts,
Videos
Anglonautes > Visite guidée
1/2 - Histoire
des Etats-Unis et du Royaume-Uni
- Articles de presse
classés par année, pays et thème
Ex : 2008 > USA >
Politique > Election présidentielle
- Pages thématiques
relatives aux grandes dates
de l'histoire des Etats-Unis d'Amérique
et du Royaume-Uni.
Ex : 2001 > USA > '9/11'
Histoire des Etats-Unis et du Royaume-Uni
Chronologies / Timelines
21e siècle
Vous pouvez notamment
redécouvrir :
Politique étrangère
des USA
face au soulèvement des Egyptiens
(Janvier-Février 2011)
Marée noire
dans le Golfe du Mexique
(Mai-Juin 2010)
Première investiture
de Barack Obama
(20 janvier 2009)
Crise des subprimes
/ Subprime crisis aux USA
(2007-2008)
Visite du Pape
Benoît XVI aux USA /
Pope Benedict visits the USA
(2008)
Cyclone Katrina /
Hurricane Katrina
(2005)
20e siècle
Histoire des Etats-Unis et du Royaume-Uni
Dossiers thématiques
avec chronologies et photographies :
USA >
WW1
UK >
WW1
USA >
WW2
UK >
WW2
Advertisements > USA > WW2
Depuis 2007,
Histoire
est réactualisée chaque jour
(depuis 2020,
par manque de temps,
cette rubrique renvoie
aux rubriques Vocapedia).
Sources principales :
agences de presse
(Reuters),
journaux
(The New York Times, The
Guardian),
sites d'information
(NPR, ProPublica)
caricaturistes,
(Cagle)
comics
(Gocomics),
archives photographiques
(Life).
Histoire > Iconographie > Sources
Attention :
dans Histoire > Seconde guerre mondiale,
les légendes des photographies
provenant de la
Bundesarchiv
sont les légendes originales,
souvent rédigées par les nazis.
Ceci est systématiquement signalé.

Archives LIFE
:
certains clichés ont été pris
par les photographes
attitrés de
Adolf Hitler
- notamment par
Hugo Jaeger
-
ce qui n'est pas mentionné
dans les légendes de Life.
Dans les Anglonautes,
ceci est rappelé entre crochets
sous chaque légende.
Par ailleurs,
les légendes des images
LIFE
sont
à vérifier :
certaines sont
erronées
ou aléatoires
(orthographe des lieux,
personnes, fonctions).
Les négatifs LIFE
peuvent aussi avoir
été mal numérisés,
avec
inversion
droite-gauche.
Autres exemples :
http://images.google.com/hosted/life/00fdfc6dfda9e56b.html
http://images.google.com/hosted/life/13f8ff70e6cd056e.html
(un flip horizontal avec Photoshop
rétablit la symétrie droite-gauche).
2/2 - Vocapedia et
Grammaire
Vocapedia
réunit les mots
de la langue anglaise
des années 2000s - 2010s - 2020s
dans des rubriques thématiques
(par exemple Technology).
Chaque rubrique est divisée
en pages micro-thématiques
(Artificial Intelligence,
Virtual reality, etc.).
Chaque page
a un objectif lexical
et documentaire.
Certaines rubriques
traitent uniquement
d'un thème spécifique
à un pays,
comme par exemple
la violence par armes à feu
aux Etats-Unis :
gun violence > USA
Plus
Vocapedia
se développe,
plus ses pages deviennent
micro-thématiques.
Par exemple,
la rubrique consacrée
à la justice aux USA
compte actuellement
une trentaine de pages,
dont certaines donneront naissance
à de nouvelles pages,
plus "pointues".
L'objectif,
pour les années 2020s,
est de permettre
aux lecteurs / lectrices
non seulement
d'accéder plus vite
à un lexique thématique précis,
mais aussi,
en terme de navigation
Anglonautes -> site externe -> Anglonautes,
de revenir à peu près
où ils / elles en étaient
dans une page Vocapedia
après avoir cliqué
sur un lien externe
(en mode de clic rapide,
sur la partie gauche de la souris,
et non pas dans les 2 autres modes :
ouvrir le lien dans un nouvel onglet
ou
dans une nouvelle page).
Ce qui n'est pas le cas
début 2021,
puisque en mode de clic rapide,
la fonction retour
des navigateurs Chrome et Firefox
renvoie les utilisateurs
en tête de la page Vocapedia,
et non au point précis
où ils étaient dans cette page.
A terme,
dans Vocapedia,
ces "pages-parchemins"
seront donc remplacées
par des pages
micro-thématiques.
Cette démarche
s'appliquera aussi à d'autres rubriques
(ARTS, GRAMMAIRE, etc.),
à l'exception de HISTOIRE,
où certaines "pages-parchemins"
seront maintenues,
pour montrer
l'enchaînement des événements.
Vocapedia ne cherche pas
à expliquer les mots
par des définitions,
mais à documenter les mots
avec des articles,
podcasts, vidéos, photos,
dessins de presse,
cartes géographiques.
Vocapedia
montre non seulement
la fréquence des mots,
leur évolution sémantique
(par exemple
alien aux USA),
mais aussi
leur valeur / importance / dominance
discursives
et leur charge émotionnelle
(Coronavirus,
George Floyd).
Chaque mot
est relié aux articles,
images et sons
de cette époque :
reportages, podcasts,
musiques,
publicités
cartes interactives,
infographies,
caricatures,
comics,
dessins de presse,
illustrations,
images publicitaires,
photos,
vidéos...
Exemple :
dans la rubrique
economy, money, taxes,
housing market, shopping,
jobs, unemployment,
unions, retirement,
debt,
poverty, hunger,
homelessness
une page
est consacrée à
foreclosure
- terme emblématique
de la fin des années 2000s
aux USA.
Autres rubriques / pages
sur des termes marquants
des années
2000s-2010s-2020s :
viruses > Coronaviruses > SARS-CoV-2 virus
COVID-19 disease / pandemic > 2021
viruses > Coronaviruses > SARS-CoV-2 virus
COVID-19 disease / pandemic > late 2019 - 2020
cyberbullying
bitcoin
surveillance > biometrics
sens et valeurs des mots
Dans les signaux,
pensées,
conversations, discours,
représentations,
mentalités,
imaginaires et émotions
des années 2000s-2010s-2020s,
que disent / valent ces mots :
coronavirus
poor
miscarriage of justice
knife crime
in the UK
cyberbullying
health insurance
AIDS
war
immigration
homeless
Alzheimer's
cloning
fracking
faith
future
the Internet of things
?
Un corpus d'articles
à haute fréquence lexicale
figure en bas
de chaque page Vocapedia.
Ces articles ne sont pas
forcément récents :
ils ont été choisis
car ils comportent
de nombreux mots
relatifs
au thème de la page.
Dans
Vocapedia,
sous chaque mot,
- adjectif, nom ou
verbe -
une série de liens
renvoie à des articles,
photographies,
dessins de presse,
cartes géographiques,
videos ou podcasts.
Le lien le plus récent
est en tête de liste.
"Géomographie" :
A droite de chaque terme,
une série de liens
pointant vers des articles
de la presse
américaine
est signalée par USA
(UK pour la presse britannique) :
disability USA
http://www.nytimes.com/column/disability
https://www.npr.org/2020/09/17/
912840482/u-s-agency-urges-end-to-below-minimum-wage-for-workers-with-disabilities
https://www.nytimes.com/2020/07/23/
obituaries/cheryl-marie-wade-overlooked.html
https://www.nytimes.com/2020/07/13/
us/disability-reveal.html
https://www.nytimes.com/2020/04/08/
nyregion/coronavirus-disabilities-group-homes.html
Exception :
si une page
Vocapedia
traite d'un thème
spécifique à un pays,
l'origine géographique
(UK / USA)
de l'article
n'est pas mentionnée.
Par exemple,
dans
immigration > USA
presque tous les articles
proviennent
de la presse américaine,
donc il n'y a pas d'indication
UK / USA,
sauf exceptions :
family separation
est marqué
UK / USA
car les liens relatifs à ce sujet
viennent à la fois
du Guardian (UK)
et du New York Times (USA)
Liens obsolètes :
sauf exception,
ils sont supprimés
de
Vocapedia.
Certains liens "brisés"
sont conservés
pour signaler la disparition
d'un article important.
Permanence des liens externes
Depuis au moins 20 ans,
les liens du
Guardian
restent pour la plupart
accessibles :
nous avons donc choisi
ce quotidien britannique
comme référence,
l'autre raison étant que
The Guardian
a une
approche documentaire
de l'actualité et de l'histoire
(photo essays,
timelines in pictures,
comparaison constante
entre passé et présent),
comme ProPublica
et
The New York Times
aux USA,
ou
Mediapart en France.
A noter qu'au début
des journaux en ligne,
les liens du Guardian
ne comportaient
aucune indication relative
au sujet et à la date
:
en 2006,
http://www.guardian.co.uk/science/story/0,,1790560,00.html (broken URL)
donnait accès à
Britain's first beating heart
transplant
Vocapedia
Liste de liens sous chaque mot :
2021 / 2022 :
ces liens,
qui pointent vers
des articles / podcasts / vidéos,
ne s'afficheront plus
dans leur totalité,
la liste serait trop longue.
Création (via un script)
d'une "collapsible section"
qui s'estompe progressivement
après quelques liens,
et qui réapparaît
quand on la survole.
Cette section
permettra à certain-e-s
lecteurs / lectrices
de parcourir uniquement
une liste de mots relatifs
à un thème,
et aux autres de lire
certains articles
qui "incarnent" ces mots.
Traduction automatique
avec prononciation
Vous pouvez facilement traduire
- dans la langue de votre choix -
et entendre
chaque mot ou groupe de mots
en ajoutant à Chrome
les extensions
Transover et
Pronounce :
Transover
1 / 2
Après ajout de Transover,
faites un clic-droit
sur l'icône Transover
(en haut à droite de Chrome)
pour choisir vos options
de traduction
et de prononciation.
Vous avez le choix
entre plusieurs dizaines de langues :
français
русский язык
العربية
日本語
...
2 / 2
Il suffit ensuite
de survoler un mot
ou de marquer un groupe de mots
pour que la traduction s'affiche.
Vous pouvez aussi écouter
la prononciation
de chaque mot
avec
Pronounce.
Vocapedia et
Grammaire
Couleurs et abréviations
pour différencier
le
verbal du nominal :
Base Verbale
(verbe
non conjugué) :
BV
Verbe conjugué
:
V
Auxiliaire
conjugué >
be, have, do
Auxiliaire
non conjugué >
modaux >
will,
would, can, could...
Formes nominales
:
N
désigne à la fois
les
pronoms,
noms,
Groupes Nominaux
et
Groupes Nominaux / Noms en -ing.
Ce code couleur
n'est pas encore appliqué
dans tout Vocapedia.
Anglonautes > Statistiques
source interne : Frontpage
15 décembre
2020
- 16 652 fichiers accessibles
depuis la page d'accueil,
dont 12 755 images :
caricatures,
comics,
dessins de presse,
illustrations,
publicités,
cartes,
photographies,
infographies.
- des milliers de podcasts
(estimation)
- 2 683 vidéos
(source : Sitemaps.com)
documentaires,
reportages,
informations,
explainers,
shows,
cartes interactives,
musique,
bandes-annonces.
- 358 476 liens externes.
- 152 745 liens internes.
- 3, 4 Go.
Anglonautes > Statistiques
source externe :
Sitemaps.com
January 4, 2021
5 124 pages
11 184 images
2 694 videos
- Dates données par les Anglonautes :
jour / mois /
année.
- Dates :
La date d'un document
est celle de sa publication.
Cette date
ne coïncide pas toujours
avec celle de l'événement :
par exemple,
la date d'une caricature
peut être celle
d'une seconde
publication.
- Réactualisation / corrections quotidiennes.
- Articles : texte intégral.
- Iconographie :
aucune modification.
- Icononographie > légendes
légende originale conservée.
- Ecran conseillé :
écran graphique
Full HD (1080p), 2 K ou 4K,
27 pouces.
- Accès libre et gratuit,
sans publicité,
sans programmes intrusifs.
- Statistiques de fréquentation :
Google Analytics.
- Site réalisé
dans un but non lucratif
(pas de compte en banque).
- Première édition
CSS responsive design et dark mode >
version pour PCs / Apple MACs :
15 décembre 2020
(pour les smartphones,
une version bêta est déjà en
ligne,
mais il faudra plusieurs mois
pour l'améliorer).
- Première édition CSS :
1er avril 2011.
- Première édition :
fin 2001.
Contact
anglonautes@gmail.com
https://www.facebook.com/
Les-Anglonautes-1728697954034605/
Anglonautes ®
Copyright / Registered mark
Ce site constitue une base de données
protégée par le Code de la propriété
intellectuelle :
"Art.
L.112-3.
Les auteurs de traductions, d'adaptations,
transformations
ou arrangements des oeuvres de l'esprit
jouissent de la protection instituée par le présent code
sans
préjudice des droits de l'auteur de l'oeuvre originale.
Il en est de même
des auteurs d'anthologies ou de recueils
d'oeuvres
ou de données diverses, tels que les bases de données,
qui, par le choix ou la
disposition des matières,
constituent des créations intellectuelles.
On entend par base de données un recueil d'oeuvres,
de données
ou d'autres éléments indépendants,
disposés de manière systématique ou méthodique,
et
individuellement accessibles par des moyens électroniques
ou par tout autre moyen."
"Anglonautes®
",
"Les Anglonautes®
"
et "l'Anglonaute®
"
sont des marques déposées.
Articles, podcasts, vidéos,
photographies, dessins de presse
Sources
NPR, WBUR, PBS, CBS,
ProPublica,
The Intercept,
The Conversation,
Jacobin,
The Nation,
Book Forum,
Press Association,
Reuters,
AP,
The Guardian,
The Economist,
The Voice,
The Independent,
The Observer,
The Times,
The Evening Standard,
The Sun,
The
News of the World,
The Daily Mirror, The Daily Express,
The Daily Mail, The
Daily Star,
The People,
Private Eye, The Irish Times,
Time Out, BBC radio 4, BBC
radio 5,
The New York Times,
The New Yorker,
The Washington Post,
The Washington
Times,
Los Angeles Times, Charlotte Observer, FT,
International Herald Tribune,
ABC News,
USA Today, The Boston Globe, The Wall Street Journal,
Associated
Press,
Wired Magazine, Slate, The Daily News, The New York Post,
The Houston
Chronicle,
The Dallas Morning News,
The Times Picayune,
The Orlando Sentinel,
The Toledo Blade,
The Rocky Mountain News,
The Baltimore Sun,
Rolling Stone,
Cagle,
King Features,
Gocomics.
France : Le Monde, Mediapart.
Articles, podcasts, caricatures et infographies > Sources :
The Guardian / The Observer.
The Guardian / The Observer > Digital
edition.
The Independent.
The Economist.
Reuters.
Press Association.
ProPublica.
The Intercept
The New York Times.
NPR.
USA Today.
Cagle / Slate.
Gocomics.
Life Images.
17 U.S. Code § 107
Limitations on exclusive rights:
Fair use
Notwithstanding the provisions of sections 106 and 106A,
the fair use of a copyrighted work,
including such use by reproduction in copies or phonorecords
or by any other means specified by that section,
for purposes such as criticism, comment, news reporting,
teaching
(including multiple copies for classroom use),
scholarship, or
research,
is not an infringement of copyright.
https://www.law.cornell.edu/uscode/text/17/107
Remerciements
Christopher "Kit",
Rémi,
Jordan,
Laurent,
Jean-Pascal,
Jeri,
Catherine,
Louise,
Camille,
Philippe,
François
et Elisabeth.
Ce site est dédié à :
Bernard R.
Georges B.
Gabriel S.
Claude M.
Pauline Gould,
famille Starkey.
- Version
responsive design et
dark design :
CSS bêta
développée à partir
du 12 décembre 2020.
D'après les premiers retours,
cette CSS marche bien
sur les PCs et les Macs.
Par contre,
la CSS pour les smartphones,
même si elle est déjà en ligne,
reste à améliorer en 2021.
CSS > développement > versions :
Version du 14 janvier 2021 :
body { text-align: center;
font-family: Arial; background-color: white; }
p { font-family: arial; }
table{ width: 1000px; text-align: left; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; line-height:200%; margin:auto; }
a:link { text-decoration: none; color: #6050DC !important; }
a:visited { text-decoration: none; color: #8EA2C6 !important; }
a:hover { text-decoration: none; color: #6F00FF !important; }
a:active { text-decoration: none; color: #000000 !important; }
/*ARCHIVES FROM BEFORE 2020 Major Tom Birthday*/
/*CURRENT OVERRIDING CSS*/
body{margin:0;padding:0;max-width:100vw
!important;position:relative;overflow-x:hidden;scroll-behavior:unset;background-color:black;color:#ccc;letter-spacing:.02em
!important;scrollbar-color:grey
black;scrollbar-width:thin;line-height:1.15;-webkit-text-size-adjust:
100%;/*iOS*/}
img {
height:unset !important;
width:unset !important;
border-style:none; /*IE10*/
}
img, iframe{
max-width:100vw !important;
/*! max-height:100vh !important; */
}
body,p,img,span,iframe,font{box-sizing:border-box;}
table:first-of-type p:nth-of-type(2) nobr{display:inline-block
!important;/*Android Chrome?*/letter-spacing:initial;font-size:13px
!important/*?*/;}
table:first-of-type p:nth-of-type(2),p,p font,table{max-width:100vw
!important;word-wrap: break-word !important;/*Android Chrome?*/}
table:first-of-type img,table:last-of-type
img,img[src$="logo_google_sherlock.gif"],img[src*="z_symbol_at_guardian"]{filter:invert(1)
hue-rotate(470deg) brightness(1) sepia(1) grayscale(1);max-width:276px
!important;}
.in-house-logo-no-filter{filter:none !important;width:calc(100vw - 16px)
!important;}
p[style*="margin-left:"]{max-width:600px !important;width:calc(100vw -
16px);margin: 16px auto !important;padding:0 8px;}
table:first-of-type td>font p+p>b>font {/*! white-space:pre-wrap
!important/\*Android Chrome?*\/; *//*! margin-top:-1.5em;
*/display:block;}/*test for smartphone devices*/
input{filter:invert(1)
hue-rotate(220deg);font-size:16px;max-width:213px;height:25px !important;}
img[src*="z_id_ill_emoji"]{filter:hue-rotate(390deg) invert() sepia(.3);}
img[src*="z_ill_headphones"]{filter:invert() hue-rotate(200deg);}
img[src*="z_ill_nyt_hat"]{filter:invert() hue-rotate(390deg);}
img[src*="syn_to_stars.gif"]{filter:invert() hue-rotate(190deg) saturate(10);}
.long-img{max-height:none !important;}
/*Priority css here for colors in general*/
a:link{color:#6653ff!important;/*contrast on white bg*/color:#8280ff
!important;/*contrast on black bg*/background-color:transparent;/*IE10*/}
font[color*="0000FF"],a[href^="#"]/*,table:nth-of-type(2)
a[href^="../../"]*/{color:cornflowerblue !important; color:#6495ed !important;}
font[color*="FF0000"]{color:deeppink;color:#ff425b;color:#ff421b !important;}
font[color*="000000"],p[style*="color: rgb(0, 0, 0)"],b
font[size="5"],font[size="5"] b{color:#ccc !important;}
::selection{background:goldenrod;color:black;}
/**/span[style*="background-color:
#FFFFFF"],span[style*="background-color:#FFFFFF"],p[style*="background-color:
rgb(255, 255, 255)"]{background:transparent !important;font-style:italic
!important;}
/**/span[style*="#FFFF00"]{background:transparent !important;color:#fef717;}
/**/span[style*="background-color: #C0C0C0"]{background:transparent
!important;color:inherit;text-underline-offset:.5em;text-decoration:underline
1px solid #ffab71;}
/**/u{text-underline-offset:.5rem;text-decoration-color:white;}
/*Priority css here for titles and links which can overide colors's priority, if
needed - keep in order !*/
a font[size="5"],font[size="5"] a{font-size:24px;}/*in case of manual typing
error*/
/*font[size="4"] a,a font[size="4"],font[size="4"]
a+br+a,font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a{}
font[size="4"] a+br+a,font[size="4"] a:only-of-type,a:only-of-type
font[size="4"]{}*/
/**/table:nth-of-type(2)
a,a,font[size="5"],p>b>font[size="2"],p>font[size="2"]>b,body:before{font-family:Noto
Sans,Noto Sans CJK JP,Arial !important;}
/*font[size="4"] a,a font[size="4"],font[size="4"]
a+br+a,font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a,*/
font[size="1"] a,a font[size="1"],font[size="1"] a+br+a{font:1em
/*Verdana,*/Liberation Mono !important;letter-spacing:initial
!important;font-size:12px !important;line-height:120% !important;}
a:hover{color:white !important;}
/**/
@media(max-width:430px) or (max-height:430px){
table{line-height:120%;}
font[size="5"],font[size="6"]{line-height:140% !important;}
table:first-of-type td>p a{width:40px;overflow:hidden;display:inline-block;}
table:first-of-type td>p a img{margin:0 0 0 -2em;}
u{text-underline-offset:.3rem}
p:empty+p:empty+p:empty+p:empty+p:empty+p:empty,
p:-moz-only-whitespace+p:-moz-only-whitespace+p:-moz-only-whitespace+p:-moz-only-whitespace+p:-moz-only-whitespace+p:-moz-only-whitespace,
p:blank+p:blank+p:blank+p:blank+p:blank+p:blank{display:none;}/*will work soon
in css*/
}
@media print {
body,p,font,table:first-of-type a:first-of-type>font{color:#717171
!important;background:white !important;}
/**/img,input{filter:none !important;}
/**/span[style*="#FFFF00"]{background:#fef717 !important;color:#717171;}
}
@media not screen and (display-mode: fullscreen){
body:before{content:"Best viewed in
fullscreen";width:190px;display:block;font-size:12px;font-weight:bold;text-transform:uppercase;position:relative
!important;margin:.5em auto 2em auto;}
@media (min-width:1300px){body:before{content:"Best viewed in
fullscreen";position:absolute !important;right:1em;top:1em;}}
}
/*BUGS OUTSIDE OF MOZILLA*/
b,strong{font-weight:bolder;/*Chrome, Safari, Edge*/}
body::-webkit-scrollbar {width:8px;}
body::-webkit-scrollbar-track {background:black;}
body::-webkit-scrollbar-thumb {background-color:grey;}
/*Full or semi-hiding scrollbar for browsers' codes updates*/
html{width:100%;height:100%;overflow:hidden;}
body{width:100%;height:100%;overflow-y:scroll;padding-right:0px;box-sizing:content-box;}
/*
Documentation for further changes to css stylesheet.
============================
ANTICIPATION OF THROWBACKS :
============================
=================
font[size="4"]+ a
=================
NO known occurence.
Anticipation :
IF the first <p> (paragraph) of the page content that is not empty,
ie Tree Organisation Manual Presentation where lies the page
ex Arts > Books > Writers > 20th century > USA > James Arthur Baldwin 1924-1987
contains an <a> (link) which is not inside a <font> :
the <a> will be applied the same style as the <a> below, (or more precisely
the <a> below which follow directly a <br> which follow directly a <font>
(which implicitely contains 1st part of the cut <a>) )which as of now is small
bold uppercase.
MANUAL solution being =
on frontpage, a) create the link AND THEN add font sizes and family
b) make sure the link <a> is inside the space impacted by/called <font>
either by checking source code ;
or by clicking at least one character before the end of the no-problem zone
to write, even if the characted has to be retyped afterwards ;
or by relying on systemic frontpage and frontpage user's coordinated habits
which have worked so far... for this.
CSS solution being =
table:nth-of-type(2) p:nth-of-type(2) a{text-transform: none;font-size:24px
!important;font-weight:400;}
which itself would necessitate the Tree Organisation Manual Presentation
always being the 2nd paragraph (above) or 1st or 2nd (under) =
table:nth-of-type(2) p:nth-of-type(2) a,
table:nth-of-type(2) p:nth-of-type(1) a{text-transform: none;font-size:24px
!important;font-weight:400;}
CSS solution 2nd being (chosen) =
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a
instead of =
font + a
This last solution does not reajust the links in Tree Organisation Manual
Presentation
=========================
font[size="4"]>a
=========================
An occurence which declined, can cause the problem :
p > font[size="4"] > font[size="4"][face="Arial"] > a
Anticipation :
font[size="4"]>a
would not work if frontpage writes
p > font[size="4"] > [face="Arial"] > a
CSS solution being
font[size="4"] a
CONCLUSIVELY ALL RELATIONS BETWEEN <font> AND <a>
MUT BE WRITTEN IN GENERAL AND NOT DIRECT CHILD-PARENT RELATION.
=============================================================================
NB /\
IF ONE WHISHES TO CREATE MORE SPACE AT THE BEGINING OF WEBSITE PAGE CONTENT =
table:nth-of-type(2) p:nth-of-type(1) {margin-top:calc(4em + 8vh)}
BEST AT THIS STAGE NOT TO CHANGE THE SEMANTIC HTML SINCE IT IS OUR ONLY
HOPE OF MIMICKING CSS CLASSES
NO NEED FOR ADDING OR EVEN ERASING PARAGRAPHS
IF ONE WISHES TO ERASE FIRST PARAGRAPH SPACE VIA CSS =
table:nth-of-type(2) p:nth-of-type(1) {display:none}
=============================================================================
============================
TO INVESTIGUATE :
============================
=====
fixed
=====
IN GRAMMAR SECTION : difference in sizes between
a>font[size="1"]
font[size="1"]>a
=========
not fixed
=========
CHROME MEDIA BUG - MUST FIND BANNER FILE TO ADD :
<meta name="viewport" content="width=device-width,initial-scale=1">
DOES NOT HAVE LEVERAGE ON :
ANYTHING relating to audio players (npr)
ex : #player-main
which has its own css stylesheet priority
hence a) tame with it directly
or b) create another stylesheet
a) would need to host directly
https://bundles.npr.org/dist/bundles/playerEmbed-css-b565230000754872ad68.css
instead of hosting it externally
b) would have to find a way to surpass
the priority of embeded stylesheets
a) would need to edit all the pages
containing this embeded stylesheet
to replace it with an internal css link,
either future-led recursive monk-ly or through bash script.
b) would need simpler but perhaps inexisting documentation.
DOES NOT HAVE LEVERAGE ON :
LACK OF SYSTEMIC HTML PATTERNS :
difference between usage elements :
- reference section links at bottom of page
- Tree Organisation Manual Representation at bottom of page
unicity in structural elements :
font[size="4"] > a
no systemic difference in parent structural elements :
p[align="center"] (Vocapedia 2nd Tree : http://www.anglonautes.eu/)
p[style*="text-align: center"] (Vocapedia 2nd Tree :
http://www.anglonautes.eu/english%20words_vocabulary_in_news_by_topic_2000s_2010s_2020s_uk_usa/arts/architecture_cities_towns/home/home_green/green_homes.htm)
BIN
a font,font a{font-size:unset;}
@media only screen and not (display-mode:fullscreen){
body::before{content:"Best viewed in fullscreen F11 on your
keyboard";position:absolute;right:1em;top:1em;width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;}
@media(max-width:730px) or (max-height:730px){body::before{content:"Best viewed
in fullscreen";position:initial;margin:.5em auto 2em auto;}}
@media(min-width:1300px){body::before{content:"Best viewed in fullscreen F11 on
your
keyboard";position:absolute;right:1em;top:1em;width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;}}
}
text-decoration: underline 2px solid #fef717;filter:hue-rotate(320deg);
color:#dd6c2e;background:#ffaa00;color:#ffcc58;color:#add392;color:#ffcc86;color:#ffcc28
!important;background:#ffab71;color:#ffab71;
*/
<script type="text/javascript" src="zmyscript.js"></script>
Version du 7 janvier 2021
body { text-align: center;
font-family: Arial; background-color: white; }
p { font-family: arial; }
table{ width: 1000px; text-align: left; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; line-height:200%; margin:auto; }
a:link { text-decoration: none; color: #6050DC !important; }
a:visited { text-decoration: none; color: #8EA2C6 !important; }
a:hover { text-decoration: none; color: #6F00FF !important; }
a:active { text-decoration: none; color: #000000 !important; }
/*ARCHIVES FROM BEFORE 2020 Major Tom Birthday*/
/*CURRENT OVERRIDING CSS*/
body{margin:0;padding:0;max-width:100vw
!important;position:relative;overflow-x:hidden;scroll-behavior:
unset;background-color: black; color:#ccc ;letter-spacing: .02em
!important;scrollbar-color:grey black;scrollbar-width:thin;line-height:
1.15;-webkit-text-size-adjust: 100%;/*iOS*/}
img {
height: unset !important;
width: unset !important;
border-style: none; /*IE10*/
}
img, iframe{
max-width:100vw !important;
max-height:100vh !important;
}
body,p,img,span,iframe,font{box-sizing:border-box;}
table:first-of-type p:nth-of-type(2) nobr {display:inline-block
!important;/*Android Chrome ?*/letter-spacing: initial;font-size:13px;}
table:first-of-type p:nth-of-type(2), p, p font, table{max-width:100vw
!important;word-wrap: break-word;/*Android Chrome ?*/}
table:first-of-type img,table:last-of-type
img,img[src$="logo_google_sherlock.gif"] {filter:invert(1) hue-rotate(470deg)
brightness(1) sepia(1) grayscale(1);max-width:276px !important;}
.in-house-logo-no-filter{filter:none !important;width:calc(100vw - 16px)
!important;}
p[style*="margin-left:"]{max-width:600px !important;width:calc(100vw -
16px);margin: 16px auto !important;padding:0 8px;}
table:first-of-type td>font p + p>b>font {white-space: pre-wrap !important
/*Android Chrome ?*/;margin-top: -1.5em;display: block;}/*test for smartphone
devices*/
input{filter:invert(1) hue-rotate(220deg);font-size: 16px;max-width: 213px;}
/*Priority css here for colors in general*/
font[color*="0000FF"]{color:cornflowerblue !important; color: #6495ed
!important;}
font[color*="FF0000"]{color:deeppink;color: #ff425b;color: #ff421b !important;}
font[color*="000000"], b font[size="5"], font[size="5"] b{color:#ccc
!important;}
a:link{color:#6653ff!important; /*contrast on white background*/color:#8280ff
!important; /*contrast on black background*/background-color:
transparent;/*IE10*/}
::selection{background:goldenrod;color:black;}
/**/span[style*="background-color:
#FFFFFF"],span[style*="background-color:#FFFFFF"]{background:transparent
!important;font-style:italic;}
/**/span[style*="#FFFF00"]{background:transparent !important;color:#fef717;}
/*Priority css here for titles and links which can overide colors's priority, if
needed - keep in order !*/
a font[size="5"], font[size="5"] a{font-size:24px;} /*in case of manual typing
error*/
font[size="4"] a, a font[size="4"], font[size="4"] a + br + a,
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a
font[size="1"] a, a font[size="1"], font[size="1"] a + br + a{font-size:12px
!important;line-height: 120% !important;
font:1rem Noto Sans !important;font:1rem Tahoma !important;font:1em Verdana
!important;letter-spacing:initial !important;}
font[size="4"] a, a font[size="4"], font[size="4"] a + br + a,
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a{/**/text-transform:
none;}
font[size="4"] a + br + a, font[size="4"] a:only-of-type, a:only-of-type
font[size="4"],
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a{font-weight:00
!important;}
/**/table:nth-of-type(2)
a,a,font[size="5"],p>b>font[size="2"],p>font[size="2"]>b{font-family:Noto Sans
!important;}
a:hover{color:white !important;}
/**/
@media(max-width:430px) or (max-height:430px){
table{line-height:120%;}
font[size="5"],font[size="6"]{line-height:140% !important;}
table:first-of-type td>p a{width:40px;overflow:hidden;display:inline-block; }
table:first-of-type td>p a img{margin:0 0 0 -2em;}
p:empty + p:empty + p:empty + p:empty + p:empty + p:empty,
p:-moz-only-whitespace + p:-moz-only-whitespace + p:-moz-only-whitespace +
p:-moz-only-whitespace + p:-moz-only-whitespace + p:-moz-only-whitespace,
p:blank + p:blank + p:blank + p:blank + p:blank + p:blank{display:none;}/*will
work soon in css*/
}
@media print {
body,p,font,table:first-of-type a:first-of-type > font {
color:#717171 !important;
background: white !important;}
/**/img,input{filter:none !important;}
/**/span[style*="#FFFF00"]{background:#fef717 !important;color:#717171;}
}
/*choose: font-family Noto Sans on both sizes ?*/
@media not screen and (display-mode: fullscreen){
body:before{content:"Best viewed in
fullscreen";width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;position:relative
!important;margin:.5em auto 2em auto;font-family:Noto Sans;}
@media (min-width:1300px){body:before{content:"Best viewed in fullscreen F11 on
your keyboard";position:absolute !important;right:1em;top:1em;font-family:Noto
Sans;}}
}
/*BUGS OUTSIDE OF MOZILLA*/
b,strong{font-weight: bolder;/*Chrome, Safari, Edge*/}
body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-track {background: black;}
body::-webkit-scrollbar-thumb {background-color: grey;}
/*Full or semi-hiding scrollbar for browsers' codes updates*/
html{width: 100%;height: 100%;overflow: hidden;}
body{width: 100%;height: 100%;overflow-y: scroll;padding-right: 0px;box-sizing:
content-box;}
/*
Documentation for further changes to css stylesheet.
============================
ANTICIPATION OF THROWBACKS :
============================
=================
font[size="4"]+ a
=================
NO known occurence.
Anticipation :
IF the first <p> (paragraph) of the page content that is not empty,
ie Tree Organisation Manual Presentation where lies the page
ex Arts > Books > Writers > 20th century > USA > James Arthur Baldwin 1924-1987
contains an <a> (link) which is not inside a <font> :
the <a> will be applied the same style as the <a> below, (or more precisely
the <a> below which follow directly a <br> which follow directly a <font>
(which implicitely contains 1st part of the cut <a>) )which as of now is small
bold uppercase.
MANUAL solution being =
on frontpage, a) create the link AND THEN add font sizes and family
b) make sure the link <a> is inside the space impacted by/called <font>
either by checking source code ;
or by clicking at least one character before the end of the no-problem zone
to write, even if the characted has to be retyped afterwards ;
or by relying on systemic frontpage and frontpage user's coordinated habits
which have worked so far... for this.
CSS solution being =
table:nth-of-type(2) p:nth-of-type(2) a{text-transform: none;font-size:24px
!important;font-weight:400;}
which itself would necessitate the Tree Organisation Manual Presentation
always being the 2nd paragraph (above) or 1st or 2nd (under) =
table:nth-of-type(2) p:nth-of-type(2) a,
table:nth-of-type(2) p:nth-of-type(1) a{text-transform: none;font-size:24px
!important;font-weight:400;}
CSS solution 2nd being (chosen) =
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a
instead of =
font + a
This last solution does not reajust the links in Tree Organisation Manual
Presentation
=========================
font[size="4"]>a
=========================
An occurence which declined, can cause the problem :
p > font[size="4"] > font[size="4"][face="Arial"] > a
Anticipation :
font[size="4"]>a
would not work if frontpage writes
p > font[size="4"] > [face="Arial"] > a
CSS solution being
font[size="4"] a
CONCLUSIVELY ALL RELATIONS BETWEEN <font> AND <a>
MUT BE WRITTEN IN GENERAL AND NOT DIRECT CHILD-PARENT RELATION.
=============================================================================
NB /\
IF ONE WHISHES TO CREATE MORE SPACE AT THE BEGINING OF WEBSITE PAGE CONTENT =
table:nth-of-type(2) p:nth-of-type(1) {margin-top:calc(4em + 8vh)}
BEST AT THIS STAGE NOT TO CHANGE THE SEMANTIC HTML SINCE IT IS OUR ONLY
HOPE OF MIMICKING CSS CLASSES
NO NEED FOR ADDING OR EVEN ERASING PARAGRAPHS
IF ONE WISHES TO ERASE FIRST PARAGRAPH SPACE VIA CSS =
table:nth-of-type(2) p:nth-of-type(1) {display:none}
=============================================================================
============================
TO INVESTIGUATE :
============================
=====
fixed
=====
IN GRAMMAR SECTION : difference in sizes between
a>font[size="1"]
font[size="1"]>a
=========
not fixed
=========
CHROME MEDIA BUG - MUST FIND BANNER FILE TO ADD :
<meta name="viewport" content="width=device-width,initial-scale=1">
DOES NOT HAVE LEVERAGE ON :
ANYTHING relating to audio players (npr)
ex : #player-main
which has its own css stylesheet priority
hence a) tame with it directly
or b) create another stylesheet
a) would need to host directly
https://bundles.npr.org/dist/bundles/playerEmbed-css-b565230000754872ad68.css
instead of hosting it externally
b) would have to find a way to surpass
the priority of embeded stylesheets
a) would need to edit all the pages
containing this embeded stylesheet
to replace it with an internal css link,
either future-led recursive monk-ly or through bash script.
b) would need simpler but perhaps inexisting documentation.
DOES NOT HAVE LEVERAGE ON :
LACK OF SYSTEMIC HTML PATTERNS :
difference between usage elements :
- reference section links at bottom of page
- Tree Organisation Manual Representation at bottom of page
unicity in structural elements :
font[size="4"] > a
no systemic difference in parent structural elements :
p[align="center"] (Vocapedia 2nd Tree : http://www.anglonautes.eu/)
p[style*="text-align: center"] (Vocapedia 2nd Tree :
http://www.anglonautes.eu/english%20words_vocabulary_in_news_by_topic_2000s_2010s_2020s_uk_usa/arts/architecture_cities_towns/home/home_green/green_homes.htm)
BIN
a font, font a{font-size:unset;}
@media only screen and not (display-mode:fullscreen){
body::before{content:"Best viewed in fullscreen F11 on your
keyboard";position:absolute;right:1em;top:1em;width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;}
@media(max-width:730px) or (max-height:730px){
body::before{content:"Best viewed in fullscreen";position:initial;margin:.5em
auto 2em auto;}
}
@media(min-width:1300px){
body::before{content:"Best viewed in fullscreen F11 on your
keyboard";position:absolute;right:1em;top:1em;width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;}
}
}
*/
<script type="text/javascript" src="zmyscript.js"></script>
autres versions :
body { text-align: center; font-family: Arial;
background-color: white; }
p { font-family: arial; }
table{ width: 1000px; text-align: left; text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; line-height:200%; margin:auto; }
a:link { text-decoration: none; color: #6050DC !important; }
a:visited { text-decoration: none; color: #8EA2C6 !important; }
a:hover { text-decoration: none; color: #6F00FF !important; }
a:active { text-decoration: none; color: #000000 !important; }
/*ARCHIVES FROM BEFORE 2020 Major Tom Birthday*/
/*CURRENT OVERRIDING CSS*/
body{margin:0;padding:0;max-width:100vw
!important;position:relative;overflow-x:hidden;scroll-behavior:
unset;background-color: black; color:#ccc ;letter-spacing: .02em
!important;scrollbar-color:grey black;scrollbar-width:thin;line-height:
1.15;-webkit-text-size-adjust: 100%;/*iOS*/}
img {
height: unset !important;
width: unset !important;
border-style: none; /*IE10*/
}
img, iframe{
max-width:100vw !important;
max-height:100vh !important;
}
body,p,img,span,iframe,font{box-sizing:border-box;}
table:first-of-type p:nth-of-type(2) nobr {display:inline-block;letter-spacing:
initial;display: inline;/*Android Chrome ?*/font-size:13px;}
table:first-of-type p:nth-of-type(2), p, p font, table{max-width:100vw
!important;word-wrap: break-word;/*Android Chrome ?*/}
table:first-of-type img,table:last-of-type
img,img[src$="logo_google_sherlock.gif"] {filter:invert(1) hue-rotate(470deg)
brightness(1) sepia(1) grayscale(1);max-width:276px !important;}
.in-house-logo-no-filter{filter:none !important;width:calc(100vw - 16px)
!important;}
p[style*="margin-left:"]{max-width:600px !important;width:calc(100vw -
16px);margin: 16px auto !important;padding:0 8px;}
/*Priority css here for colors in general*/
font[color*="0000FF"]{color:cornflowerblue !important; color: #6495ed
!important;}
font[color*="FF0000"]{color:deeppink;color: #ff425b;color: #ff421b !important;}
font[color*="000000"], b font[size="5"], font[size="5"] b{color:#ccc
!important;}
a:link{color:#6653ff!important; /*contrast on white background*/color:#8280ff
!important; /*contrast on black background*/background-color:
transparent;/*IE10*/}
::selection{background:goldenrod;color:black;}
/*Priority css here for titles and links which can overide colors's priority, if
needed - keep in order !*/
a font[size="5"], font[size="5"] a{font-size:24px;} /*in case of manual typing
error*/
font[size="4"] a, a font[size="4"], font[size="4"] a + br + a,
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a
font[size="1"] a, a font[size="1"], font[size="1"] a + br + a{font-size:12px
!important;line-height: 120% !important;}
font[size="4"] a, a font[size="4"], font[size="4"] a + br + a,
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a{text-transform:
uppercase;}
font[size="4"] a + br + a, font[size="4"] a:only-of-type, a:only-of-type
font[size="4"],
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a{font-weight:800;}
@media(max-width:430px) or (max-height:430px){
table{line-height:120%;}
font[size="5"],font[size="6"]{line-height:140% !important;}
table:first-of-type td>p a{width:40px;overflow:hidden;display:inline-block; }
table:first-of-type td>p a img{margin:0 0 0 -2em;}
p:empty + p:empty + p:empty + p:empty + p:empty + p:empty,
p:-moz-only-whitespace + p:-moz-only-whitespace + p:-moz-only-whitespace +
p:-moz-only-whitespace + p:-moz-only-whitespace + p:-moz-only-whitespace,
p:blank + p:blank + p:blank + p:blank + p:blank + p:blank{display:none;}/*will
work soon in css*/
}
@media print {
body,p,font,table:first-of-type a:first-of-type > font {
color:#717171 !important;
background: white !important;
}
}
@media not screen and (display-mode: fullscreen){
body::after{content:"Best viewed in
fullscreen";width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;position:relative
!important;margin:.5em auto 2em auto;}
@media (min-width:1300px){body:after{content:"Best viewed in fullscreen F11 on
your keyboard";position:absolute !important;right:1em;top:1em;}}
}
/*BUGS OUTSIDE OF MOZILLA*/
b,strong{font-weight: bolder;/*Chrome, Safari, Edge*/}
body::-webkit-scrollbar {width: 8px;}
body::-webkit-scrollbar-track {background: black;}
body::-webkit-scrollbar-thumb {background-color: grey;}
/*Full or semi-hiding scrollbar for browsers' codes updates*/
html{width: 100%;height: 100%;overflow: hidden;}
body{width: 100%;height: 100%;overflow-y: scroll;padding-right: 0px;box-sizing:
content-box;}
/*
Documentation for further changes to css stylesheet.
============================
ANTICIPATION OF THROWBACKS :
============================
=================
font[size="4"]+ a
=================
NO known occurence.
Anticipation :
IF the first <p> (paragraph) of the page content that is not empty,
ie Tree Organisation Manual Presentation where lies the page
ex Arts > Books > Writers > 20th century > USA > James Arthur Baldwin 1924-1987
contains an <a> (link) which is not inside a <font> :
the <a> will be applied the same style as the <a> below, (or more precisely
the <a> below which follow directly a <br> which follow directly a <font>
(which implicitely contains 1st part of the cut <a>) )which as of now is small
bold uppercase.
MANUAL solution being =
on frontpage, a) create the link AND THEN add font sizes and family
b) make sure the link <a> is inside the space impacted by/called <font>
either by checking source code ;
or by clicking at least one character before the end of the no-problem zone
to write, even if the characted has to be retyped afterwards ;
or by relying on systemic frontpage and frontpage user's coordinated habits
which have worked so far... for this.
CSS solution being =
table:nth-of-type(2) p:nth-of-type(2) a{text-transform: none;font-size:24px
!important;font-weight:400;}
which itself would necessitate the Tree Organisation Manual Presentation
always being the 2nd paragraph (above) or 1st or 2nd (under) =
table:nth-of-type(2) p:nth-of-type(2) a,
table:nth-of-type(2) p:nth-of-type(1) a{text-transform: none;font-size:24px
!important;font-weight:400;}
CSS solution 2nd being (chosen) =
font[size="1"]+a,font[size="2"]+a,font[size="3"]+a,font[size="4"]+a
instead of =
font + a
This last solution does not reajust the links in Tree Organisation Manual
Presentation
=========================
font[size="4"]>a
=========================
An occurence which declined, can cause the problem :
p > font[size="4"] > font[size="4"][face="Arial"] > a
Anticipation :
font[size="4"]>a
would not work if frontpage writes
p > font[size="4"] > [face="Arial"] > a
CSS solution being
font[size="4"] a
CONCLUSIVELY ALL RELATIONS BETWEEN <font> AND <a>
MUT BE WRITTEN IN GENERAL AND NOT DIRECT CHILD-PARENT RELATION.
=============================================================================
NB /\
IF ONE WHISHES TO CREATE MORE SPACE AT THE BEGINING OF WEBSITE PAGE CONTENT =
table:nth-of-type(2) p:nth-of-type(1) {margin-top:calc(4em + 8vh)}
BEST AT THIS STAGE NOT TO CHANGE THE SEMANTIC HTML SINCE IT IS OUR ONLY
HOPE OF MIMICKING CSS CLASSES
NO NEED FOR ADDING OR EVEN ERASING PARAGRAPHS
IF ONE WISHES TO ERASE FIRST PARAGRAPH SPACE VIA CSS =
table:nth-of-type(2) p:nth-of-type(1) {display:none}
=============================================================================
============================
TO INVESTIGUATE :
============================
=====
fixed
=====
IN GRAMMAR SECTION : difference in sizes between
a>font[size="1"]
font[size="1"]>a
=========
not fixed
=========
CHROME MEDIA BUG - MUST FIND BANNER FILE TO ADD :
<meta name="viewport" content="width=device-width,initial-scale=1">
DOES NOT HAVE LEVERAGE ON :
ANYTHING relating to audio players (npr)
ex : #player-main
which has its own css stylesheet priority
hence a) tame with it directly
or b) create another stylesheet
a) would need to host directly
https://bundles.npr.org/dist/bundles/playerEmbed-css-b565230000754872ad68.css
instead of hosting it externally
b) would have to find a way to surpass
the priority of embeded stylesheets
a) would need to edit all the pages
containing this embeded stylesheet
to replace it with an internal css link,
either future-led recursive monk-ly or through bash script.
b) would need simpler but perhaps inexisting documentation.
DOES NOT HAVE LEVERAGE ON :
LACK OF SYSTEMIC HTML PATTERNS :
difference between usage elements :
- reference section links at bottom of page
- Tree Organisation Manual Representation at bottom of page
unicity in structural elements :
font[size="4"] > a
no systemic difference in parent structural elements :
p[align="center"] (Vocapedia 2nd Tree : http://www.anglonautes.eu/)
p[style*="text-align: center"] (Vocapedia 2nd Tree :
http://www.anglonautes.eu/english%20words_vocabulary_in_news_by_topic_2000s_2010s_2020s_uk_usa/arts/architecture_cities_towns/home/home_green/green_homes.htm)
BIN
a font, font a{font-size:unset;}
@media only screen and not (display-mode:fullscreen){
body::before{content:"Best viewed in fullscreen F11 on your
keyboard";position:absolute;right:1em;top:1em;width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;}
@media(max-width:730px) or (max-height:730px){
body::before{content:"Best viewed in fullscreen";position:initial;margin:.5em
auto 2em auto;}
}
@media(min-width:1300px){
body::before{content:"Best viewed in fullscreen F11 on your
keyboard";position:absolute;right:1em;top:1em;width:190px;display:block;font-size:
12px;font-weight:bold;text-transform: uppercase;}
}
}
*/
<script type="text/javascript" src="zmyscript.js"></script>
_______________________
img {
height: unset !important;
width: unset !important;
max-height: 100vh !important;
max-width:100vw !important;
}
body,p,img,span,iframe,font{box-sizing:border-box;/*! text-align:center; */}
table:first-of-type img,table:last-of-type img{filter:invert()
hue-rotate(170deg)}
table:first-of-type img,table:last-of-type img{filter:invert()
hue-rotate(470deg) brightness(1) sepia(1) grayscale(1)}
table:first-of-type img,table:last-of-type img{filter:invert()
hue-rotate(470deg) brightness(1) sepia(1) grayscale(1)}
table:first-of-type a:first-of-type > font{color:#ccc !important;}
iframe{
max-width:100vw !important;
max-height:100vh !important;
}
p font{box-sizing:border-box;/*! display:block; */}
table:first-of-type p:nth-of-type(2) nobr {display:inline-block;}
table:first-of-type p:nth-of-type(2), p,p font, table{max-width:100vw
!important;}
body{margin:0;padding:0;max-width:100vw
!important;position:relative;overflow-x:hidden;background-color: black;
color:#ccc !important;}
@media print {
body,p,font,table:first-of-type a:first-of-type > font {
color:#717171 !important;
background: white !important;
}
}
font[color*="0000FF"]{color:cadetblue;color:cornflowerblue;}
font[color*="FF0000"]{color:deeppink;color: #ff425b;color: #ff421b;}
a:link{color:#8280ff !important;color:#6653ff!important;}
a:link{color:#8280ff !important;}
::selection{background:goldenrod;color:black;}
a > font{font-size:unset;}
font[size="4"]>a, font + a{text-transform: uppercase;font-size:12px !important;
line-height: 120% !important;}
font[size="4"]>a + br + a{font-weight:400;font-style:italic;}
font[size="4"]>a + br + a, font + a{font-weight:800;font-style:initial;}
font[size="1"]>a{text-transform: uppercase;font-weight:;}
font[size="1"]>a + br + a{text-transform: uppercase;font-weight:bold;}
font[size="5"]{color:#ccc;}
/*
IN GRAMMAR SECTION : difference in sizes between
a>font[size="1"]
font[size="1"]>a
*/
Code dans bloc notes > Work in
progress
img {
height: unset !important;
width: unset !important;
max-height: 100vh !important;
max-width:100vw !important;
}
body,p,img,span,iframe,font{box-sizing:border-box;/*! text-align:center; */}
table:first-of-type img,table:last-of-type img{filter:invert()
hue-rotate(170deg)}
table:first-of-type img,table:last-of-type img{filter:invert()
hue-rotate(470deg) brightness(1) sepia(1) grayscale(1)}
table:first-of-type img,table:last-of-type img{filter:invert()
hue-rotate(470deg) brightness(1) sepia(1) grayscale(1)}
table:first-of-type a:first-of-type > font{color:#ccc !important;}
iframe{
max-width:100vw !important;
max-height:100vh !important;
}
p font{box-sizing:border-box;/*! display:block; */}
table:first-of-type p:nth-of-type(2) nobr {display:inline-block;}
table:first-of-type p:nth-of-type(2), p,p font, table{max-width:100vw
!important;}
body{margin:0;padding:0;max-width:100vw
!important;position:relative;overflow-x:hidden;background-color: black;
color:#ccc !important;}
@media print {
body,p,font,table:first-of-type a:first-of-type > font {
color:#717171 !important;
background: white !important;
}
}
font[color*="0000FF"]{color:cadetblue;color:cornflowerblue;}
font[color*="FF0000"]{color:deeppink;color: #ff425b;color: #ff421b;}
a:link{color:#8280ff !important;color:#6653ff!important;}
a:link{color:#8280ff !important;}
::selection{background:goldenrod;color:black;}
a > font{font-size:unset;}
font[size="4"]>a, font + a{text-transform: uppercase;font-size:12px !important;
line-height: 120% !important;}
font[size="4"]>a + br + a{font-weight:400;font-style:italic;}
font[size="4"]>a + br + a, font + a{font-weight:800;font-style:initial;}
font[size="1"]>a{text-transform: uppercase;font-weight:;}
font[size="1"]>a + br + a{text-transform: uppercase;font-weight:bold;}
font[size="5"]{color:#ccc;}
/*
IN GRAMMAR SECTION : difference in sizes between
a>font[size="1"]
font[size="1"]>a
*/
Informations
pour les éditrices / éditeurs
Téléchargement
1
- Ouvrir FileZilla (logiciel gratuit).
2
- Dans le panneau de gauche Site local,
ouvrir le site Anglonautes.
3
- Tout en haut à gauche, dans Fichier,
ouvrir Gestionnaire de sites,
choisir Anglonautes dans Sélectionnez une entrée.
4
- Dans le panneau de droite (serveur),
une fois effectuée la connexion avec le serveur,
choisir
vhosts > anglonautes > htdocs
5
- Dans le panneau de gauche (ordinateur),
choisir le dossier à envoyer sur le serveur,
faire un clic-droit sur le dossier, puis cliquer sur envoyer.
Si le fichier cible existe déjà sur le serveur,
action > remplacer > toujours effectuer cette action
6
- Pour ouvrir un dossier
à la fois sur l'ordinateur et le serveur : Ctrl + y
Cette commande synchronise
la liste des dossiers et fichiers
sur l'ordinateur et le serveur.
Pratique pour éviter de télécharger un gros dossier
(ex : HISTORY)
lorsque l'on veut télécharger un seul sous-dossier
(ex : HISTORY 2014).
Dans l'idéal, il faudrait que,
dès qu'un fichier est sauvegardé sur
l'ordinateur,
il soit automatiquement envoyé sur le serveur.
Edition
Toujours vérifier
que l'on travaille
sur le disque dur principal,
et pas sur une copie
dans l'un des disques de sauvegarde.
- Changement d'ordinateur,
changement de carte-mère ou réinstallation de Windows ?
Réinstaller Frontpage 2003.
Une fenêtre peut indiquer
que certains fichiers n'ont pas été copiés :
aucune importance, cliquer sur IGNORER.
Ouvrir Anglonautes > Clic droit sur un fichier >
Ouvrir avec >
Choisir un logiciel > Chercher logiciel >
Ordinateur > Disque local (C:) > Program Files
(X86) >
Microsoft Office > OFFICE11 > FRONTPAGE > Toujours
ouvrir avec
Attention, ne pas aller dans Disque local (C:) > Program
- Dans la bannière de l'index / la page d'accueil,
ne jamais supprimer la mention
"Edit the properties for this link
bar".
Supprimer cette mention
supprime toutes les icônes de navigation du site.
2020
Indexation automatique par Google
(plus de téléchargement manuel des 3
sitemaps).
Début février :
création de
3 sitemaps (pages + images + vidéos)
pour indexation complète
et automatique
des pages / images / vidéos par Google
sur le serveur
https://pro-sitemaps.com/
via un fichier PHP sur le serveur GANDI.
Ressources:
https://www.youtube.com/watch?v=xtoAfUB6Ubw
-
Typographie > Police de caractère > Autre police que l'Arial ?
-> Janvier 2021 > Noto Sans pour tous les titres /
textes signalétiques,
mais on garde Arial pour les autres textes.
-
Insérer un renvoi haut de page dans le pied de page.
-> Fait en janvier 2021.
FICHIER CSS
</script><link rel="stylesheet" type="text/css" href="z_css_table.css">
Ancienne CSS (avant décembre 2020) :
-
lien CSS :
-
1er Code CSS (avant juillet 2014) :
body { text-align: center; }
table{ width: 1000px; text-align:left }
<script type="text/javascript" src="zmyscript.js"></script>
- 2e code CSS (à partir de fin juillet 2014)
body { text-align: center; }
table{ width: 1000px; text-align: left; line-height:200%; margin:auto }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
<script type="text/javascript" src="zmyscript.js"></script>
- 3e code CSS (à partir du 25 juillet 2014)
body { text-align: center; }
table{ width: 1000px; text-align: left; line-height:200%; margin:auto }
a:link { text-decoration: none; color: #6050DC !important; }
a:visited { text-decoration: none; color: #8EA2C6 !important; }
a:hover { text-decoration: none; color: #6F00FF !important; }
a:active { text-decoration: none; color: #000000 !important; }
<script type="text/javascript" src="zmyscript.js"></script>
2021
- voir si #6653ff ne conviendrait pas mieux
pour a:link
- IMPORTANT : CSS responsive design et dark mode
développée le 12 décembre 2020 et mise en ligne le
15.
A tester en 2021.
- Attention au bug suivant,
qui se déclenche
lorsqu'on supprime des rubriques de la barre des rubriques
(en l'occurrence STATS et DOCS).
Le nom des rubriques est sauvegardé
dans l'un des 7 dossiers de
gestion du site :
_borders
_derived
_fpclass
_overlay
_themes
(depuis janvier 2021, inutile de télécharger ce
dossier sur le serveur).
_vti_cnf (à supprimer offine online ?)
_vti_pvt (IMPORTANT : contient les noms de la barre
des rubriques,
barre qui s'affiche sous "Les Anglonautes".)
11 janvier 2021 : après suppression de 2
rubriques,
le fond noir disparaît (car changement de thème dans
Frontpage,
erreur rectifiée.)
Même après réinstallation de la version non modifiée
des Anglonautes
et donc des 6 fichiers d'origine,
le problème persiste :
le fond noir de la CSS est
remplacé par du blanc.
Donc il y a 1 élément, dans ces fichiers,
qui n'accepte plus la CSS fond noir
lorsque l'on modifie la barre des rubriques
et que l'on télécharge sur le serveur
la nouvelle version : la CSS "n'accroche" pas
aux pages..
Problème résolu :
conflit avec le dossier THEMES sur le serveur.
Après suppression de vce dossier sur le serveur,
la CSS fonctionne parfaitement.
Dossier _vti_pvt :
le téléchargement de ce dossier
a toujours pris un temps anormalement long.
Contacter serveur.
2021
- Intégrer un fil d'Ariane (breadcrumb)
pour
permettre aux utilisateurs
de se repérer plus facilement
dans le site (voir plus bas) ?
Actuellement le fil d'Ariane est réalisé manuellement.
-
Documents iconographiques affichés plein écran > Diaporama :
la bannière-titre "Les Anglonautes + barre principale de navigation"
pourrait disparaître par le haut automatiquement
pour laisser place à
un diaporama plein écran,
avec flèches latérales avant / après,
flèches positionnées au milieu, à gauche et à droite
de l'écran.
La bannière et toutes les données de navigation
sont dans le
dossier -vti-pvt.
- Barre des rubriques :
quand on modifie le titre d'une rubrique,
par exemple Podcasts -> Podcasts - Videos,
ou quand on supprime une rubrique dans le menu des rubriques
par exemple
Images,
ce changement n'apparaît sur une page donnée
(et donc sur toutes les pages)
que si le nom du fichier cette page,
ou le contenu de cette page
(il suffit de faire un retour ligne en bas de page)
est modifié puis sauvegardé.
Trouver une solution pour que le changement
du titre d'une rubrique apparaisse immédiatement
sur toutes les pages.
On rencontre le même problème quand on modifie
la bannière Les Anglonautes (par exemple la taille de la police).
Certaines pages prennent en compte immédiatement la modification.
D'autres pages demandent une modification (un retour ligne suffit)
puis une sauvegarde
pour afficher la bannière modifiée.
Sinon on a l'ancienne bannière et les liens de la barre de navigation
sont invalides; par exemple si on clique sur Vocapedia,
on a le message suivant :
Not Found
The requested URL /menu_main_voc.htm was not found on this server.
Il en va de même lors de l'insertion de nouveaux fichiers dans un dossier.
Par exemple, si on insère une nouvelle page entre deux pages A et B
dans la rubrique Photography, la navigation ne se fera correctement
que si l'on modifie (un retour ligne suffit) A et B.
De ce point de vue, Frontpage n'a pas été bien conçu.
A noter que ces bugs aléatoires ont disparu depuis
janvier 2021.
Autre manque de souplesse de Frontpage :
si l'on modifie la bannière ou le footer
et qu'on télécharge sur le serveur
les fichiers
contenant ces modifications,
ces modifs ne seront pas visibles en ligne :
il faut télécharger toutes les pages du site
pour que ces modifs soient visibles.
-
Important : Méta-données > Titre des pages
(titres qui apparaissent dans les
résultats Google).
Explication :
le titre d'une page (une partie de son URL / adresse Internet)
n'est pas le nom du fichier de cette page.
Exemple : le fichier menu_main_about_french
a
pour titre, page description et keywords :
Anglonautes > About us > Learning English with UK / US media / press
On retrouve également
Anglonautes > About us > Learning English with UK / US media / press
dans l'arborescence du site,
à laquelle on accède via le menu View,
puis l'option Navigation.
Exception :
nous donnons aux pages qui sont des têtes de rubrique
- ces têtes de rubrique apparaisssent dans la barre
des rubriques :
ABOUT, SEARCH, VOCAPEDIA, HISTORY, etc. -
un titre précis, très court (souvent 1 mot),
car c'est ce titre qui apparaît dans cette barre.
Avec Frontpage 2003,
après avoir cliqué sur View
> Navigation,
et avoir ainsi accédé
à un schéma représentant
l'arborescence du site,
on entre ces titres de pages
(ex : Anglonautes >
History > 2013 > White House)
dans le champ de
l'icône correspondant à la page
et dans le menu Page properties.
Pour faire apparaître ce menu,
il faut faire un clic droit dans n'importe quelle page,
cliquer sur Page properties,
puis remplir 3 champs :
-
title
-
page description
-
key words
Si ces champs sont remplis de mots précis + et de dates,
plus Google les "servira" de manière précise
dans les résultats de recherche.
Attention : Comme il a été dit plus haut,
pour
les pages qui sont des têtes de rubrique
et dont les titres figurent donc dans la barre de navigation de la bannière,
tout en haut de l'écran (exemple : About - Search - Vocapedia - History, etc.),
il ne faut surtout pas que ce titre ait le même titre
que celui qui se trouve
dans Page properties.
On aurait alors des titres beaucoup trop longs dans la barre de navigation.
Par exemple, au lieu d'avoir ABOUT,
on aurait le long titre du menu Properties
de la page :
Anglonautes > About us / Who we are / what we do > Learning English
and
discovering UK / US history with news stories
-
Architecture du site > Arborescence
insertion d'un nouveau fichier /
déplacement de fichiers existants.
Important :
dans Frontpage,
pour déplacer un fichier vers un autre dossier
tout en gardant les liens de navigation,
il faut glisser ce fichier vers le nouveau dossier,
et non pas le
copier.
Si on copie le fichier dans le nouveau dossier,
on perd les liens de navigation.
En 2021,
Frontpage est depuis longtemps obsolète
et il comporte des bugs,
mais ce logiciel a un immense
avantage
pour quii veut faire un site en arborescence
(// dans le monde physique : galleries, musées) :
on peut modifier facilement et rapidement
une architecture en pyramide inversée
complexe (en janvier 2021,
les Anglonautes comptent plus de 5 000 pages
réparties sur plusieurs niveaux)
grâce à la représentation graphique de
l'arborescence du site,
où chaque rectangle représente une page) :
cliquer sur VIEW puis NAVIGATION
Le nouveau logiciel
devra garder la simplicité de Frontpage (drag and drop)
:
on clique dans le toggle pane sur
une icône
représentant la nouvelle page html,
et on place l'icône où on veut dans un schéma
représentant
l'arborescence du site.
Pour accéder à l'arborescence du site,
ouvrir le toggle pane
avec la sixième icône dans la barre d'outils.
Le toggle pane s'ouvre à gauche de l'écran
et affiche une folder list (liste des
dossiers).
Accès :
cliquer sur l'icône TOGGLE PANE (à gauche de la TOOLBAR),
ouvrir une page,
cliquer dans cette page,
cliquer le menu VIEW,
cliquer NAVIGATION
pour afficher l'arborescence dans la fenêtre principale,
cliquer sur TAB -> pour accéder à l'icône représentant cette page
dans l'arborescence (bug fréquent de Frontpage :
on accède en fait non à cette icône-cible,
mais à l'icône qui se trouve juste à droite).
-
Téléchargement > gain de temps >
fichier sauvegardé en interne
= fichier
automatiquement envoyé sur le serveur.
Actuellement, le téléchargement ne marche pas depuis Frontpage.
Il s'effectue manuellement avec FileZilla,
-
Sauvegardes > possibilité d'exporter, depuis le serveur,
à la fois les fichiers
et les données de navigation (barre, icônes, place dans l'arborescence).
Ceci n'est actuellement pas possible avec Frontpage
(on peut "rapatrier" les
fichiers depuis le serveur,
mais sans les données de navigation).
RAPPEL
IMPORTANT :
pour déplacer un sous-dossier
dans le sous- dossier d'une autre
rubrique
- par exemple
un sous-dossier de la rubrique IMAGES
dans un
sous-dossier de la rubrique
PHOTOGRAPHY,
ne pas copier, ne pas couper,
mais
faire glisser ce sous-dossier
dans son nouveau dossier.
En le faisant glisser,
on conserve les liens de navigation.
TEXTES
FEUILLE DE STYLE FRONTPAGE
AVANT LA CSS DEVELOPPEE PAR C
DE DECEMBRE 2020 A JANVIER 2021 :
A
PARTIR DE JUILLET 2014 ET JUSQU'EN NOVEMBRE 2020,
LES PARAMETRES CI-DESSOUS
VONT ETRE APPLIQUES A L'ENSEMBLE DU SITE
(ATTENTION, IL NE S'AGIT PAS D'UNE CSS) :
-
Police : Arial
-
Taille : 14
-
Pas d'italiques.
-
Format > Paragraph > Indentation > Line spacing > Double (200%),
sauf pour le haut de la page d'accueil (30%).
Si on laisse 200 %, il y a un trop grand espace entre la bannière titre
et la photo dans le body, à cause de l'absence de la barre de navigation
PREVIOUS UP HOME NEXT dans la page d'accueil.
-
Page avec seulement du texte ;
Format > Paragraphe > Identation : 250px after and before text
-
Images > Format maximal : 1800px de large.
Attention, lorsque les images sources font plus que 1800px,
après avoir redimensionné l'image à 1800px,
ne pas oublier de rééchantilonner l'image
en cliquant sur l'icône RESAMPLE PICTURE TO MATCH SIZE.
Cette icône s'affiche généralement en bas à droite de la photo.
Lorsqu'on insère une image à 1800px de large,
dans FORMAT -> PARAGRAPH,
le texte des articles
doit avoir une identation de 650px (avant et après).
Si l'image fait 2000 px de large, indentation de
750px.
-
En dessous de chaque document iconographique,
laisser un espace de 15 lignes.
-
Dans certaines parties (sauf la grammaire),
le texte est en bleu primaire.
Exemple : événements dans HISTOIRE,
noms d'artistes dans ARTS.
-
Vidéos et cartes interactives intégrées > Taille > 1200 x 700
Ce format implique de formater le texte (articles) en 350.
-
Polices pour le titre Les Anglonautes dans la bannière :
-
resources :
https://www.google.com/fonts#
_____________________
MISE EN FORME DES ARTICLES
DE JANVIER 2015 A NOVEMBRE 2020 :
The Growing
Shadow of Political Money
JAN. 24, 2015
The New York Times
By THE EDITORIAL BOARD
SundayReview | Editorial
Like bettors checking Las Vegas odds on the Super Bowl,
specialists in the nation’s booming campaign finance industry are tracking the
action in the 2016 elections, not so much to assess the candidates as to see how
much of a payout is likely this time around in the grand casino of American
politics.
The record total of $6.3 billion spent on the presidential and congressional
elections of 2012 is only the starting point. Estimates of next year’s likely
total are running between $7.5 billion and $8 billion. This moneyed universe is
certain to keep expanding as the political industry’s managers and their
candidates master the unlimited fund-raising and spending devices they now have
at hand.
The sheer numbers should be enough to raise public alarm. But needed reforms are
going nowhere, with too many congressional members busy bolstering their
incumbency with the help of the same large-scale donors. In last year’s
elections, the 100 biggest campaign check writers gave $323 million, plus many
millions more in anonymous donations to politically active “social welfare”
groups and other new money troughs. According to a report by Politico, total
spending by the 100 ultra-donors exceeded that of the 4.75 million ordinary
Americans who made smaller donations of $200 or less.
The risk of special-interest corruption? Five years ago, when the Supreme
Court’s Citizens United decision dashed decades of sensible controls by equating
unlimited corporate and union spending with individual free speech, Justice
Anthony Kennedy reassured the nation that full disclosure of donors would be
safeguard enough.
He envisioned a world, nonexistent, where disclosure lets citizens “see whether
elected officials are ‘in the pocket’ of so-called moneyed interests.” But
Congress then killed healthy disclosure requirements, and the way things are
working out, with untraceable donations on the rise, it’s more the reverse: a
case of moneyed interests moving snugly into the pockets of grateful officials.
Citizens United is just one of the threats to fair campaigning that is posed by
runaway money. No less pernicious has been the rise of the nonprofit groups
posing as “social welfare” organizations, while in truth they are political
machines. This fiction is garnering large donations from players seeking to hide
under protections in the tax code. The I.R.S. has timidly retreated from
policing this abuse because of Tea Party complaints. The Federal Election
Commission, charged with policing campaigns, is even more inert, paralyzed by an
enforcement standoff engineered by Republican commissioners.
Antidotes to the politics of toxic money, in the form of a package of reforms,
were offered last week to the new Congress. One would rein in the super-PAC
cornucopia of big money for candidates pretending to be uninvolved. Another
would strengthen ordinary Americans’ political speech by updating the public
financing system for presidential elections and creating a badly needed new one
for congressional races. A third, delivering on Justice Kennedy’s dream, would
mandate full disclosure of large-scale contributions and of the identities of
affluent donors now playing politics from the shadows.
But so far, reform of any sort has been no more than a dream. In this
unresponsive Congress, it is likely to remain so.
A version of this editorial appears in print on January 25, 2015,
on page SR12 of the New York edition with the headline: The Growing Shadow of
Political Money.
The Growing Shadow of Political Money,
NYT,
JAN 24, 2015,
http://www.nytimes.com/2015/01/25/
opinion/sunday/the-growing-shadow-of-political-money.html
_______________________
Anglonautes > Barre de navigation > Icônes Frontpage
Emplacement > Documents > Sites > Anglonautes > dossier _derived
Attention,
ces icônes (LEFT, UP, HOME, RIGHT) doivent être en GIF,
sinon elles n'apparaissent pas dans la barre de navigation.
Anglonautes > Résoudre le problème suivant :
ces nouvelles icônes (flèches bleues) apparaissent bien en ligne,
mais les anciennes icônes oranges
continuent d'apparaître sur Frontpage hors ligne
(par contre les nouvelles icônes apparaissent bien
dans DreamWeaver d'Adobe).
Comment ces icônes peuvent-elles s'afficher dans Frontpage
alors qu'elles ont été supprimées du dossier -derived ?
Autre problème : les anciennes icônes oranges (ci-dessous)
se réinstallent automatiquement dans le dossier _derived.








+
Ne pas supprimer le dossier _themes :
la police de caractères change.
______________________
ICONES
1
- Les icônes de navigation (flèches)
se trouvent dans le dossier DERIVED.
2
- L'icône
du pied de page
se trouve dans le dossier BORDER.
3
-
Pour pouvoir être utilisée dans plusieurs pages,
une icône doit être insérée dans une page.
Toutes les icônes utilisées dans les Anglonautes
sont sauvegardées ci-dessous :

à
réorienter comme on veut.
Anciennes icônes proposées par Frontpage :








_________________________________________________
Important > Bug Frontpage
Depuis janvier 2021, ce bug aléatoire a disparu.
Lorsqu'on renomme un dossier contenant un ou plusieurs fichiers,
ou lorsqu'on insère un nouveau fichier entre deux
autres fichiers
dans l'arborescence,
en ligne - seulement en ligne, pas sur le PC -
la navigation - gauche, droite, haut, page d'accueil
- entre les pages
ne se fait plus :
les nouveaux noms de fichiers - donc les nouveaux liens -
sont
parfois brisés.
C'est un bug aléatoire,
qui ne se produit pas avec
tous les dossiers.
On ne peut donc plus naviguer dans les pages / fichiers
qui viennent d'être renommés.
Astuce : il faut faire un changement
dans les pages / fichiers concernés
(n'importe quel changement,
même un espace ou un retour ligne).
Après ces changements,
et après téléchargement sur le serveur
des fichiers ainsi modifiés / "réactualisés",
la navigation en ligne se fera correctement.
Problème résolu :
sur le PC et dans Frontpage,
après suppression du dossier
vti_cnf dans chaque dossier,
la navigation n'est plus rompue
lorsque l'on modifie
les noms de fichiers.
Ces sous-dossiers vti-cnf,
générés automatiquement
par Frontpage,
contiennent un menu aberrant
qui entre en conflit avec le fichier menu de chaque
dossier,
créé par
les Anglonautes.
Il faut ensuite supprimer sur le serveur
les dossiers contenant un sous-dossier vti-cnf,
puis télécharger les nouveaux dossiers, sans aucun
vti_cnf.
A noter que après suppression d'un dossier vti_cnf,
celui peut réapparaître
car il est généré
automatiquement par Frontpage.
Ceci n'est plus un problème
car on sait qu'on peut
le supprimer
en cas de problème en ligne.
Voir si l'on peut aussi supprimer le dossier vti_cnf
qui se trouve à la racine du site.
Plus d'infos :
https://webmasters.stackexchange.com/questions/21164/
how-to-disable-usage-of-frontpages-vti-folders
_____________________________________________
Mode navigation :
Ouvrir un fichier.
Ouvrir le TOGGLE PANE à gauche
en cliquant en haut sur l'icône TOGGLE PANE
puis aller sur VIEW > NAVIGATION :
l'arborescence du site s'affiche.
Pour aller directement à l'icône représentant un fichier,
appuyer sur la touche TAB.
Attention, on arrive parfois à l'icône précédente -
vérifier.
Google tools
https://support.google.com/webmasters/topic/4598466
______________________________________________________________
List of Special Files and Directories Maintained by
FrontPage
Archived content. No warranty is made as to technical accuracy. Content may
contain URLs that were valid when originally published, but now link to sites or
pages that no longer exist.
This appendix lists all the files and directories that FrontPage adds to each
root web or sub-web.
Folders
Files
Purpose
_overlay
*.gif
Overlay files for FrontPage's text on GIF and navigation button features. These
files are transparent GIFs that are overlaid on top of base button or banner
images to build a complete text on GIF or navigation button composite image.
_derived
*.htx, *.gif
Files that are dynamically generated by FrontPage that can be regenerated at any
time, such as *.htx files created by the FrontPage Search Component (only when
using IIS with Microsoft Index Server) and composite text on GIF images (for
example, theme buttons and banners).
_borders
top.htm, left.htm, right.htm, bottom.htm
Shared border definition files that are included into pages using shared
borders.
_themes
*.gif, *.inf, *.css files for each theme
FrontPage themes storage. Each theme that is applied to the web is uploaded into
a uniquely named subfolder of the _themes directory. Each theme consists of GIF,
CSS, and INF files that define the theme.
_fpclass
*.class
Compiled Java class files that implement the Banner Ad Manager and Hover Button
FrontPage components.
_private
This folder is created in each FrontPage web. It is intended to contain user
files that are not browsable. This feature does not work on IIS servers.
_vti_bin
shtml.dll
shtml.exe
Stub FrontPage Server Extensions executables for runtime functionality.
fpcount.exe
Runtime portion of the FrontPage Hit Counter component.
*.idq
Query files created by the FrontPage Search component when using IIS with
Microsoft Index Server. These files reside in the _vti_bin directory in order to
get execute permissions.
_vti_bin/_vti_aut
author.dll
author.exe
Stub FrontPage Server Extensions executables for authoring functionality.
_vti_bin/_vti_adm
admin.dll
admin.exe
Stub FrontPage Server Extensions executables for security functionality.
_vti_bot
Used for custom FrontPage (WebBot) components created using the FrontPage SDK.
This folder contains the implementations of custom FrontPage components.
FrontPage custom components installed in these directories are optionally
downloaded to the user's machine when that Component is inserted by the user.
_vti_cnf
For each HTML page and graphics file in a FrontPage web there is a configuration
file of the same name.
Each configuration page contains a set of name value pairs, identifying such
things as the last author to edit a page or the program associated with a file.
_vti_log
Root web only. Only populated after the web administrator has enabled logging in
the frontpg.ini or we<port>.cnf file. When active, an author.log file gets
created here logging only FrontPage authoring and administration operations.
_vti_pvt
_x_todo.htm
Contains the current settings of the To Do List.
_x_todoh.htm
Contains the changes to the To Do List.
access.cnf
Contains HTTP server-specific access control information.
administrators.pwd
On Netscape servers only. Encrypted names and passwords of administrators.
authors.pwd
On Netscape servers only. Encrypted names and passwords of authors.
bots.cnf
Used for custom WebBot components created using the FrontPage SDK.
botinfs.cnf
Custom FrontPage (WebBot ) components information listing
deptodoc.btr
Dependency database for the web.
doctodep.btr
Dependency database for the web.
frontpg.lck
Root Web only. Lock file to keep web server resources from being accessed
simultaneously. Should be a zero-byte file at idle time. With IIS and WebSite
servers, this file is located in C:\Program Files\Microsoft
FrontPage\version3.0\temp, not in the web content area's _vti_pvt directory.
linkinfo.cnf
Back links for URLs not in the current web.
service.cnf
Contains meta-information about the web.
service.grp
Lists the members of the Administrator and Author groups. Used only for CERN and
NCSA servers.
service.pwd
Contains the encrypted password files. Not used on IIS and WebSite servers.
Service.stp
Contains the absolute file system path to the FrontPage web's service.pwd and
service.grp files. Used only for CERN and NCSA servers.
services.cnf
Root web only. Contains the list of sub-webs.
services.org
Root web only. File used as the basis for services.cnf when reinstalling the
Server Extensions, so that sub-webs are recreated as sub-webs instead of as
subdirectories of the root web.
service.lck
Lock file to keep web resources from being accessed simultaneously. Should be a
zero-byte file at idle time.
structure.cnf
Contains FrontPage web navigational information storage.
svcacl.cnf
Root web only. File used to store whether sub-webs have unique permissions
settings and any IP Address restrictions, so that when reinstalling the Server
Extensions the correct permissions settings are reapplied to any sub-webs.
users.pwd
On Netscape servers only. Encrypted names and passwords of end-users.
uniqueperm.cnf
Used on IIS only. The presence of this file indicates that the sub-web has
unique permissions settings, as opposed to inheriting permissions from the root
web. Present only in sub-webs.
writeto.cnf
Back links for files that can be written to by users of the web, such as Save
Results Form handler result files. Files that can be written to by users of the
web have a looser security setting than regular web content.
_vti_map
Contains image map files.
_vti_txt
This folder contains text indices for the WAIS search engine only. It is not
used by Index Server on IIS.
FrontPage also includes Server Extensions configuration files. See Using the
FrontPage Configuration File for details on Server Extensions configuration
files naming convention and file locations.
Subsystem
Definition
Affected Stores
Document parsing and attribute discovery
Document parser plus title, base, link extractor
• _vti_cnf, link
• content (read only)
• _vti_txt
Document expansion
Bot expansion, themes, borders,URL macros, link fix-up, taking page styles from
other pages
• _vti_cnf · link map
• service.cnf (read)
• deptodoc, doctodep
• structure store (read)
• bot meta-info (read)
• _themes
• content
• _vti_map
• _overlay (read)
• frontpg.ini (read)
Source control
VSS integration
• VSS database
• content
• _vti_cnf
• service.cnf
• structure.cnf
• _overlay
Structure store
Web structure store
• structure store · content
• _vti_cnf
• trigger dependency recalculation
Access control
Setting permissions on web
• svcacl.cnf, access.cnf
• content
• web server config (read)
Todo list
Todo list
• to do list
File system management
Generic reading, writing, etc. of files
• content
• trigger dependency recalculation
• _vti_cnf
Meta-info store
Combined meta-information stores
• _vti_cnf
• service.cnf
• frontpg.ini (read)
• trigger dependency recalculation
Dependency management
Managing relationships between documents,
structure store, time, meta-info, etc.
• _vti_cnf
• deptodoc, doctodep
• service.cnf (autorecalc bit)
Text indexing/searching
Internal WAIS text index
• service.cnf
• frontpg.ini (read)
• _vti_txt
Logging
Only author and admin ops
• _vti_log
"Open bot" management
Install and execution of open bots
• bots.cnf (read)
• botinfs.cnf (read)
• _vti_bot (read)
Web server management
Marking folders as executable, readable, etc.
Getting URL to file mappings, etc.
• frontpg.ini (read)
• web server configuration
Locking
Internal based, not user driven
• _vti_pvt/service.lck
Show: Inherited Protected
© 2013 Microsoft
© 2013 Microsoft. All rights reserved.
http://www.softpanorama.org/Office/Frontpage/
special_files_and_directories_maintained_by_frontpage.shtml
|