Les anglonautes

About | Search | Grammar | Vocapedia | Learning | News podcasts | Videos | History | Arts | Science | Translate and listen

 Home Up Next

 

 

 

 

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"

 

 

 

Anglonautes

 

 

 

 

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

 

 

 

home Up