diff --git a/formats/HtmlFormat.php b/formats/HtmlFormat.php index 3e5e59de..2c26a0e4 100644 --- a/formats/HtmlFormat.php +++ b/formats/HtmlFormat.php @@ -69,7 +69,7 @@ EOD; {$title} - + diff --git a/index.php b/index.php index c65917a6..5a24b537 100644 --- a/index.php +++ b/index.php @@ -198,10 +198,18 @@ $formats = Format::searchInformation(); RSS-Bridge - + + + - + ·Reconnecting the Web·

{$status}

+
+

Search

+ +
+ EOD; $activeFoundBridgeCount = 0; @@ -231,7 +246,7 @@ EOD; } echo $inactiveBridges; ?> -
+
RSS-Bridge alpha 0.2 ~ Public Domain
/ active bridges.
Created with the PHP Coding Standard Generator. http://edorian.github.com/php-coding-standard-generator/ - ./css + ./static ./vendor diff --git a/css/HtmlFormat.css b/static/HtmlFormat.css similarity index 100% rename from css/HtmlFormat.css rename to static/HtmlFormat.css diff --git a/static/search.js b/static/search.js new file mode 100644 index 00000000..3ddd99bd --- /dev/null +++ b/static/search.js @@ -0,0 +1,27 @@ +function search() { + + var searchTerm = document.getElementById('searchfield').value; + var searchableElements = document.getElementsByTagName('section'); + + var regexMatch = new RegExp(searchTerm, "i"); + + for(var i = 0; i < searchableElements.length; i++) { + + var textValue = searchableElements[i].getAttribute('data-ref'); + if(textValue != null) { + + if(textValue.match(regexMatch) == null && searchableElements[i].style.display != "none") { + + searchableElements[i].style.display = "none"; + + } else if(textValue.match(regexMatch) != null) { + + searchableElements[i].style.display = "block"; + + } + + } + + } + +} diff --git a/css/style.css b/static/style.css similarity index 89% rename from css/style.css rename to static/style.css index 4a0c6778..bade93f6 100644 --- a/css/style.css +++ b/static/style.css @@ -52,6 +52,35 @@ header > p.status { color: red; } +.searchbar { + + width: 50%; + margin: auto; + +} + +.searchbar input[type="text"] { + + width: 100%; + margin: auto; + font-size: 1.4em; + +} + +.searchbar input[type="text"]::placeholder { + + text-align: center; + +} + +.searchbar > h3 { + + font-size: 150%; + font-weight: bold; + color: #1182DB; + +} + section { background-color: #FFFFFF; @@ -65,13 +94,13 @@ section { } -section:last-of-type { +section.footer { opacity: 0.5; } -section:last-of-type:hover { +section.footer:hover { opacity: 1;