#4 Homelab 대시보드 커스텀 인트로

Welcome 페이지를 만들고, 끝나면 기존 homepage로 리다이렉트되는 걸 상상했다. 생각만 해도 멋지다. 하지만 gethomepage는 HTML을 건드릴 수 없고 CSS/JS만 커스텀 가능하다. 그래서 소스를 fork해야 하나 싶었는데, 그건 너무 번거롭다.

문제들

문제 1: Gethomepage는 HTML 수정 불가

즉, div 하나 추가하는 것도 불가능하다. 다른 해결책이 필요하다.

문제 2: 내 실력

gethomepage repo를 fork해서 커스텀할 정도의 실력이 부족하다. 시간을 들이면 가능하지만, 그만큼 가치가 있다고 느끼지 않았다.

해결

해결책은 조금 이상하지만 간단하다. iframe으로 화면 전체를 덮는 방식. 두 개의 웹사이트를 만든다. 하나는 dashboard만, 다른 하나는 intro만. intro가 끝나면 숨겨지고 iframe에 dashboard가 보인다. 이렇게 하면 원하는 효과를 얻을 수 있다.

처음엔 이런 스타일을 생각했다.

하지만 결국 이걸 선택했다. 너무 멋있고 쿨하다 ㅋㅋ

결론

실행하면 intro가 끝나고 homepage로 넘어간다. 간단하고 최고.