From 66c9e1afd4987584bc7e00963481ab11677ccec0 Mon Sep 17 00:00:00 2001 From: Slayr Date: Wed, 25 Mar 2020 13:33:14 +0100 Subject: [PATCH] item page tryout --- .../item_page/1LiberationVol14No. 4.html | 137 +++++++ .../2NineteenEightySickYearoftheLupus.html | 122 +++++++ ...prisonersoursolidaritywillsetthemfree.html | 110 ++++++ ...gAngPambansangDemokratikongRebolusyon.html | 113 ++++++ static_website/item_page/MartsangBayan.html | 127 +++++++ static_website/item_page/index.html | 39 ++ static_website/item_page/style.css | 337 ++++++++++++++++++ 7 files changed, 985 insertions(+) create mode 100644 static_website/item_page/1LiberationVol14No. 4.html create mode 100644 static_website/item_page/2NineteenEightySickYearoftheLupus.html create mode 100644 static_website/item_page/Freeallpoliticalprisonersoursolidaritywillsetthemfree.html create mode 100644 static_website/item_page/HamokIsulongAngPambansangDemokratikongRebolusyon.html create mode 100644 static_website/item_page/MartsangBayan.html create mode 100644 static_website/item_page/index.html create mode 100644 static_website/item_page/style.css diff --git a/static_website/item_page/1LiberationVol14No. 4.html b/static_website/item_page/1LiberationVol14No. 4.html new file mode 100644 index 0000000..375212e --- /dev/null +++ b/static_website/item_page/1LiberationVol14No. 4.html @@ -0,0 +1,137 @@ + + + + + + Liberation: Vol. 14 No. 4 + + +

Liberation: Vol. 14 No. 4 ↵

+

1986.6.1

+ + +
+ + + +
+ + + +
+ Title + View +
+ +
+ Date + Creator +
+ +
National Democratic Front (NDF) +
+ + + +
+ +
+ , National Democratic Front (NDF), Armed Forces of the Philippines (AFP), International Monetary Fund (IMF), Katipunan ng mga Gurong Makabayan (KAGUMA), Philippine Conference for Human Rights (PCHR), World Bank (WB), Kilusang Mayo Uno - May First Movement (KMU), Kabataang Makabayan - Patriotic Youth (KM), National Press Club (NPC), Ministry of National Defense (MND), National Intelligence Security Authority (NISA), Federation of Free Farmers (FFF), Integrated National Police (INP), Military Security Unit (MSU), Communist Party of the Philippines (CPP), Civilian Home Defense Force (CHDF), Communist Party of the Philppines & New Peoples Army (CPP-NPA), Kilusan ng Magbubukid ng Pilipinas (KMP), Trade Union Congress of the Philippines (TUCP), Military Intelligence Service (MIS), Movement of Concerned Citizens for Civil Liberties (MCCCL), Executive Committee of the Central Committee (of the CPP) (EC-CC), National Economic Protectionism Association (NEPA), Pambansang Lakas ng Kilusang Mamamalakaya ng Pilipinas (PAMALAKAYA-Pilipinas), Reform the AFP Movement (RAM), Presidential Security Command (PSC), Metrocom Intelligence and Security Group (MISG), Civilian Armed Geographical Unit (CAFGU), Katipunan Dagiti Mannalon ti Isabela (KAMI-KMP) +
+ +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + + +
+
+ + + + + + +
+
+ + + + + diff --git a/static_website/item_page/2NineteenEightySickYearoftheLupus.html b/static_website/item_page/2NineteenEightySickYearoftheLupus.html new file mode 100644 index 0000000..cc73fc0 --- /dev/null +++ b/static_website/item_page/2NineteenEightySickYearoftheLupus.html @@ -0,0 +1,122 @@ + + + + + + Nineteen Eighty Sick: Year of the Lupus + + +

Nineteen Eighty Sick: Year of the Lupus ↵

+

1986.1.1

+ + +
+ + + +
+ + + +
+ Title + View +
+ +
+ Date + Creator +
+ +
Manuel Pamaran, Paki A. Lamero +
+ + + +
+
+ + +
+ +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + + + diff --git a/static_website/item_page/Freeallpoliticalprisonersoursolidaritywillsetthemfree.html b/static_website/item_page/Freeallpoliticalprisonersoursolidaritywillsetthemfree.html new file mode 100644 index 0000000..3fcf472 --- /dev/null +++ b/static_website/item_page/Freeallpoliticalprisonersoursolidaritywillsetthemfree.html @@ -0,0 +1,110 @@ + + + + + + Free all political prisoners: our solidarity will set them free + + +

Free all political prisoners: our solidarity will set them free ↵

+

1984.12.4

+ + +
+ + + +
+ + + +
+ Title + View +
+ +
+ Date + Creator +
+ + + + +
+ +
+ , Nationalist Alliance for Justice, Freedom and Democracy (NAJFD), Kapisanan para sa Pagpapalaya at Amnestiya ng mga Detenido sa Pilipinas - Association for the Release and Amnesty of Detainees in the Philippines (KAPATID) +
+ +
+
+ +
+
+ +
+
+
+
+
+
+ + + + + diff --git a/static_website/item_page/HamokIsulongAngPambansangDemokratikongRebolusyon.html b/static_website/item_page/HamokIsulongAngPambansangDemokratikongRebolusyon.html new file mode 100644 index 0000000..c8f7cb2 --- /dev/null +++ b/static_website/item_page/HamokIsulongAngPambansangDemokratikongRebolusyon.html @@ -0,0 +1,113 @@ + + + + + + Hamok: Isulong Ang Pambansang Demokratikong Rebolusyon + + +

Hamok: Isulong Ang Pambansang Demokratikong Rebolusyon ↵

+

1977.6.12

+ + +
+ + + +
+ + + +
+ Title + View +
+ +
+ Date + Creator +
+ + + + + +
+ +
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + + + + diff --git a/static_website/item_page/MartsangBayan.html b/static_website/item_page/MartsangBayan.html new file mode 100644 index 0000000..e4a8a46 --- /dev/null +++ b/static_website/item_page/MartsangBayan.html @@ -0,0 +1,127 @@ + + + + + + Martsa ng Bayan + + +

Martsa ng Bayan ↵

+

1974.1.7

+ + +
+ + + +
+ + + +
+ Title + View +
+ +
+ Date + Creator +
+ +
Philippine Conference for Human Rights (PCHR) +
+ + + +
+ +
+ +
+ +
+
+ + + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + +
+
+ + + + + diff --git a/static_website/item_page/index.html b/static_website/item_page/index.html new file mode 100644 index 0000000..c5d796d --- /dev/null +++ b/static_website/item_page/index.html @@ -0,0 +1,39 @@ + + + + + + + + +

Results from query:
[[Format::Song]]

+ + + \ No newline at end of file diff --git a/static_website/item_page/style.css b/static_website/item_page/style.css new file mode 100644 index 0000000..538880d --- /dev/null +++ b/static_website/item_page/style.css @@ -0,0 +1,337 @@ + + +* { + box-sizing: border-box; +} + +body { + margin: 0; + font-family: Arial, Helvetica, sans-serif; + background-color: #aaa4a0; +} + +/*index page links*/ + +li a:hover { + text-decoration: none; + color: blue; +} + +a:link { + text-decoration: none; + color: black; +} + +a:visited { + text-decoration: none; + color: black; +} + +h1 { + position: fixed; + /*height: 50px; + width: auto;*/ + right:0%; + text-align: right; + background-color: grey; + padding: 3px 30px 3px 10px; +} + +h2, h3{ + position: fixed; + left: 0%; + top: 5%; + text-align: left; + background-color: grey; + padding: 3px 3px 3px 30px; +} + +.indexlist { + position: absolute; + top:20%; +} + + +.header { + /*display: inline-block;*/ + position: absolute; + text-align: center; + padding: 32px; + top: 15%; + right: 0%; + z-index: -1; +} + +.row { + display: -ms-flexbox; /* IE 10 */ + display: flex; + position: absolute; + -ms-flex-wrap: wrap; /* IE 10 */ + flex-wrap: wrap; + padding: 0 4px; + top: 35%; + z-index: -1; + +} + +/* Create two equal columns that sits next to each other */ +.column { + -ms-flex: 25%; /* IE 10 */ + flex: 25%; + padding: 0 4px; +} + +.column img { + margin-top: 8px; + vertical-align: middle; +} + +/* Style the buttons */ +.btn { + position: relative; + border: none; + outline: none; + width: 110px; + text-align: center; + padding: 12px 0px; + background-color: grey; + cursor: pointer; + font-size: 18px; + margin-right: 5px; +} + +.btn:hover { + background-color: black; + color: white; +} + +.active { + background-color: black; + color: white; +} + +/*metadata dropup*/ + +.dropbtn { + background-color: black; + color: white; + padding: 16px; + font-size: 16px; + border: none; + width: 200px; + +} + +.dropup { + position: absolute; + display: inline-block; +} + +.dropup-content { + display: none; + position: absolute; + background-color: black; + opacity: 0.8; + min-width: 160px; + bottom: 50px; + z-index: 1; + width: 300px; + color: grey; +} + +.dropup-content a { + color: grey; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +.dropup-content a:hover {color: white;} + +.dropup:hover .dropup-content { + display: block; +} + +.dropup:hover .dropbtn { + background-color: grey; +} + +/*metadata dropdown*/ +.dropbtn { + position: fixed; + background-color: #4CAF50; + color: white; + padding: 16px; + font-size: 16px; + border: none; + cursor: pointer; + bottom:30%; +} + +.dropdown { + position: fixed; + display: inline-block; + bottom:30%; + width: 300px; +} + +.dropdown-content { + display: none; + position: absolute; + right: 0; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; +} + +.dropdown-content a:hover {background-color: #f1f1f1;} +.dropdown:hover .dropdown-content {display: block;} +.dropdown:hover .dropbtn {background-color: #3e8e41;} + + + + + +/*something*/ + + +#rightnav a { + position: absolute; + right: -90px; + /*top:10%;*/ + transition: 0.3s; + padding: 10px 50px 10px 30px; + width: 150px; + text-decoration: none; + font-size: 20px; + color: white; + border-radius: 0 5px 5px 0; + text-align: right; + font-size: 15px; +} + +#rightnav a:hover { + right: 0; + background-color: black; +} + +#title { + top: 10%; + background-color: black; +} + +#view { + top: 27%; + background-color: black; +} + +#leftnav a { + position: absolute; + left: -80px; + /*top:10%;*/ + transition: 0.3s; + padding: 10px 50px 10px 20px; + width: 125px; + text-decoration: none; + font-size: 20px; + color: white; + border-radius: 5px 0 0 5px; + text-align: right; + font-size: 15px; +} + +#leftnav a:hover { + left: 0; + background-color: black; +} + +#date { + top: 14%; + background-color: black; +} + +#creator { + top: 25%; + background-color: black; +} + +.metadata_Creator{ + position: absolute; + top:20%; + font-size: 18px; + background-color: grey; + padding: 3px 5px 3px 30px; + color: black; +} + +.metadata_Creator a:hover{ + color: blue; + text-decoration: none; +} + + + +#myDIV { + display: none; + position: absolute; + width: 48%; + height: auto; + left:26%; + top:15%; + /*padding: 50px 0;*/ + text-align: center; + background-color: grey; + margin-top: 20px; + z-index: 4; + opacity:0.8; + font-size: 15px; +} + +#myDIV a:hover{ + color: blue; +} + + +.orgbtn { + position: relative; + border: none; + outline: none; + width: 15%; + left:11%; + text-align: center; + padding-top: 12px; + padding-bottom: 12px; + background-color: grey; + color: grey; + cursor: pointer; + font-size: 18px; + /*margin-right: 5px;*/ +} + +.orgbtn:hover { + background-color: black; + color:white; +} + + +.square { + display: block; + position: absolute; + width: 50%; + height: 80%; + left:25%; + top:11%; + text-align: center; + background-color: transparent; + z-index: 2; + border-color: black; + border: solid 5px; +} \ No newline at end of file