General

[ZeroDot1]

What do you think about adding effects to the design? Screenshot example:

[mikelpint]

It is a good idea. I can also add some animatons.

[ZeroDot1]

I created the effect for the search field like this. box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228DFF, 0 0 35px #228DFF, 0 0 40px #228DFF, 0 0 50px #228DFF, 0 0 75px #228DFF;

[ZeroDot1]

https://github.com/mikelpint/Startpage/pull/7

[ZeroDot1]

If you move your mouse over the search box, it will turn green. I think it'll be better highlighted.

[mikelpint]

Yes, I think so.

[ZeroDot1]

8

The effects for the search box are ready, try it out.

[ZeroDot1]

I have more ideas to improve the design even further, I will implement this step by step if they like it.

[mikelpint]

I will create a Gulpfile to make github compile sass automaticaly. This will make the repository lighter and more organised.

[ZeroDot1]

I'm working on a new menu Screenshot:

[mikelpint]

I will also add a menu for selecting a search engine.

[ZeroDot1]

New language menu added #9

[ZeroDot1]

That's a good idea :)

[ZeroDot1]

with the last updates you deleted the css for the dropdown menu I created, the menu doesn't work as it should anymore, sorry.

.dropbtn {
  background-color: transparent;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropbtn:hover, .dropbtn:focus {
  background-color: transparent;
  outline: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: transparent;
  min-width: 16px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;

}

.dropdown a:hover {
  background-color: transparent;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.show {
  display: block;
}

[mikelpint]

I will fix it later, sorry.

[mikelpint]

Fixed, sorry for the inconveniences.

[mikelpint]

Is this better?

[ZeroDot1]

Thanks for the quick fix. Yes, this is very good :)

[mikelpint]

So I will push it.

[ZeroDot1]

I have tested the start page with smaller monitors and noticed that it is not compatible, see the screenshot:

[mikelpint]

Can you test it, please?

[ZeroDot1]

So far everything works, only the view on small monitors is not good.

[mikelpint]

It should be fixed now.

[ZeroDot1]

The footer overlays the other elements, because I did it that way, can you improve it?

<div align="center" style="position: fixed; left: 0px; bottom: 0px; height: 64px; width: 100%; font-size:10px;">
    <a href="https://github.com/mikelpint/Startpage" target="_blank">GitHub - Startpage</a>
    <p>Translated by: <a href="https://github.com/mikelpint" target="_blank">Mikel Pintado</a></p>
    <br />
  </div>

[ZeroDot1]

Yes, that's fine with the footer, but now it's shown in the middle of the page when the size of the screen is smaller.

[ZeroDot1]

I've been looking, can these links help? https://codepen.io/cbracco/pen/zekgx https://stackoverflow.com/questions/643879/css-to-make-html-page-footer-stay-at-bottom-of-the-page-with-a-minimum-height

[ZeroDot1]

[ZeroDot1]

The look in Chrome and Firefox is different.

[mikelpint]

Yes, I know. I'm testing it in my mobile phone with Firefox but it doesn't work.

[ZeroDot1]

Hm, try the one from the link. https://stackoverflow.com/questions/29119290/firefox-footer-with-absolute-position-not-working-no-tables

[ZeroDot1]

[mikelpint]

We just need to align it at center now.

[ZeroDot1]

That looks very good.

[mikelpint]

Do you want to keep it?

[ZeroDot1]

Yes, that's good.

[mikelpint]

Ok.

[mikelpint]

Well. Goodnight then 😄

[ZeroDot1]

I also wish you a good night, Good work:)

[ZeroDot1]

New Urls added & Added the category Shopping for the German page Is the update ok?

[ZeroDot1]

@mikelpint Please update the style and change it for smaller monitor resolutions and mobile devices.

[mikelpint]

The update is very nice.

[mikelpint]

Ok, I will fix it.

[mikelpint]

It fits well in a 5 inches mobile phone screen.

[mikelpint]

Ups. I didn't say nothing xD

[ZeroDot1]

I have improved the search, see: #13

@mikelpint Please test the improved search.

[mikelpint]

Sorry for not being active.

[mikelpint]

I have a lot if exams and I spend the few free I have playing video games.

[ZeroDot1]

No problem, Github and the project are still there tomorrow:)

[ZeroDot1]

@mikelpint Is it possible to add custom scrollbar styling? https://codepen.io/devstreak/pen/dMYgeO

[mikelpint]

I don't know. I will check it.

[ZeroDot1]

Thank you :)