diff --git a/theme.js b/.fuse_hidden00011c5c00000027 similarity index 100% rename from theme.js rename to .fuse_hidden00011c5c00000027 diff --git a/Countries/ad/index.html b/Countries/ad/index.html new file mode 100644 index 0000000..406bb5d --- /dev/null +++ b/Countries/ad/index.html @@ -0,0 +1,9 @@ + + + + Afghanistan + + + The Country of Afghanistan + + \ No newline at end of file diff --git a/Countries/af/index.html b/Countries/af/index.html new file mode 100644 index 0000000..406bb5d --- /dev/null +++ b/Countries/af/index.html @@ -0,0 +1,9 @@ + + + + Afghanistan + + + The Country of Afghanistan + + \ No newline at end of file diff --git a/Countries/al/index.html b/Countries/al/index.html new file mode 100644 index 0000000..406bb5d --- /dev/null +++ b/Countries/al/index.html @@ -0,0 +1,9 @@ + + + + Afghanistan + + + The Country of Afghanistan + + \ No newline at end of file diff --git a/Countries/dz/index.html b/Countries/dz/index.html new file mode 100644 index 0000000..406bb5d --- /dev/null +++ b/Countries/dz/index.html @@ -0,0 +1,9 @@ + + + + Afghanistan + + + The Country of Afghanistan + + \ No newline at end of file diff --git a/Countries/index.html b/Countries/index.html new file mode 100644 index 0000000..78d0319 --- /dev/null +++ b/Countries/index.html @@ -0,0 +1,62 @@ + + + + CiF Political DB + + + + + + +

Political Tendencies of Countries

+

Choose a Countrie to proceed, or view the complete List here

+

⚠ DISCLAIMER ⚠

+

For now this List only consists of UN recognised countries, even though we might add more later.

+ + + +
+
+ +
+

Afghanistan

+ +
+ + + + +
+
+ +
+

Albania

+ +
+ + + + +
+
+ +
+

Algeria

+ +
+ + + + +
+
+ +
+

Andorra

+ +
+ + + + + \ No newline at end of file diff --git a/Countries/style.css b/Countries/style.css new file mode 100644 index 0000000..f0abdfb --- /dev/null +++ b/Countries/style.css @@ -0,0 +1,84 @@ +:root { + --card-height: 300px; + --card-width: calc(var(--card-height) / 1.5); + } + * { + box-sizing: border-box; + } + + .card { + width: var(--card-width); + height: var(--card-height); + position: relative; + display: flex; + justify-content: center; + align-items: flex-end; + padding: 0 36px; + perspective: 2500px; + margin: 0 50px; + } + + .cover-image { + width: 100%; + height: 100%; + object-fit: cover; + border-radius: 20px; + } + + .wrapper { + transition: all 0.5s; + position: absolute; + width: 100%; + z-index: -1; + } + + .card:hover .wrapper { + transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0); + box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); + -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); + -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); + } + + .wrapper::before, + .wrapper::after { + content: ""; + opacity: 0; + width: 100%; + height: 80px; + transition: all 0.5s; + position: absolute; + left: 0; + } + + + .card:hover .wrapper::before, + .wrapper::after { + opacity: 1; + } + + .card:hover .wrapper::after { + height: 120px; + } + .title { + width: 100%; + transition: transform 0.5s; + color: white; + -webkit-text-stroke: 2px black; + } + .card:hover .title { + transform: translate3d(0%, -50px, 100px); + } + + .character { + width: 75%; + opacity: 0; + transition: all 0.5s; + position: absolute; + z-index: -1; + } + + .card:hover .character { + opacity: 1; + transform: translate3d(0%, -30%, 100px); + } + \ No newline at end of file diff --git a/index.html b/index.html index 6b3a470..0d53801 100644 --- a/index.html +++ b/index.html @@ -11,5 +11,8 @@

On this Site we try our best go give a netral and simple, yet comprehensive overview of the Ideologies and Goverments all around the World.

⚠ DISCLAIMER ⚠

This Site is still heavily under construction, and in this point in time not a reliable source of Information

+ +

Political Tendencies of Countries

+

Press here to view our analysis of political tendencies of goverments around the World

\ No newline at end of file