daancarst/proof-of-concept

Ontwerp en maak een data driven online concept voor een opdrachtgever

proof-of-concept's Issues

Nav bar toevoegen

Website live zetten

Schetsen maken van ideal state

Speciale evenementen toevoegen

Verjaardagen toevoegen

Weer toevoegen

Is dit niet tabulaire data?

De lijnen tussen de rijen, en de uitgelijnde 'kolommen' doen vermoeden dat het een <table> is :)

proof-of-concept/views/index.ejs

Lines 24 to 28 in ba6bc52

	<div class="partner-container">
	<% data.data.forEach(function(organization) { %>
	<p class="partner-name"><%= organization.name %> <span class="since"><%= organization.created_at %></span></p>
	<% }); %>
	</div>

Api toevoegen

User test

Schetsen maken van ui states

Nieuwste projecten toevoegen

Is dit echt een h1?

Of is je datum de h1?

proof-of-concept/views/index.ejs

Line 6 in ba6bc52

<h1>Verjaardag</h1>

Grid toepassen

Recente Sales toevoegen

Tijd en datum toevoegen

partnerpage tekst overflow

je hebt je class justify-content: flex-end; gegeven hierdoor leunt het op de onderkant en als er overflow is doet bij de tietel. Als je dit wild oke zo niet dan kan je het beter uit zeten.

Nesten van de fetch

Kan dit niet makkelijker?

Bijvoorbeeld met een linear-gradient als background-image? :)

proof-of-concept/views/partials/page3head.ejs

Lines 13 to 27 in ba6bc52

	<div class="light-block">
	</div>
	<div class="dark-stripe">
	</div>
	<div class="light-block">
	</div>
	<div class="dark-block">
	</div>

Beste sales van de week toevoegen

Gebruik hier .textContent ipv .innerHTML

Zelfde resultaat in dit geval, maar met minder werk voor de browser.

https://github.com/DaanCarst/proof-of-concept/blob/ba6bc5241dc87ac452dc6d34f4eecfc1f2e6204f/public/script.js#LL9C38-L9C47