/html-css/ HTML-CSS General #7

>Changelog
Added some links (you will find them easy).
Changed section's name.

Any request, quote THIS post and say ti for next thread.

sad

File: sad.jpg (112KB, 1180x842px) Image search: [Google]

112KB, 1180x842px

>>6890928

CSS MACHINE ROKE

>>6891114
What the hell, it censors the B emoji

How have I not noticed this before

File: 1491036524280.jpg (226KB, 1280x1435px) Image search: [Google]

226KB, 1280x1435px

>>6890887
seems a bit dead today

anyway, what are you currently working on guys ? As for me, I'm developping a static website for my association : https://mathrixp7.github.io/index.html

Also I'm considering using Jekyll, does any of you have any experience with it ? Want to do it because it look cleaner, seems easier to edit, and I'll learn something new

here a cute bird for you

File: firefox_2017-04-05_12-47-30.png (165KB, 1919x985px) Image search: [Google]

165KB, 1919x985px

I'll post a startpage that I did a while ago. It's nothing too serious.

File: 2017-04-05 18-24-10.webm (3MB, 720x1358px) Image search: [Google]

3MB, 720x1358px

>>6891403
Well, I was posting but I accidentally updated the browser. FFS

I was working on this.

I finally finished my Tumblr's CSS. It has portrait and landscape mode, with some tweaks on each mode.

I think I riced everything it could be riced to make it smooth and consistent, yet I accept suggestions.

Wallpapers are easily able to change.

>https://userstyles.org/styles/140975/tumblr-s-timeline-dark

>>6891408
Nice, Epic, I Like It.

>>6891403
That's really sleek. I wish more of the information was translated to English but I understand it's a site for a French uni student group, so it hardly makes much sense. 10/10 would click again

>>6891403
any reason for the empty header that pushes the whole site down for no real reason?

>>6891413
thanks dude, actually there are some non french students in our courses, so adding an english option seems to be useful more or less. Since I'm currently working on the layout, translating isn't my priority, but will translate sooner or later !

>>6891415
don't really know what you're talking about, care to share a screenshot/webm of the issue ?

>>6891417
So the "container" has a 40px margin so the content doesn't touch the borders of the site but the way you achieve the 40 px margin from the top is by creating a <header></header> with width 100%; height 40px, why not just adjust the css for container to start 40 px lower instead of creating a header object.

>>6891417
he's asking why you've windowboxed the entire site.

>>6891419
not even, that's fine it's just done in an inconsistent way, he's windowboxing with a 40px margin left right in one element and solving the top one with another element and the bottom margin with yet another element.

>>6891418
>>6891419
yeah, just figured it out when I was typing

actually, in a first version, the header wasn't empty, there was a logo and some contact informations, but decided to put them inside the container, thus the empty header ! But yeah, I should do this instead now

Anyone know how to change the background for Firefox itself (that is, I'm pretty much referring to the 'title bar(?)' in this:

>>6869274

I've been using Melbourne for a while, but no clue which search terms to use to find this - I have hardly any knowledge of firefox CSS.

>>6891815
Sorry, to elaborate further - referring to how the bar at the top has the same image as the desktop background. Assuming it's not transparent, and that they simply set it to the image, but no clue how to do that.

>>6891816
he used a custom windows theme, it has nothing to do with firefox

>>6891877
Considering I'm using Linux, that's quite unfortunate. Ta.

>>6891877
you have any idea what theme it is? and if it's win10 compatible?

>>6892381
>>6891815
It's a modded VS, the original is here : http://seahorsepip.deviantart.com/art/Sharp-Flat-8-1-v0-2-463634981

unfortunately it's on win 8.1, but I do think that you can do something similar on win 10, it's no that complicated to be honest

>>6877223
How can I add a search bar with commands like this

>>6893123
You can grab just the .js file from it. Can probably find it through the OP or going back 1-2 threads.

I really don't like that script, want to make my own some time.

>>6893191
last thread is full and the thread before that is 404'd

>>6893196
>>6863768
https://archive.nyafuu.org/wg/thread/6835342/

Surely it's used in the startpage collection in the OP?

File: asianfood.jpg (779KB, 1800x1215px) Image search: [Google]

779KB, 1800x1215px

>>6890887
anybody figure out how to run webms in safari?

>>6893606
safari doesn't support it?
if it doesn't i think the only way will be using other format

>>6893415
That's the 5th, anon. The link to 6th is in OP.

>>6863768

>>6891417
>thanks dude, actually there are some non french students in our courses, so adding an english option seems to be useful more or less. Since I'm currently working on the layout, translating isn't my priority, but will translate sooner or later !

Cool! I'll be looking forward to any progress then. It's a really interesting site.

>>6893606
Why would you want to the use Apple's botnet browser?

File: start.png (2MB, 1385x676px) Image search: [Google]

2MB, 1385x676px

Something really simple I started working on recently. Design is mostly stolen from the game's official page, with a few changes here and there.
Nothing too fancy at the moment, but maybe I'll add some juice to it later.

File: startpink.png (105KB, 1915x958px) Image search: [Google]

105KB, 1915x958px

I feel like something belongs on the left of the text but not sure what.

File: a24VeCN.gif (878KB, 1920x964px) Image search: [Google]

878KB, 1920x964px

saw a similar thread on /g/ a couple days ago. then i saw this one.

opinions? be harsh.

>>6894921
Too much going on, you're trying too hard

File: Screen Shot 2017-04-09 at 3.56.35 PM.png (1MB, 1600x900px) Image search: [Google]

1MB, 1600x900px

Based on https://github.com/Truttix/AhriStartpage
Basic as fuck, but it works well enough.

>>6895020
pwto wallpaper?

>>6895022

>>6895027
>that ugly watermark at bottom right
thanks anyway

File: F63.jpg (130KB, 1920x1080px) Image search: [Google]

130KB, 1920x1080px

>>6895031
Have one without that.

>>6895033
I will keep you on my thoughts anon. Best of luck in your life.

>>6894921
Either play more with the colourshifting idea or change the link colour, your other links are white.
Change your outline colour to match the theme better.
No Lobster. No.
Decorate the title differently.
The same Hello message will get old, there's simple JS to insert a different message every load.

File: Selección_457.png (160KB, 1679x1049px) Image search: [Google]

160KB, 1679x1049px

DEMO: http://capuno.es/blind/
SAUCE: https://github.com/Capuno/Blind

>>6895423
>/b/ traps
LUL

File: .983.png (2MB, 1920x1080px) Image search: [Google]

2MB, 1920x1080px

released a startpage : https://github.com/Catgrills/Omega

>>6894914
you could maybe add some icons

>>6895423
I like the layout, would maybe change the font color, and the foot size in the searchbar

>>6895711
I'm changing the color of the text for a lighter one, but what do you mean by, I assume you meant, font size? bigger or smaller and why?

>>6895711
>>6895940
Also you startpage looks awesome!

>>6895942
dont lie

>>6895711
how do you make the blur in the pictures?
do you use any library, js or css?

File: output.gif (5MB, 1894x948px) Image search: [Google]

5MB, 1894x948px

I've read in last thread that html and css are easy as dicks, so I tried to make my startpage. Are there any ways to improve load time? I think this script that fetches my news is slowing it down.

>>6896718
Source on the script?

I assume you're not getting RSS feeds.

>>6896718
Were you the one asking for advice on if there are KLWP-like makers for startpages? If so, nice! This is really fantastic, especially for someone unfamiliar with HTML/CSS to begin with.

As for ways to improve load time, http://yslow.org/ might be helpful (never tried it, so I don't know). It could probably be the script, so (as the other anon asked) it wouldn't hurt to share it.

>>6896740

Here it is http s ://pastebin.com/TQutwzpp

>>6896742

I remember the guy, but no, I'm another one with no knowledge. Like, I bake pastries for living. Sure, I'll try that extension.

File: browser-2017-03-25.webm (2MB, 1265x897px) Image search: [Google]

2MB, 1265x897px

i think i've hit a point where there isn't much more i can do

>>6896718
Looks like you're calling 70 items, so reduce that. Also there was a setting called speed, find out what it controls.

>>6897245

Oh, you're right. Reduced it to 25, it helped a bit.

mcspeed controls the speed of autoscrolling the list, I disabled that.

>>6897171

Please tell me how do you make these smoooooth webms? I tried all four screen capturers from installgentoo wiki, but only screen-to-gif one delivered, see >>6896718

>>6895940
>>6895942
thanks
I would make the font smaller, it'll look more minimalist and cleaner, and because I love fat padding

>>6896108
it hurts

>>6896715
it's just CSS, you'll have to use :

filter : blur([insert value]px);

>>6897300
https://github.com/TheTarkus/WebMCam/

>>6891403
jekyll is cool, if you are writing blogs. If not, check out nanoc.

File: 1234.jpg (56KB, 1006x640px) Image search: [Google]

56KB, 1006x640px

>>6896715
>>6897612
but when i use filter the borders lose opacity

>>6898391
then you should wrap #asadasa in another div with the same dimension if you want to keep the border opacity

>>6898395
ty, now its opaque
but i lose 5 px of the image if the blur its 5px

File: out1.webm (1MB, 1600x900px) Image search: [Google]

1MB, 1600x900px

Hey is that dude who made his homepage background the same as his desktop wallpaper but made it resize and position to match here? I'm interested in seeing his source code.

>>6898758
I don't know what are you talking about, but I see 3 wallpapers in that webm.

>>6891403
Like the design but keep in mind that bezels aren't for everyone, and are especially not for those with smaller screens

maybe have the haut button moved completely into the content rather than breaking the bezel illusion

File: 2017-03-08_1600x900_scrot.png (1MB, 1600x900px) Image search: [Google]

1MB, 1600x900px

>>6899309
Nah, that one is actually mine. I realized what I typed before was total gibberish, sorry.
A few months ago, A guy posted a homepage that had the same background as his wallpaper, so his browser looked transparent. It would even reposition the background so it would line up with his wall no matter the position of his browser window. I thought it was kinda cool and I'm trying to make something similar, but it's kinda janky right now so I was hoping to look at his solution.
Seems he doesn't post here anymore, so nevermind.

>>6896751
Gotcha! Hope it helps then. I assume it's that script slowing down your site but (as a Java noob) I can't really say whether it is or not (just a hunch that it might be). Are you loading a lot of stuff like fonts or stylesheets? Is everything locally hosted? If there's a lot of stuff being loaded and especially if that stuff isn't locally hosted (like for instance, loading a bunch of images from pomf.se or something) it might be why it's running slowly. But I'm not 100% on that, sorry.

>>6899714

Unfortunately I din't manage to get this thing working, it refuses to see my homepage file for some reason.

Anyway, >>6897245 guy helped with the numbger of items in the rss feed. Apart from that, css part barely takes 70 lines, no images at all, and no external content - it's just one local html file, on an SSD too. Not sure what else can I do.

Also what is better in your opinion - a startpage where you have to open some menus or dropdowns to access the links (thus spending more time actually getting to the links you need) or something that displays those links right away?

>>6899873
You spend a lot of time moving your cursor around to hit the links though. Startpages are not about optimization.

Thoughts on this as a start/home page?

https://WebOas.is

>>6900182

Oh, and I thought they were made to free some time from sexing the bookmarks system and speed dial management, huh.

So, the trick is to make something sexy to the eye while keeping it functional?

>>6900257
As you can see, most of the startpages are made to look sexy with meme animations.

>>6900254
Fun domain name.
Mostly good. Nice notepad.
The red banners shouldn't be used as navigation. Weather should default to showing your weather. Weather gets cut off and doesn't scroll for me. Search and icons don't adjust along with window size changes.

>>6900257
You could always do a terminal, you can still have meme animations/custom things and it's a lot faster than moving the mouse

Pretty sure there's one in the github startpage gallery

>>6901619

Never thought of that. You're right, pure terminal one looks a bit boring.

So, how do you RICER ANONS think i should improve that one >>6896718 ?

>>6902129
random color scheme with anime girl?

https://keepitchill.eu/

I've made a chill static page where you can change the wallpapers and the video. Any suggestions?

File: startpage.png (2MB, 1916x1088px) Image search: [Google]

2MB, 1916x1088px

Created my first startpage today.

>>6895711
what's that browser? how did you make it look like that?

>>6902831
Your background tiling looks very bad, look up background-size.

>>6902844
The material-design-but-with-serif-and-pastels doesn't look so hot. Temp background?

>>6902831
Not a fan of the font.

I want to do some shit with webgradients but I can't decide how to put the links, I'm tired of put some boxes on and then a list inside.

Ideas?

>>6900664

I agree with you on the red banners. Need to think of something better. The weather should automatically detect your location. It is not working for you?

File: linkwars.png (873KB, 960x663px) Image search: [Google]

873KB, 960x663px

>>6903902
minor thing but consider fixing so you can't hover two dropdowns at once.

>>6904128

I will see if I can fix bug.
Site has just been updated again - Fixed weather scrolling and a few other minor things.

>>6897171
are you going to get a position designing touch interfaces for desktops PCs at microsoft or something?

what the fuck man

Can someone please give me some examples of mobile startpages? I want to use one in my smartphone

>>6902129
You could style the scroll bar or remove it entirely
Pick a consistent color scheme/use mostly pastels

>>6902844
Hey, I made the one that's based off. Glad you like it.

File: startpage.webm (1MB, 1278x760px) Image search: [Google]

1MB, 1278x760px

>>6905282
It was great man! Introduced me to start pages, really editable and easy to do so. Great job!
Since then, I've created a new one, I'm still a big noob.

File: twitch.png (1MB, 1920x1080px) Image search: [Google]

1MB, 1920x1080px

I hate purple
https://github.com/just12/Twitch-black-css

>>6905771
>red on black
But why though

File: Captura.png (14KB, 1004x600px) Image search: [Google]

14KB, 1004x600px

>>6906909
cuz i like it

latest firefox update made the text in my tabs left-aligned

what the fuck

>>6907895
it also fucked up the 100% width tabs

>>6898758
she shows up sometimes

>>6898758
>BAT 105.16%
wut?

>>6910069
I shoved a few AA's in my disk drive.

>>6898758
how to get battery past 100%?

>>6907180
is that you MKBHD

>>6910740
Lol good point…

>>6907895
Source code?

Anyone using twily's homepage know how to use the slideshow? Can't figure it out. Thanks!

Some folk animated or altered the background properties of his homepage when you interact with them? I have some ideas stuck on my head but I tried some and I can't do it smooth, Suffestions/experiences?

>>6911716
what page?

use transition / animation

>>6912293
No one specific, just asking.

I want to interact with body settings, but if I go with JS/JQuery, it won't work the way I want, so I was asking you folks how do you do it.

Transition CSS3 doesn't work with parent elements.

>>6912401
why it wont work with js?

>>6912401
post a code snippet and what you wanted it do ?

>>6912635
<body>
<div id="background" style="
background-image: url('...');
background-color: black;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size: cover;
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
z-index: -1;"></div>
</body>

>>6912774
are you avoiding putting all of that style in a <style></style> tag in the <head> er's ?

Lets take a simple animation:

// This makes all a links change color:
a {
color: yellow;
transition: all 0.5s;
transition-timing-function: ease-in-out;
}

a:hover {
color: blue;
}

Anyone know how to get this page to output (ls) instead of (weather) when it first launches?

https://xprmt.github.io/terminal/

This is from the stickied startpages website.

Sup, >>6912401 here. I'm not >>6912774

So I messed around with it and the thing is that it won't work with background-image specifically. So gradients or wallpapers animated through CSS are out of the table.

>>6912894
Used style attr to show all the procedure at once instead of putting html first and then css rules

>>6913086
why not try whit adding and removing a class from the element?

>>6913074
It does neither when I first load it. Just a blank page with a cringe greentext, the time, and an output. Is there something else required?
Also, as for your idea, I think it depends, do you want it to just run that command? Do you want it to just display the text returned from ls?
You can either just tell it to display the text as another class or tell the page to input ls on load

>>6913203

The github says if too many people use the weather API it doesn't show up so that might be what's happening.

It's supposed to show weather, cringe green text, then time. I already removed the green text and time, but the weather seems hardcoded.

I want to replace that with a default ls function. I don't mind if it prints output or runs the command, is there a way to do that?

>>6913220
The weather loading code is at the top of bin.js. I just moved it to the top of term.js for readability. It doesn't work if you go to the Github-hosted page because Github uses https and OpenWeatherMap uses http, resulting in a mixed-content error when it tries to fetch data.

To print the output of ls(), just call help() in the document.ready function along with the time function, NOT ls() because it takes arguments.

As for the greentext, it was just to remind me to switch off Windows when I needed to actually do work. Probably should have taken that out earlier but eh

>>6913227

Hey, thanks for replying!

I called print(help()) but that also prints a line of "undefined" at the end, any idea why?

And I can't find any call for weather at the top of either term.js nor bin.js?

I liked the greentext you made, but I moved it to set machine to windows/mac instead of printing at the top :)

>>6913266
Yeah help() already prints to the terminal. It doesn't return anything, which is where 'undefined' is coming from if you try to print the result.

Also, weird. I did some reorganizing earlier today, but just look for document.ready in the files and anything that gets called from that. Idk if you're working from a formed version or what but I'd check the most recent report version.

>>6907895
same senpai, it's been bothering me so much
using tinycss btw

>>6915139
Were they centered before? Chrome is normally left.

>>6915139
It drove me nuts too. I remedied the situation by revering to 52 and letting some other poor fucker do the work of fixing it.

>>6915246
It defaults to the left normally. Most custom CSS have the tabs centered though. I think they changed the name of the element needed to center it.

File: Screenshot (95).png (1MB, 1920x1080px) Image search: [Google]

1MB, 1920x1080px

added a timer and a screenfetch function to the terminal

you can use your own ascii art, just create a file called art and save it

>>6904128

I think I fixed this issue.

Is there any way to set something up to get the weather for a given location and output it as text only on a webpage?
I've tried searching for it, but it just comes up with a bunch of overly designed widgets and other shit.
All I want is the temp followed by the weather.
For example;

80° , Sunny

Just as text, no photos, no forecast, just text.
Is there something like this laying around that I can use? Or do I have to set it up myself? I don't know jack shit about scripting, but I can handle myself with html/css.

Thanks in advance.

>>6917326
I should mention, that I would ideally be able to customize the responses from the weather.
I just want to have one of those faggy weather things that go

"It's sunny outside, 80°f"

>>6917332
https://openweathermap.org/current is what I use, and it's pretty good. You'd use it like:

var json_url = "http://api.openweathermap.org/data/2.5/weather?q=Morningside+Heights,ny&appid=[your app id]";
$.when(
$.getJSON(json_url)
).done(function(json_obj) {
doThingsWith(json_obj)
})
}

>>6917326
Yes. Pick a weather API first, then setup an account. You can open a request to the API with XMLHttpRequest() (google documentation on it) and then use JSON.parse(yourObject) to parse the response from the API. Pick out the information you care about from the API and then set it wherever you want in your document.

No jQuery required.

You can go a second level by using a cookie (or web storage API) to cache the weather information, this means you can mash reload on your homepage and not waste hits on the API, plus not have to wait on it to respond every time.

I can post my implementation if you want, though I'm not going to be fucked to comment it.

Also if you can't fix left-aligned text in your tabs, how the fuck did you write any FF CSS in the first place. It should be dead simple.

Did I never write a guide for this thread on how to inspect FF's UI with the native inspector?

>>6899698
>>https://userstyles.org/styles/140975/tumblr-s-timeline-dark
can I have that stylish :o

File: s.png (1MB, 1280x800px) Image search: [Google]

1MB, 1280x800px

>>6890887

File: s.png (749KB, 1280x800px) Image search: [Google]

749KB, 1280x800px

>>6917632
yt

File: s.png (856KB, 1280x800px) Image search: [Google]

856KB, 1280x800px

>>6917633
4chan
all colors are 100% variable. one change in a file and every website + browser has the new ones

>>6917633
share css?

>>6917443
>>6917461
Do you have an example of something I can use?
Like an html file you can link on dropbox with just the weather thing?

I find it's easier for me to learn by taking it apart and seeing how it works.
If not, it's no big deal. Thanks

>>6917634
>>6917633
>>6917632
Would love to have something like this, could you help us out and share/help?

>>6917764
https://github.com/xprmt/xprmt.github.io/blob/master/terminal/bin.js

Look for weather(), it's pretty much the same as what I posted above.

File: Image 001.png (76KB, 1920x1080px) Image search: [Google]

76KB, 1920x1080px

>>6918017
Thanks, your example helped out a bit. I can kind of see how it works, but when I try placing that area into a page within a <script> tag, it doesn't display anything.

How do I get it to display all the time?
Pic related is the homepage I've been working on; I realize it's not flashy, I can do flashy, but I just wanted something simple and text based.
All I'm trying to do is get the custom weather to display right under the time/date.

Sorry for asking all this, I know spoonfeeding is kind of shitty, I'm just not understanding it all properly.

>>6917461
I'd like to see how you did it.

>>6918025
You want to change the contents of an existing element on the page. Just check out how to do that with Javascript.

for some reason I cant get haxrcorp s8 to work. It worked just fine on my old computer but on my current one it just wont. I have no idea why and it's driving me nuts.

Saving it from page 10 :D

>>6920253
thank you so very much!

>>6917632
In need of this

anyone know a way to revert the tab text overflow to the way it was before Firefox 53?
I got rid of the fade effect but having no luck getting the ellipsis to return

File: brok.png (127KB, 966x603px) Image search: [Google]

127KB, 966x603px

did I do this or did you

Newfag here, how do you change the style of an existing website, like YouTube for instance?

>>6922540
Use an add-on like Stylish.

File: .989.png (1MB, 1920x1080px) Image search: [Google]

1MB, 1920x1080px

>>6922320
oh, that's my script. Is it the same on others boards ? Did you try to change the banner ?

>>6922813
Banner image had just 404'd. navLinks being hidden underneath instead of removed made me think I broke something.

what programs would i need to start getting in to making my own startpage? ive never done anything coding before

>>6922882
all you need is a text editor
learn the basics of html and css and ur good to go, it's not difficult

>>6922941
ah ok, i thought you used programs to visually show the page as ur going

>>6923170
you can use them but you dont need them to make a page
brackets have a live preview built in and its good for starters, i recommend it

>>6895423
What browser is this ?

File: Screenshot (3).png (61KB, 1366x768px) Image search: [Google]

61KB, 1366x768px

page hoste by a local flask server. No javascript on the client. Using bulma css.

Work in progress,

watcha think?

File: Screenshot 2017-05-13 at 11.06.23 PM.png (84KB, 1366x768px) Image search: [Google]

84KB, 1366x768px

>>6924255
more of a dashboard than a homepage
Updated some articles and added a clock

File: 2017-05-14-May-05-1494734585_4640x1080.png (411KB, 1920x1080px) Image search: [Google]

411KB, 1920x1080px

Made a really basic stylish theme for 4chan which matches the look of the Arc theme for GTK.

>>6924255
>>6924321
very clean, i like it

File: May 14, 2017 10:11 AM.webm (2MB, 1280x720px) Image search: [Google]

2MB, 1280x720px

>>6924495
Thanks

made some more improvements

>>6924586
Looks cool. Did you write your own backend for the tasks?

>>6922813
I don't know where to find your CSS, can I have the link to it? Thank you!

>>6925937
Not the guy that make this css but here is the link for the 4chan css

https://github.com/Catgrills/Pygmalion

http://nicknameisfortheweak.deviantart.com/
and this is the DA

>>6925760
Sort of. I use taskwarrior and it provides an API to access my tasks

so i just parse the JSON output and display on page

>>6926047
Thanks man.

>>6926047
>>6922813
Mine doesn't work for some reason, it won't activate because Stylish keeps detecting errors in the @-moz-document thing. Please help.

File: screenshot_33.png (212KB, 1000x600px) Image search: [Google]

212KB, 1000x600px

Does anyone want to redesign my app? It's really basic and I don't feel like redesigning it for the third time.

>>6926114
What is it?

>>6926123
a very simple and user friendly ffmpeg UI.

>>6926092
if you are on chrome delete the first and last lines

>>6926138
like webm for retards but with a good name and material design?
also that design its ok

>>6926114
a 4chan tomorrow dark theme and you're set for release

>>6898758
pls teach me how to make an expandable menu like that senpai

>>6926296
not him but try playing with x:hover{height:;} and x:hover > y{height:;}
the second is basically: when x is on hover, y its like this

>>6926200
yes basically and thank. not alone of people were digging the design and I'm thinking of going more of a minimalist approach to the design

>>6926359
it's pretty minimalist already

if it's a standalone application maybe make the video take up more of the window, but that's it

>>6926393
it is, but could be better as well as having just shades of white and gray.

File: Screen Shot 2017-05-17 at 12.18.07 PM.png (416KB, 2824x1900px) Image search: [Google]

416KB, 2824x1900px

A modification to one of those startpages in the site. Thanks, guy.

Does anyone know of any really crisp "bitmap" fonts? Like the blocky and simple? maybe around 14px - 12px that's usable for the web?

>>6926585
tewi

>>6924586
Looks really cool, I'd say the weakest/most out of page by far is the articles section. But this is awesome work so far

File: startpage1.png (509KB, 1920x1080px) Image search: [Google]

509KB, 1920x1080px

I'm working on a style for my startpage, I've never done this before and I'm new to CSS and this general. I would appreciate some critique and other stuff.

File: startpage2.png (511KB, 1920x1080px) Image search: [Google]

511KB, 1920x1080px

>>6926859
This is what the hover will look like but I didn't add in the opacity yet. Does this look like it could be made in CSS?

>>6926860
Yeah, but you'll need JS for the time and date.
I did your menu hovers for you.
https://codepen.io/anon/pen/XRPYGj

>>6926980
Ah thanks a bunch anon! I can leave the time out of it for now until I learn JS

>>6926751
jewboy i said usable for the web. you can't use a bdf font on web.

File: file.png (303KB, 1000x800px) Image search: [Google]

303KB, 1000x800px

>>6926393
It scales with the window.
>>6926264
All I'd have to do is invert the colors.
>>6926200
was material design, but I got a lot of crap saying "IT DOESN'T FIT GUIDELINES" even tho that's only because I was using materializecss framework and that's their choice.

Here's the new look of it.

>>6924586
Any chance of you putting this up somewhere?