diff --git a/Countries/af/Head-of-Goverment.png b/Countries/af/Head-of-Goverment.png
new file mode 100644
index 0000000..7a858d2
Binary files /dev/null and b/Countries/af/Head-of-Goverment.png differ
diff --git a/Countries/af/Head-of-Justice.png b/Countries/af/Head-of-Justice.png
new file mode 100644
index 0000000..1a4552a
Binary files /dev/null and b/Countries/af/Head-of-Justice.png differ
diff --git a/Countries/af/Head-of-State.png b/Countries/af/Head-of-State.png
new file mode 100644
index 0000000..32b1cc6
Binary files /dev/null and b/Countries/af/Head-of-State.png differ
diff --git a/Countries/af/index.html b/Countries/af/index.html
index 406bb5d..dedfa15 100644
--- a/Countries/af/index.html
+++ b/Countries/af/index.html
@@ -1,9 +1,48 @@
-
-
- Afghanistan
-
-
- The Country of Afghanistan
-
+
+
+ Afghanistan
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Countries/af/map.svg b/Countries/af/map.svg
new file mode 100644
index 0000000..b02d0ad
--- /dev/null
+++ b/Countries/af/map.svg
@@ -0,0 +1,26 @@
+
+
+
+
diff --git a/Countries/af/style.css b/Countries/af/style.css
new file mode 100644
index 0000000..1c22d63
--- /dev/null
+++ b/Countries/af/style.css
@@ -0,0 +1,113 @@
+.flag {
+ position: absolute;
+ top: 0;
+ left: 0;
+ overflow: hidden;
+ border-radius: 0 0 300px 0; /* Top-left corner rounded */
+ height: 33.3%;
+ object-fit: cover;
+ border: 5px solid #000000;
+ }
+
+ .map {
+ width: 33.3%;
+ height: auto;
+ object-fit: cover;
+ filter: brightness(0);
+ margin-left: 33.3%;
+ margin-right: 33.3%;
+ margin-top: 33.3%;
+ }
+
+ .parent {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: repeat(2, 1fr);
+ grid-column-gap: 0px;
+ grid-row-gap: 0px;
+ }
+
+ .div1 { grid-area: 1 / 1 / 2 / 2; }
+ .div2 { grid-area: 2 / 1 / 3 / 2; }
+
+ .profiles{
+ --size: 200px;
+ --img-clip: "M 0 -50 L 200 -50 L 200 150 C 100 150 0 250 0 150 Z"; /* unfortunatly it isn't possible (as far as I know) to use custom properties in clip paths */
+ --img-shadow: drop-shadow(5px 5px 2px rgba(0 0 0 / 0.5));
+ --name-txt-clr: #9c6868;
+ --bg-blur: 0; /* background image default blur */
+ --bg-blur-hover: 5px; /* background image blur on hover */
+ font-family: 'Ubuntu', sans-serif;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 25%;
+ margin: auto auto;
+ width: auto;
+ }
+ @media (min-width: 500px){
+ .profiles{
+ --grid-cols: 3 ;
+ margin: 23px 20%;
+ }
+ }
+
+ .avatar{
+ position: relative;
+ width: var(--size);
+ height: var(--size); /* for older browsers */
+ aspect-ratio: 1;
+ }
+ .avatar-img {
+ clip-path: path(var(--img-clip));
+ }
+
+ .avatar-img::before{
+ content: '';
+ position: absolute;
+ display: blocl;
+ inset: 50% 0 0 0;
+ z-index: -1;
+ border-radius: 20px;
+ background-color: var(--bg-clr); /* fallback if image not defined as custom property */
+ background-image: var(--bg-img);
+ background-size: cover;
+ background-position: center;
+ filter: blur(var(--bg-blur));
+ transition: filter 300ms ease-in-out;
+ }
+ .avatar-img > img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ transition: scale 300ms, filter 300ms;
+ transform-origin: bottom;
+ scale: var(--img-scale, .9);
+ filter: var(--img-shadow);
+ }
+
+ .avatar > p{
+ text-align: right;
+ font-size: .9rem;
+ color: var(--name-txt-clr);
+ bottom: .5rem;
+ right: 0;
+ translate: 0 var(--name-y,-50px);
+ opacity: var(--name-opacity,0);
+ z-index: -1;
+ transition-name: translate, opacity;
+ transition-delay: 150ms;
+ transition-duration: 300ms;
+ transition-timing-function: cubic-bezier(0.47, 1.64, 0.41, 0.8), ease-in-out;
+ }
+
+ /* all hover effects as custom properties */
+ .avatar:hover{
+ --img-scale: 1.2;
+ --img-shadow: drop-shadow(10px 15px 4px rgba(0 0 0 / 0.5));
+ --name-y: 0;
+ --name-opacity: 1;
+ --bg-blur: var(--bg-blur-hover);
+ }
+
+
+
\ No newline at end of file
diff --git a/Countries/countryrelations.json b/Countries/countryrelations.json
new file mode 100644
index 0000000..b0f9c3d
--- /dev/null
+++ b/Countries/countryrelations.json
@@ -0,0 +1,337 @@
+{
+ "nodes": [
+ {"id": "Myriel", "group": 1},
+ {"id": "Napoleon", "group": 1},
+ {"id": "Mlle.Baptistine", "group": 1},
+ {"id": "Mme.Magloire", "group": 1},
+ {"id": "CountessdeLo", "group": 1},
+ {"id": "Geborand", "group": 1},
+ {"id": "Champtercier", "group": 1},
+ {"id": "Cravatte", "group": 1},
+ {"id": "Count", "group": 1},
+ {"id": "OldMan", "group": 1},
+ {"id": "Labarre", "group": 2},
+ {"id": "Valjean", "group": 2},
+ {"id": "Marguerite", "group": 3},
+ {"id": "Mme.deR", "group": 2},
+ {"id": "Isabeau", "group": 2},
+ {"id": "Gervais", "group": 2},
+ {"id": "Tholomyes", "group": 3},
+ {"id": "Listolier", "group": 3},
+ {"id": "Fameuil", "group": 3},
+ {"id": "Blacheville", "group": 3},
+ {"id": "Favourite", "group": 3},
+ {"id": "Dahlia", "group": 3},
+ {"id": "Zephine", "group": 3},
+ {"id": "Fantine", "group": 3},
+ {"id": "Mme.Thenardier", "group": 4},
+ {"id": "Thenardier", "group": 4},
+ {"id": "Cosette", "group": 5},
+ {"id": "Javert", "group": 4},
+ {"id": "Fauchelevent", "group": 0},
+ {"id": "Bamatabois", "group": 2},
+ {"id": "Perpetue", "group": 3},
+ {"id": "Simplice", "group": 2},
+ {"id": "Scaufflaire", "group": 2},
+ {"id": "Woman1", "group": 2},
+ {"id": "Judge", "group": 2},
+ {"id": "Champmathieu", "group": 2},
+ {"id": "Brevet", "group": 2},
+ {"id": "Chenildieu", "group": 2},
+ {"id": "Cochepaille", "group": 2},
+ {"id": "Pontmercy", "group": 4},
+ {"id": "Boulatruelle", "group": 6},
+ {"id": "Eponine", "group": 4},
+ {"id": "Anzelma", "group": 4},
+ {"id": "Woman2", "group": 5},
+ {"id": "MotherInnocent", "group": 0},
+ {"id": "Gribier", "group": 0},
+ {"id": "Jondrette", "group": 7},
+ {"id": "Mme.Burgon", "group": 7},
+ {"id": "Gavroche", "group": 8},
+ {"id": "Gillenormand", "group": 5},
+ {"id": "Magnon", "group": 5},
+ {"id": "Mlle.Gillenormand", "group": 5},
+ {"id": "Mme.Pontmercy", "group": 5},
+ {"id": "Mlle.Vaubois", "group": 5},
+ {"id": "Lt.Gillenormand", "group": 5},
+ {"id": "Marius", "group": 8},
+ {"id": "BaronessT", "group": 5},
+ {"id": "Mabeuf", "group": 8},
+ {"id": "Enjolras", "group": 8},
+ {"id": "Combeferre", "group": 8},
+ {"id": "Prouvaire", "group": 8},
+ {"id": "Feuilly", "group": 8},
+ {"id": "Courfeyrac", "group": 8},
+ {"id": "Bahorel", "group": 8},
+ {"id": "Bossuet", "group": 8},
+ {"id": "Joly", "group": 8},
+ {"id": "Grantaire", "group": 8},
+ {"id": "MotherPlutarch", "group": 9},
+ {"id": "Gueulemer", "group": 4},
+ {"id": "Babet", "group": 4},
+ {"id": "Claquesous", "group": 4},
+ {"id": "Montparnasse", "group": 4},
+ {"id": "Toussaint", "group": 5},
+ {"id": "Child1", "group": 10},
+ {"id": "Child2", "group": 10},
+ {"id": "Brujon", "group": 4},
+ {"id": "Mme.Hucheloup", "group": 8}
+ ],
+ "links": [
+ {"source": "Napoleon", "target": "Myriel", "value": 1},
+ {"source": "Mlle.Baptistine", "target": "Myriel", "value": 8},
+ {"source": "Mme.Magloire", "target": "Myriel", "value": 10},
+ {"source": "Mme.Magloire", "target": "Mlle.Baptistine", "value": 6},
+ {"source": "CountessdeLo", "target": "Myriel", "value": 1},
+ {"source": "Geborand", "target": "Myriel", "value": 1},
+ {"source": "Champtercier", "target": "Myriel", "value": 1},
+ {"source": "Cravatte", "target": "Myriel", "value": 1},
+ {"source": "Count", "target": "Myriel", "value": 2},
+ {"source": "OldMan", "target": "Myriel", "value": 1},
+ {"source": "Valjean", "target": "Labarre", "value": 1},
+ {"source": "Valjean", "target": "Mme.Magloire", "value": 3},
+ {"source": "Valjean", "target": "Mlle.Baptistine", "value": 3},
+ {"source": "Valjean", "target": "Myriel", "value": 5},
+ {"source": "Marguerite", "target": "Valjean", "value": 1},
+ {"source": "Mme.deR", "target": "Valjean", "value": 1},
+ {"source": "Isabeau", "target": "Valjean", "value": 1},
+ {"source": "Gervais", "target": "Valjean", "value": 1},
+ {"source": "Listolier", "target": "Tholomyes", "value": 4},
+ {"source": "Fameuil", "target": "Tholomyes", "value": 4},
+ {"source": "Fameuil", "target": "Listolier", "value": 4},
+ {"source": "Blacheville", "target": "Tholomyes", "value": 4},
+ {"source": "Blacheville", "target": "Listolier", "value": 4},
+ {"source": "Blacheville", "target": "Fameuil", "value": 4},
+ {"source": "Favourite", "target": "Tholomyes", "value": 3},
+ {"source": "Favourite", "target": "Listolier", "value": 3},
+ {"source": "Favourite", "target": "Fameuil", "value": 3},
+ {"source": "Favourite", "target": "Blacheville", "value": 4},
+ {"source": "Dahlia", "target": "Tholomyes", "value": 3},
+ {"source": "Dahlia", "target": "Listolier", "value": 3},
+ {"source": "Dahlia", "target": "Fameuil", "value": 3},
+ {"source": "Dahlia", "target": "Blacheville", "value": 3},
+ {"source": "Dahlia", "target": "Favourite", "value": 5},
+ {"source": "Zephine", "target": "Tholomyes", "value": 3},
+ {"source": "Zephine", "target": "Listolier", "value": 3},
+ {"source": "Zephine", "target": "Fameuil", "value": 3},
+ {"source": "Zephine", "target": "Blacheville", "value": 3},
+ {"source": "Zephine", "target": "Favourite", "value": 4},
+ {"source": "Zephine", "target": "Dahlia", "value": 4},
+ {"source": "Fantine", "target": "Tholomyes", "value": 3},
+ {"source": "Fantine", "target": "Listolier", "value": 3},
+ {"source": "Fantine", "target": "Fameuil", "value": 3},
+ {"source": "Fantine", "target": "Blacheville", "value": 3},
+ {"source": "Fantine", "target": "Favourite", "value": 4},
+ {"source": "Fantine", "target": "Dahlia", "value": 4},
+ {"source": "Fantine", "target": "Zephine", "value": 4},
+ {"source": "Fantine", "target": "Marguerite", "value": 2},
+ {"source": "Fantine", "target": "Valjean", "value": 9},
+ {"source": "Mme.Thenardier", "target": "Fantine", "value": 2},
+ {"source": "Mme.Thenardier", "target": "Valjean", "value": 7},
+ {"source": "Thenardier", "target": "Mme.Thenardier", "value": 13},
+ {"source": "Thenardier", "target": "Fantine", "value": 1},
+ {"source": "Thenardier", "target": "Valjean", "value": 12},
+ {"source": "Cosette", "target": "Mme.Thenardier", "value": 4},
+ {"source": "Cosette", "target": "Valjean", "value": 31},
+ {"source": "Cosette", "target": "Tholomyes", "value": 1},
+ {"source": "Cosette", "target": "Thenardier", "value": 1},
+ {"source": "Javert", "target": "Valjean", "value": 17},
+ {"source": "Javert", "target": "Fantine", "value": 5},
+ {"source": "Javert", "target": "Thenardier", "value": 5},
+ {"source": "Javert", "target": "Mme.Thenardier", "value": 1},
+ {"source": "Javert", "target": "Cosette", "value": 1},
+ {"source": "Fauchelevent", "target": "Valjean", "value": 8},
+ {"source": "Fauchelevent", "target": "Javert", "value": 1},
+ {"source": "Bamatabois", "target": "Fantine", "value": 1},
+ {"source": "Bamatabois", "target": "Javert", "value": 1},
+ {"source": "Bamatabois", "target": "Valjean", "value": 2},
+ {"source": "Perpetue", "target": "Fantine", "value": 1},
+ {"source": "Simplice", "target": "Perpetue", "value": 2},
+ {"source": "Simplice", "target": "Valjean", "value": 3},
+ {"source": "Simplice", "target": "Fantine", "value": 2},
+ {"source": "Simplice", "target": "Javert", "value": 1},
+ {"source": "Scaufflaire", "target": "Valjean", "value": 1},
+ {"source": "Woman1", "target": "Valjean", "value": 2},
+ {"source": "Woman1", "target": "Javert", "value": 1},
+ {"source": "Judge", "target": "Valjean", "value": 3},
+ {"source": "Judge", "target": "Bamatabois", "value": 2},
+ {"source": "Champmathieu", "target": "Valjean", "value": 3},
+ {"source": "Champmathieu", "target": "Judge", "value": 3},
+ {"source": "Champmathieu", "target": "Bamatabois", "value": 2},
+ {"source": "Brevet", "target": "Judge", "value": 2},
+ {"source": "Brevet", "target": "Champmathieu", "value": 2},
+ {"source": "Brevet", "target": "Valjean", "value": 2},
+ {"source": "Brevet", "target": "Bamatabois", "value": 1},
+ {"source": "Chenildieu", "target": "Judge", "value": 2},
+ {"source": "Chenildieu", "target": "Champmathieu", "value": 2},
+ {"source": "Chenildieu", "target": "Brevet", "value": 2},
+ {"source": "Chenildieu", "target": "Valjean", "value": 2},
+ {"source": "Chenildieu", "target": "Bamatabois", "value": 1},
+ {"source": "Cochepaille", "target": "Judge", "value": 2},
+ {"source": "Cochepaille", "target": "Champmathieu", "value": 2},
+ {"source": "Cochepaille", "target": "Brevet", "value": 2},
+ {"source": "Cochepaille", "target": "Chenildieu", "value": 2},
+ {"source": "Cochepaille", "target": "Valjean", "value": 2},
+ {"source": "Cochepaille", "target": "Bamatabois", "value": 1},
+ {"source": "Pontmercy", "target": "Thenardier", "value": 1},
+ {"source": "Boulatruelle", "target": "Thenardier", "value": 1},
+ {"source": "Eponine", "target": "Mme.Thenardier", "value": 2},
+ {"source": "Eponine", "target": "Thenardier", "value": 3},
+ {"source": "Anzelma", "target": "Eponine", "value": 2},
+ {"source": "Anzelma", "target": "Thenardier", "value": 2},
+ {"source": "Anzelma", "target": "Mme.Thenardier", "value": 1},
+ {"source": "Woman2", "target": "Valjean", "value": 3},
+ {"source": "Woman2", "target": "Cosette", "value": 1},
+ {"source": "Woman2", "target": "Javert", "value": 1},
+ {"source": "MotherInnocent", "target": "Fauchelevent", "value": 3},
+ {"source": "MotherInnocent", "target": "Valjean", "value": 1},
+ {"source": "Gribier", "target": "Fauchelevent", "value": 2},
+ {"source": "Mme.Burgon", "target": "Jondrette", "value": 1},
+ {"source": "Gavroche", "target": "Mme.Burgon", "value": 2},
+ {"source": "Gavroche", "target": "Thenardier", "value": 1},
+ {"source": "Gavroche", "target": "Javert", "value": 1},
+ {"source": "Gavroche", "target": "Valjean", "value": 1},
+ {"source": "Gillenormand", "target": "Cosette", "value": 3},
+ {"source": "Gillenormand", "target": "Valjean", "value": 2},
+ {"source": "Magnon", "target": "Gillenormand", "value": 1},
+ {"source": "Magnon", "target": "Mme.Thenardier", "value": 1},
+ {"source": "Mlle.Gillenormand", "target": "Gillenormand", "value": 9},
+ {"source": "Mlle.Gillenormand", "target": "Cosette", "value": 2},
+ {"source": "Mlle.Gillenormand", "target": "Valjean", "value": 2},
+ {"source": "Mme.Pontmercy", "target": "Mlle.Gillenormand", "value": 1},
+ {"source": "Mme.Pontmercy", "target": "Pontmercy", "value": 1},
+ {"source": "Mlle.Vaubois", "target": "Mlle.Gillenormand", "value": 1},
+ {"source": "Lt.Gillenormand", "target": "Mlle.Gillenormand", "value": 2},
+ {"source": "Lt.Gillenormand", "target": "Gillenormand", "value": 1},
+ {"source": "Lt.Gillenormand", "target": "Cosette", "value": 1},
+ {"source": "Marius", "target": "Mlle.Gillenormand", "value": 6},
+ {"source": "Marius", "target": "Gillenormand", "value": 12},
+ {"source": "Marius", "target": "Pontmercy", "value": 1},
+ {"source": "Marius", "target": "Lt.Gillenormand", "value": 1},
+ {"source": "Marius", "target": "Cosette", "value": 21},
+ {"source": "Marius", "target": "Valjean", "value": 19},
+ {"source": "Marius", "target": "Tholomyes", "value": 1},
+ {"source": "Marius", "target": "Thenardier", "value": 2},
+ {"source": "Marius", "target": "Eponine", "value": 5},
+ {"source": "Marius", "target": "Gavroche", "value": 4},
+ {"source": "BaronessT", "target": "Gillenormand", "value": 1},
+ {"source": "BaronessT", "target": "Marius", "value": 1},
+ {"source": "Mabeuf", "target": "Marius", "value": 1},
+ {"source": "Mabeuf", "target": "Eponine", "value": 1},
+ {"source": "Mabeuf", "target": "Gavroche", "value": 1},
+ {"source": "Enjolras", "target": "Marius", "value": 7},
+ {"source": "Enjolras", "target": "Gavroche", "value": 7},
+ {"source": "Enjolras", "target": "Javert", "value": 6},
+ {"source": "Enjolras", "target": "Mabeuf", "value": 1},
+ {"source": "Enjolras", "target": "Valjean", "value": 4},
+ {"source": "Combeferre", "target": "Enjolras", "value": 15},
+ {"source": "Combeferre", "target": "Marius", "value": 5},
+ {"source": "Combeferre", "target": "Gavroche", "value": 6},
+ {"source": "Combeferre", "target": "Mabeuf", "value": 2},
+ {"source": "Prouvaire", "target": "Gavroche", "value": 1},
+ {"source": "Prouvaire", "target": "Enjolras", "value": 4},
+ {"source": "Prouvaire", "target": "Combeferre", "value": 2},
+ {"source": "Feuilly", "target": "Gavroche", "value": 2},
+ {"source": "Feuilly", "target": "Enjolras", "value": 6},
+ {"source": "Feuilly", "target": "Prouvaire", "value": 2},
+ {"source": "Feuilly", "target": "Combeferre", "value": 5},
+ {"source": "Feuilly", "target": "Mabeuf", "value": 1},
+ {"source": "Feuilly", "target": "Marius", "value": 1},
+ {"source": "Courfeyrac", "target": "Marius", "value": 9},
+ {"source": "Courfeyrac", "target": "Enjolras", "value": 17},
+ {"source": "Courfeyrac", "target": "Combeferre", "value": 13},
+ {"source": "Courfeyrac", "target": "Gavroche", "value": 7},
+ {"source": "Courfeyrac", "target": "Mabeuf", "value": 2},
+ {"source": "Courfeyrac", "target": "Eponine", "value": 1},
+ {"source": "Courfeyrac", "target": "Feuilly", "value": 6},
+ {"source": "Courfeyrac", "target": "Prouvaire", "value": 3},
+ {"source": "Bahorel", "target": "Combeferre", "value": 5},
+ {"source": "Bahorel", "target": "Gavroche", "value": 5},
+ {"source": "Bahorel", "target": "Courfeyrac", "value": 6},
+ {"source": "Bahorel", "target": "Mabeuf", "value": 2},
+ {"source": "Bahorel", "target": "Enjolras", "value": 4},
+ {"source": "Bahorel", "target": "Feuilly", "value": 3},
+ {"source": "Bahorel", "target": "Prouvaire", "value": 2},
+ {"source": "Bahorel", "target": "Marius", "value": 1},
+ {"source": "Bossuet", "target": "Marius", "value": 5},
+ {"source": "Bossuet", "target": "Courfeyrac", "value": 12},
+ {"source": "Bossuet", "target": "Gavroche", "value": 5},
+ {"source": "Bossuet", "target": "Bahorel", "value": 4},
+ {"source": "Bossuet", "target": "Enjolras", "value": 10},
+ {"source": "Bossuet", "target": "Feuilly", "value": 6},
+ {"source": "Bossuet", "target": "Prouvaire", "value": 2},
+ {"source": "Bossuet", "target": "Combeferre", "value": 9},
+ {"source": "Bossuet", "target": "Mabeuf", "value": 1},
+ {"source": "Bossuet", "target": "Valjean", "value": 1},
+ {"source": "Joly", "target": "Bahorel", "value": 5},
+ {"source": "Joly", "target": "Bossuet", "value": 7},
+ {"source": "Joly", "target": "Gavroche", "value": 3},
+ {"source": "Joly", "target": "Courfeyrac", "value": 5},
+ {"source": "Joly", "target": "Enjolras", "value": 5},
+ {"source": "Joly", "target": "Feuilly", "value": 5},
+ {"source": "Joly", "target": "Prouvaire", "value": 2},
+ {"source": "Joly", "target": "Combeferre", "value": 5},
+ {"source": "Joly", "target": "Mabeuf", "value": 1},
+ {"source": "Joly", "target": "Marius", "value": 2},
+ {"source": "Grantaire", "target": "Bossuet", "value": 3},
+ {"source": "Grantaire", "target": "Enjolras", "value": 3},
+ {"source": "Grantaire", "target": "Combeferre", "value": 1},
+ {"source": "Grantaire", "target": "Courfeyrac", "value": 2},
+ {"source": "Grantaire", "target": "Joly", "value": 2},
+ {"source": "Grantaire", "target": "Gavroche", "value": 1},
+ {"source": "Grantaire", "target": "Bahorel", "value": 1},
+ {"source": "Grantaire", "target": "Feuilly", "value": 1},
+ {"source": "Grantaire", "target": "Prouvaire", "value": 1},
+ {"source": "MotherPlutarch", "target": "Mabeuf", "value": 3},
+ {"source": "Gueulemer", "target": "Thenardier", "value": 5},
+ {"source": "Gueulemer", "target": "Valjean", "value": 1},
+ {"source": "Gueulemer", "target": "Mme.Thenardier", "value": 1},
+ {"source": "Gueulemer", "target": "Javert", "value": 1},
+ {"source": "Gueulemer", "target": "Gavroche", "value": 1},
+ {"source": "Gueulemer", "target": "Eponine", "value": 1},
+ {"source": "Babet", "target": "Thenardier", "value": 6},
+ {"source": "Babet", "target": "Gueulemer", "value": 6},
+ {"source": "Babet", "target": "Valjean", "value": 1},
+ {"source": "Babet", "target": "Mme.Thenardier", "value": 1},
+ {"source": "Babet", "target": "Javert", "value": 2},
+ {"source": "Babet", "target": "Gavroche", "value": 1},
+ {"source": "Babet", "target": "Eponine", "value": 1},
+ {"source": "Claquesous", "target": "Thenardier", "value": 4},
+ {"source": "Claquesous", "target": "Babet", "value": 4},
+ {"source": "Claquesous", "target": "Gueulemer", "value": 4},
+ {"source": "Claquesous", "target": "Valjean", "value": 1},
+ {"source": "Claquesous", "target": "Mme.Thenardier", "value": 1},
+ {"source": "Claquesous", "target": "Javert", "value": 1},
+ {"source": "Claquesous", "target": "Eponine", "value": 1},
+ {"source": "Claquesous", "target": "Enjolras", "value": 1},
+ {"source": "Montparnasse", "target": "Javert", "value": 1},
+ {"source": "Montparnasse", "target": "Babet", "value": 2},
+ {"source": "Montparnasse", "target": "Gueulemer", "value": 2},
+ {"source": "Montparnasse", "target": "Claquesous", "value": 2},
+ {"source": "Montparnasse", "target": "Valjean", "value": 1},
+ {"source": "Montparnasse", "target": "Gavroche", "value": 1},
+ {"source": "Montparnasse", "target": "Eponine", "value": 1},
+ {"source": "Montparnasse", "target": "Thenardier", "value": 1},
+ {"source": "Toussaint", "target": "Cosette", "value": 2},
+ {"source": "Toussaint", "target": "Javert", "value": 1},
+ {"source": "Toussaint", "target": "Valjean", "value": 1},
+ {"source": "Child1", "target": "Gavroche", "value": 2},
+ {"source": "Child2", "target": "Gavroche", "value": 2},
+ {"source": "Child2", "target": "Child1", "value": 3},
+ {"source": "Brujon", "target": "Babet", "value": 3},
+ {"source": "Brujon", "target": "Gueulemer", "value": 3},
+ {"source": "Brujon", "target": "Thenardier", "value": 3},
+ {"source": "Brujon", "target": "Gavroche", "value": 1},
+ {"source": "Brujon", "target": "Eponine", "value": 1},
+ {"source": "Brujon", "target": "Claquesous", "value": 1},
+ {"source": "Brujon", "target": "Montparnasse", "value": 1},
+ {"source": "Mme.Hucheloup", "target": "Bossuet", "value": 1},
+ {"source": "Mme.Hucheloup", "target": "Joly", "value": 1},
+ {"source": "Mme.Hucheloup", "target": "Grantaire", "value": 1},
+ {"source": "Mme.Hucheloup", "target": "Bahorel", "value": 1},
+ {"source": "Mme.Hucheloup", "target": "Courfeyrac", "value": 1},
+ {"source": "Mme.Hucheloup", "target": "Gavroche", "value": 1},
+ {"source": "Mme.Hucheloup", "target": "Enjolras", "value": 1}
+ ]
+ }
\ No newline at end of file
diff --git a/Countries/de/Head-of-Goverment.png b/Countries/de/Head-of-Goverment.png
new file mode 100644
index 0000000..acef589
Binary files /dev/null and b/Countries/de/Head-of-Goverment.png differ
diff --git a/Countries/de/Head-of-Justice.png b/Countries/de/Head-of-Justice.png
new file mode 100644
index 0000000..13f2dc5
Binary files /dev/null and b/Countries/de/Head-of-Justice.png differ
diff --git a/Countries/de/Head-of-State.png b/Countries/de/Head-of-State.png
new file mode 100644
index 0000000..934a77e
Binary files /dev/null and b/Countries/de/Head-of-State.png differ
diff --git a/Countries/de/index.html b/Countries/de/index.html
index 406bb5d..12c05ed 100644
--- a/Countries/de/index.html
+++ b/Countries/de/index.html
@@ -1,9 +1,48 @@
-
-
- Afghanistan
-
-
- The Country of Afghanistan
-
+
+
+ Federal Republic of Germany
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Countries/de/map.svg b/Countries/de/map.svg
new file mode 100644
index 0000000..72bb805
--- /dev/null
+++ b/Countries/de/map.svg
@@ -0,0 +1,234 @@
+
+
diff --git a/Countries/de/style.css b/Countries/de/style.css
new file mode 100644
index 0000000..ec7ec35
--- /dev/null
+++ b/Countries/de/style.css
@@ -0,0 +1,113 @@
+.flag {
+ position: absolute;
+ top: 0;
+ left: 0;
+ overflow: hidden;
+ border-radius: 0 0 300px 0; /* Top-left corner rounded */
+ height: 33.3%;
+ object-fit: cover;
+ border: 5px solid #dd0000;
+ }
+
+ .map {
+ width: 33.3%;
+ height: auto;
+ object-fit: cover;
+ filter: brightness(0);
+ margin-left: 33.3%;
+ margin-right: 33.3%;
+ margin-top: 33.3%;
+ }
+
+ .parent {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: repeat(2, 1fr);
+ grid-column-gap: 0px;
+ grid-row-gap: 0px;
+ }
+
+ .div1 { grid-area: 1 / 1 / 2 / 2; }
+ .div2 { grid-area: 2 / 1 / 3 / 2; }
+
+ .profiles{
+ --size: 200px;
+ --img-clip: "M 0 -50 L 200 -50 L 200 150 C 100 150 0 250 0 150 Z"; /* unfortunatly it isn't possible (as far as I know) to use custom properties in clip paths */
+ --img-shadow: drop-shadow(5px 5px 2px rgba(0 0 0 / 0.5));
+ --name-txt-clr: #9c6868;
+ --bg-blur: 0; /* background image default blur */
+ --bg-blur-hover: 5px; /* background image blur on hover */
+ font-family: 'Ubuntu', sans-serif;
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 25%;
+ margin: auto auto;
+ width: auto;
+ }
+ @media (min-width: 500px){
+ .profiles{
+ --grid-cols: 3 ;
+ margin: 23px 20%;
+ }
+ }
+
+ .avatar{
+ position: relative;
+ width: var(--size);
+ height: var(--size); /* for older browsers */
+ aspect-ratio: 1;
+ }
+ .avatar-img {
+ clip-path: path(var(--img-clip));
+ }
+
+ .avatar-img::before{
+ content: '';
+ position: absolute;
+ display: blocl;
+ inset: 50% 0 0 0;
+ z-index: -1;
+ border-radius: 20px;
+ background-color: var(--bg-clr); /* fallback if image not defined as custom property */
+ background-image: var(--bg-img);
+ background-size: cover;
+ background-position: center;
+ filter: blur(var(--bg-blur));
+ transition: filter 300ms ease-in-out;
+ }
+ .avatar-img > img{
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ transition: scale 300ms, filter 300ms;
+ transform-origin: bottom;
+ scale: var(--img-scale, .9);
+ filter: var(--img-shadow);
+ }
+
+ .avatar > p{
+ text-align: right;
+ font-size: .9rem;
+ color: var(--name-txt-clr);
+ bottom: .5rem;
+ right: 0;
+ translate: 0 var(--name-y,-50px);
+ opacity: var(--name-opacity,0);
+ z-index: -1;
+ transition-name: translate, opacity;
+ transition-delay: 150ms;
+ transition-duration: 300ms;
+ transition-timing-function: cubic-bezier(0.47, 1.64, 0.41, 0.8), ease-in-out;
+ }
+
+ /* all hover effects as custom properties */
+ .avatar:hover{
+ --img-scale: 1.2;
+ --img-shadow: drop-shadow(10px 15px 4px rgba(0 0 0 / 0.5));
+ --name-y: 0;
+ --name-opacity: 1;
+ --bg-blur: var(--bg-blur-hover);
+ }
+
+
+
\ No newline at end of file
diff --git a/Countries/index.html b/Countries/index.html
index e64c989..e8cf9be 100644
--- a/Countries/index.html
+++ b/Countries/index.html
@@ -20,7 +20,7 @@
Afghanistan
-
+
@@ -31,7 +31,7 @@
Albania
-
+
@@ -42,7 +42,7 @@
Algeria
-
+
@@ -53,7 +53,7 @@
Andorra
-
+
@@ -64,7 +64,7 @@
Angola
-
+
@@ -75,7 +75,7 @@
Antigua and Barbuda
-
+
@@ -86,7 +86,7 @@
Argentina
-
+
@@ -97,7 +97,7 @@
Armenia
-
+
@@ -108,7 +108,7 @@
Australia
-
+
@@ -119,7 +119,7 @@
Austria
-
+
@@ -130,7 +130,7 @@
Azerbaijan
-
+
@@ -141,7 +141,7 @@
Bahamas
-
+
@@ -152,7 +152,7 @@
Bahrain
-
+
@@ -163,7 +163,7 @@
Bangladesh
-
+
@@ -174,7 +174,7 @@
Barbados
-
+
@@ -185,7 +185,7 @@
Belarus
-
+
@@ -196,7 +196,7 @@
Belgium
-
+
@@ -207,7 +207,7 @@
Belize
-
+
@@ -218,7 +218,7 @@
Benin
-
+
@@ -229,7 +229,7 @@
Bhutan
-
+
@@ -240,7 +240,7 @@
Bolivia
-
+
@@ -251,7 +251,7 @@
Bosnia and Herzegovina
-
+
@@ -262,7 +262,7 @@
Botswana
-
+
@@ -273,7 +273,7 @@
Brazil
-
+
@@ -284,7 +284,7 @@
Brunei Darussalam
-
+
@@ -295,7 +295,7 @@
Bulgaria
-
+
@@ -306,7 +306,7 @@
Burkina Faso
-
+
@@ -317,7 +317,7 @@
Burundi
-
+
@@ -328,7 +328,7 @@
Cabo Verde
-
+
@@ -339,7 +339,7 @@
Cambodia
-
+
@@ -350,7 +350,7 @@
Cameroon
-
+
@@ -361,7 +361,7 @@
Canada
-
+
@@ -372,7 +372,7 @@
Central African Republic
-
+
@@ -383,7 +383,7 @@
Chad
-
+
@@ -394,7 +394,7 @@
Chile
-
+
@@ -405,7 +405,7 @@
China
-
+
@@ -416,7 +416,7 @@
Colombia
-
+
@@ -427,7 +427,7 @@
Comoros
-
+
@@ -438,7 +438,7 @@
Congo
-
+
@@ -449,7 +449,7 @@
Costa Rica
-
+
@@ -460,7 +460,7 @@
Côte D'Ivoire
-
+
@@ -471,7 +471,7 @@
Croatia
-
+
@@ -482,7 +482,7 @@
Cuba
-
+
@@ -493,7 +493,7 @@
Cyprus
-
+
@@ -504,7 +504,7 @@
Czechia
-
+
@@ -515,7 +515,7 @@
Democratic People's Republic of Korea
-
+
@@ -526,7 +526,7 @@
Democratic Republic of the Congo
-
+
@@ -537,7 +537,7 @@
Denmark
-
+
@@ -548,7 +548,7 @@
Djibouti
-
+
@@ -559,7 +559,7 @@
Dominica
-
+
@@ -570,7 +570,7 @@
Dominican Republic
-
+
@@ -581,7 +581,7 @@
Ecuador
-
+
@@ -592,7 +592,7 @@
Egypt
-
+
@@ -603,7 +603,7 @@
El Salvador
-
+
@@ -614,7 +614,7 @@
Equatorial Guinea
-
+
@@ -625,7 +625,7 @@
Eritrea
-
+
@@ -636,7 +636,7 @@
Estonia
-
+
@@ -647,7 +647,7 @@
Eswatini
-
+
@@ -658,7 +658,7 @@
Ethiopia
-
+
@@ -669,7 +669,7 @@
Fiji
-
+
@@ -680,7 +680,7 @@
Finland
-
+
@@ -691,7 +691,7 @@
France
-
+
@@ -702,7 +702,7 @@
Gabon
-
+
@@ -713,7 +713,7 @@
Gambia
-
+
@@ -724,7 +724,7 @@
Georgia
-
+
@@ -735,7 +735,7 @@
Germany
-
+
@@ -746,7 +746,7 @@
Ghana
-
+
@@ -757,7 +757,7 @@
Greece
-
+
@@ -768,7 +768,7 @@
Grenada
-
+
@@ -779,7 +779,7 @@
Guatemala
-
+
@@ -790,7 +790,7 @@
Guinea
-
+
@@ -801,7 +801,7 @@
Guinea Bissau
-
+
@@ -812,7 +812,7 @@
Guyana
-
+
@@ -823,7 +823,7 @@
Haiti
-
+
@@ -834,7 +834,7 @@
Honduras
-
+
@@ -845,7 +845,7 @@
Hungary
-
+
@@ -856,7 +856,7 @@
Iceland
-
+
@@ -867,7 +867,7 @@
India
-
+
@@ -878,7 +878,7 @@
Indonesia
-
+
@@ -889,7 +889,7 @@
Iran
-
+
@@ -900,7 +900,7 @@
Iraq
-
+
@@ -911,7 +911,7 @@
Ireland
-
+
@@ -922,7 +922,7 @@
Israel
-
+
@@ -933,7 +933,7 @@
Italy
-
+
@@ -944,7 +944,7 @@
Jamaica
-
+
@@ -955,7 +955,7 @@
Japan
-
+
@@ -966,7 +966,7 @@
Jordan
-
+
@@ -977,7 +977,7 @@
Kazakhstan
-
+
@@ -988,7 +988,7 @@
Kenya
-
+
@@ -999,7 +999,7 @@
Kiribati
-
+
@@ -1010,7 +1010,7 @@
Kuwait
-
+
@@ -1021,7 +1021,7 @@
Kyrgyzstan
-
+
@@ -1031,8 +1031,13 @@
+<<<<<<< HEAD
Lao People's Democratic Republic
+=======
+ Lao People’s Democratic Republic
+
+>>>>>>> 626c8dc ( new file: Countries/af/Head-of-Goverment.png)
@@ -1043,7 +1048,7 @@
Latvia
-
+
@@ -1054,7 +1059,7 @@
Lebanon
-
+
@@ -1065,7 +1070,7 @@
Lesotho
-
+
@@ -1076,7 +1081,7 @@
Liberia
-
+
@@ -1087,7 +1092,7 @@
Libya
-
+
@@ -1098,7 +1103,7 @@
Liechtenstein
-
+
@@ -1109,7 +1114,7 @@
Lithuania
-
+
@@ -1120,7 +1125,7 @@
Luxembourg
-
+
@@ -1131,7 +1136,7 @@
Madagascar
-
+
@@ -1142,7 +1147,7 @@
Malawi
-
+
@@ -1153,7 +1158,7 @@
Malaysia
-
+
@@ -1164,7 +1169,7 @@
Maldives
-
+
@@ -1175,7 +1180,7 @@
Mali
-
+
@@ -1186,7 +1191,7 @@
Malta
-
+
@@ -1197,7 +1202,7 @@
Marshall Islands
-
+
@@ -1208,7 +1213,7 @@
Mauritania
-
+
@@ -1219,7 +1224,7 @@
Mauritius
-
+
@@ -1230,7 +1235,7 @@
Mexico
-
+
@@ -1241,7 +1246,7 @@
Federated States of Micronesia
-
+
@@ -1252,7 +1257,7 @@
Monaco
-
+
@@ -1263,7 +1268,7 @@
Mongolia
-
+
@@ -1274,7 +1279,7 @@
Montenegro
-
+
@@ -1285,7 +1290,7 @@
Morocco
-
+
@@ -1296,7 +1301,7 @@
Mozambique
-
+
@@ -1307,7 +1312,7 @@
Myanmar
-
+
@@ -1318,7 +1323,7 @@
Namibia
-
+
@@ -1329,7 +1334,7 @@
Nauru
-
+
@@ -1340,7 +1345,7 @@
Nepal
-
+
@@ -1351,7 +1356,7 @@
Kingdom of the Netherlands
-
+
@@ -1362,7 +1367,7 @@
New Zealand
-
+
@@ -1373,7 +1378,7 @@
Nicaragua
-
+
@@ -1384,7 +1389,7 @@
Niger
-
+
@@ -1395,7 +1400,7 @@
Nigeria
-
+
@@ -1406,7 +1411,7 @@
North Macedonia
-
+
@@ -1417,7 +1422,7 @@
Norway
-
+
@@ -1428,7 +1433,7 @@
Oman
-
+
@@ -1439,7 +1444,7 @@
Pakistan
-
+
@@ -1450,7 +1455,7 @@
Palau
-
+
@@ -1461,7 +1466,7 @@
Panama
-
+
@@ -1472,7 +1477,7 @@
Papua New Guinea
-
+
@@ -1483,7 +1488,7 @@
Paraguay
-
+
@@ -1494,7 +1499,7 @@
Peru
-
+
@@ -1505,7 +1510,7 @@
Philippines
-
+
@@ -1516,7 +1521,7 @@
Poland
-
+
@@ -1527,7 +1532,7 @@
Portugal
-
+
@@ -1538,7 +1543,7 @@
Qatar
-
+
@@ -1549,7 +1554,7 @@
Republic of Korea
-
+
@@ -1560,7 +1565,7 @@
Republic of Moldova
-
+
@@ -1571,7 +1576,7 @@
Romania
-
+
@@ -1582,7 +1587,7 @@
Russian Federation
-
+
@@ -1593,7 +1598,7 @@
Rwanda
-
+
@@ -1604,7 +1609,7 @@
Saint Kitts and Nevis
-
+
@@ -1615,7 +1620,7 @@
Saint Lucia
-
+
@@ -1626,7 +1631,7 @@
Saint Vincent and the Grenadines
-
+
@@ -1637,7 +1642,7 @@
Samoa
-
+
@@ -1648,7 +1653,7 @@
San Marino
-
+
@@ -1659,7 +1664,7 @@
Sao Tome and Principe
-
+
@@ -1670,7 +1675,7 @@
Saudi Arabia
-
+
@@ -1681,7 +1686,7 @@
Senegal
-
+
@@ -1692,7 +1697,7 @@
Serbia
-
+
@@ -1703,7 +1708,7 @@
Seychelles
-
+
@@ -1714,7 +1719,7 @@
Sierra Leone
-
+
@@ -1725,7 +1730,7 @@
Singapore
-
+
@@ -1736,7 +1741,7 @@
Slovakia
-
+
@@ -1747,7 +1752,7 @@
Slovenia
-
+
@@ -1758,7 +1763,7 @@
Solomon Islands
-
+
@@ -1769,7 +1774,7 @@
Somalia
-
+
@@ -1780,7 +1785,7 @@
South Africa
-
+
@@ -1791,7 +1796,7 @@
South Sudan
-
+
@@ -1802,7 +1807,7 @@
Spain
-
+
@@ -1813,7 +1818,7 @@
Sri Lanka
-
+
@@ -1824,7 +1829,7 @@
Sudan
-
+
@@ -1835,7 +1840,7 @@
Suriname
-
+
@@ -1846,7 +1851,7 @@
Sweden
-
+
@@ -1857,7 +1862,7 @@
Switzerland
-
+
@@ -1868,7 +1873,7 @@
Syrian Arab Republic
-
+
@@ -1879,7 +1884,7 @@
Tajikistan
-
+
@@ -1890,7 +1895,7 @@
Thailand
-
+
@@ -1901,7 +1906,7 @@
Timor-Leste
-
+
@@ -1912,7 +1917,7 @@
Togo
-
+
@@ -1923,7 +1928,7 @@
Tonga
-
+
@@ -1934,7 +1939,7 @@
Trinidad and Tobago
-
+
@@ -1945,7 +1950,7 @@
Tunisia
-
+
@@ -1956,7 +1961,7 @@
Türkiye
-
+
@@ -1967,7 +1972,7 @@
Turkmenistan
-
+
@@ -1978,7 +1983,7 @@
Tuvalu
-
+
@@ -1989,7 +1994,7 @@
Uganda
-
+
@@ -2000,7 +2005,7 @@
Ukraine
-
+
@@ -2011,7 +2016,7 @@
United Arab Emirates
-
+
@@ -2022,7 +2027,7 @@
United Kingdom of Great Britain and Northern Ireland
-
+
@@ -2033,7 +2038,7 @@
United Republic of Tanzania
-
+
@@ -2044,7 +2049,7 @@
United States of America
-
+
@@ -2055,7 +2060,7 @@
Uruguay
-
+
@@ -2066,7 +2071,7 @@
Uzbekistan
-
+
@@ -2077,7 +2082,7 @@
Vanuatu
-
+
@@ -2088,7 +2093,7 @@
Bolivarian Republic of Venezuela
-
+
@@ -2099,7 +2104,7 @@
Viet Nam
-
+
@@ -2110,7 +2115,7 @@
Yemen
-
+
@@ -2121,7 +2126,7 @@
Zambia
-
+
@@ -2132,7 +2137,7 @@
Zimbabwe
-
+
diff --git a/Countries/style.css b/Countries/style.css
index f0abdfb..dd2480e 100644
--- a/Countries/style.css
+++ b/Countries/style.css
@@ -69,7 +69,7 @@
transform: translate3d(0%, -50px, 100px);
}
- .character {
+ .coat-of-arms {
width: 75%;
opacity: 0;
transition: all 0.5s;
@@ -77,7 +77,7 @@
z-index: -1;
}
- .card:hover .character {
+ .card:hover .coat-of-arms {
opacity: 1;
transform: translate3d(0%, -30%, 100px);
}