+ or search for
+If you want a 4K image instead go here
-If you want a 8K image instead go here
-If you want a 10K image instead go here
-If you want a 16K image instead go here
-If you want to search with your own height and width go here
-If you want a mobile wallpaper instead go here (In beta)
-Search for a 64x64 sized image (really only useful for Minecraft)
- - diff --git a/16k.html b/16k.html new file mode 100644 index 0000000..db87f4f --- /dev/null +++ b/16k.html @@ -0,0 +1,58 @@ + + + +
+ or search for
+If you want a 4K image instead go here
-If you want a 8K image instead go here
-If you want a 10K image instead go here
-If you want a 16K image instead go here
-If you want to search with your own height and width go here
-If you want a mobile wallpaper instead go here (In beta)
-Search for a 64x64 sized image (really only useful for Minecraft)
- - diff --git a/4k.html b/4k.html new file mode 100644 index 0000000..2c9df01 --- /dev/null +++ b/4k.html @@ -0,0 +1,61 @@ + + + +
+ or search for
+If you want a 4K image instead go here
-If you want a 8K image instead go here
-If you want a 10K image instead go here
-If you want a 16K image instead go here
-If you want to search with your own height and width go here
-If you want a mobile wallpaper instead go here (In beta)
-Search for a 64x64 sized image (really only useful for Minecraft)
- - diff --git a/64.html b/64.html new file mode 100644 index 0000000..beaace4 --- /dev/null +++ b/64.html @@ -0,0 +1,63 @@ + + +
+ or search for
+If you want a 4K image instead go here
-If you want a 8K image instead go here
-If you want a 10K image instead go here
-If you want a 16K image instead go here
-If you want to search with your own height and width go here
-If you want a mobile wallpaper instead go here (In beta)
-Search for a 64x64 sized image (really only useful for Minecraft)
- - diff --git a/README.md b/README.md index ac5a133..ac15f24 100644 --- a/README.md +++ b/README.md @@ -1,19 +1,25 @@ -# 8K-image-search -Search for 4K, 8K, 10K, and 16K images. -(the website) -I would like to thank Lucas for helping me with the image search.
+# Image-Search-Engine -# Updates -3.3 β Visual changes
-3.2 β Added placeholders on the custom size page
-3.1 β Changed the labels for width and height on the custom size page from "w" & "h" to "width" & "height"
-3.0 β added a page that let's you search by a specified height and width (thank you Wazz for helping me add this feature)
+ + +# Purpose +We sometimes face problems to find out images of desired quality and dimension. +This search engine solves such kind of problems. +
+ +# Features +1: search for 4k, 8k, 10k, 16k images+2: search for images of custom width and height
+3: search for mobile wallpapers
+4: search for 64 ✕ 64 size images + +# Moreover +This search engine is optimized for both desktop and mobile devices + + + + + -# Why I made this -
I originally wanted to make this so I (and others) could easily look for 4K, 8K, 10K, and 16K images. It ended up having a bigger use though, as far as I'm aware this is the only way to search google for images with a specific height/width.
-# Things I plan on doing with this in the future -I'm not sure yet
-# Things I need help with -Improving the mobile page
diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..d325330 --- /dev/null +++ b/css/style.css @@ -0,0 +1,163 @@ + +@charset "utf-8"; + +html{ + word-wrap: break-word; + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body{ +background: #2f2f2f; +} +.container{ + box-sizing:border-box; +} + +.container .logo +{ + cursor:pointer; + margin-top:3.5rem; + display: flex; + justify-content: center; +} + + +.container .logo img +{ + width:auto; + height:200px; +} + +.search-form{ + display: flex; + justify-content: center; + +} + + +.search-form form{ + margin-top:2rem; + display: flex; + flex-direction: column; + align-items:center; +} + +form .search{ + display: flex; + flex-direction: row; + justify-content: center; + background: #366ba877; + border-radius:24px; + box-shadow: 1px 1px 3px rgba(250,250,250,0.6); +} + +form .search img{ + width:22px; + height:22px; + cursor: pointer; + padding:11px 3px 9px 17px; +} + + +form .search input{ + padding:13px 13px 13px 14px; + border:none; + outline:none; + background: transparent; + font-size:15px; + color:rgba(230,230,230,1); +} +.submit{ + background:rgb(226, 41, 41); + margin-top:15px; + cursor:pointer; + border-radius:20px; + box-shadow: 1px 1px 3px rgba(250,250,250,0.6); +} + +.submit input{ + cursor: pointer; + padding:11px 20px 11px 20px; + border:none; + outline:none; + background:transparent; + font-size:14px; + color:rgba(200,200,200,1); +} + +.serach-for{ + display:flex; + flex-direction: column; + align-items: center; +} + +.serach-for p{ + color:#1e79e2f6; +} + +.links{ + color:#1e79e2f6; + display: flex; + justify-content: center; +} + +.links a{ + text-decoration: none; + font-family: sans-serif; + color:#1e79e2f6; + font-size: 15px; +} + +.links-2 +{ + padding:5px; + font-size:15px; +} + +.links-2 a{ + font-size:16px; +} + + +/* +* Optimization for mobile devices +*/ + +@media (max-width:921px) +{ + + form .search input{ + padding:13px 0px 13px 6px; + } + .serach-for .links + { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + +.serach-for .links span{ + display: flex; + flex-direction: row; + justify-content: center; +} + +.serach-for .links span:nth-child(3){ + margin-top:9px; + margin-bottom: 5px; +} + + +#hide{ + display: none; +} + +.links-2{ + line-height:23px; +} + +} \ No newline at end of file diff --git a/custom-size/index.html b/custom-size/index.html index 74aa120..fbed48d 100644 --- a/custom-size/index.html +++ b/custom-size/index.html @@ -1,7 +1,7 @@
+ or search for
+If you want a 4K image instead go here
-If you want a 8K image instead go here
-If you want a 10K image instead go here
-If you want a 16K image instead go here
-If you want to search with your own height and width go here
-If you want a mobile wallpaper instead go here (In beta)
-Search for a 64x64 sized image (really only useful for Minecraft)
- - +or search for
+If you want a 4K image instead go here
-If you want a 8K image instead go here
-If you want a 10K image instead go here
-If you want a 16K image instead go here
-If you want to search with your own height and width go here
-If you want a mobile wallpaper instead go here (In beta)
-Search for a 64x64 sized image (really only useful for Minecraft)
-Please notice it would be better if you went to DuckDuckGo.com and select "All Layouts > tall" and also select "All sizes > Wallpaper"
- diff --git a/mobile_images.html b/mobile_images.html new file mode 100644 index 0000000..727fb9b --- /dev/null +++ b/mobile_images.html @@ -0,0 +1,62 @@ + + + +
+ or search for
+