수학이야기 스킨 두 가지

SKIN & CSS 2022. 11. 27. 00:25
반응형

공개하는 스킨은 모두 하나에서 나와서 거의 같은 모양이다. 블로그 스킨을 직접 다듬기 시작한 까닭은 수식을 입력하기 쉬운 스킨이 없었기 때문이다. 대단한 특징은 없지만 굳이 꼽아 보자면 아래와 같다.

1. 자유로운 수식 입력 (Mathjax )
$$\sum_{n=1}^{\infty}a_n=\lim_{n \to \infty}\sum_{k=1}^{n} a_k$$
2. 카테고리(글갈래)가 많은 블로그에 적합
  - PC 환경에선 왼쪽에 고정 또는 오른쪽 옆에 붙여 놓음

3. 커버는 리스트형과 갤러리형 제공

4. 스크린 해상도에 따라 반응하는 스킨

  - 모바일 환경에선 카테고리를 하단으로 옮겨서 1단형으로 변환

수식 입력을 위해 $\LaTeX$를 알고 싶다면 글갈래에서 LaTeX를 눌러보자.   

Mathstory_2dan

수학과 관련된 자료를 올리는 블로그에 최적화된 스킨이다. 군더더기나 꾸밈이 없이 간결한 구글스러운 디자인을 추구하였다. 글갈래(카테고리)를 비롯한 사이드바를 오른쪽 옆에 달아 놓았다. 그리드를 적용했다. 

https://suhak.tistory.com/

 

수학과 사는 이야기

가까이 다가갈수록 수학은 아름다워라

suhak.tistory.com

Mathstory_grid_2dan.zip
0.21MB

Mathstory_1dan

카테고리가 많지 않다면 굳이 사이드바를 굳이 옆에 두지 않아도 된다. 모바일처럼 폭이 좁은 해상도로 보는 경우를 위해 1단으로 만든 스킨이다. 현재 보고 있는 블로그에 적용하였다.

기본은 폭이 900px이다. 나름대로 반응형인 1단형 스킨이다. 글갈래를 비롯한 사이드바를 아래로 옮겼다. 사이드바는 환경에 따라 4열, 3열, 2열로 보여지도록 하였다.

mathstory_1dan.zip
0.23MB

반응형
TAG

TOP