トップページ

スライドショー画像更新

トップにスライドショーがある。

スライドショー全体

<section class="probootstrap-slider flexslider">
    <div id="slide" class="slider-pro">
        <div class="sp-slides">
            <div class="sp-slide">
                <img
                    class="sp-image"
                    src="/img/2019_05_26_BunsaiHeader.jpg"
                    alt="文祭ヘッダー画像 作:HarU"
                />
            </div>
            <div class="sp-slide">
                <img class="sp-image" src="/img/01.jpg" />
            </div>
            <div class="sp-slide">
                <img class="sp-image" src="/img/02.jpg" />
            </div>
            <div class="sp-slide">
                <img class="sp-image" src="/img/03.jpg" />
            </div>
        </div>
    </div>
</section>

各要素は

<div class="sp-slide">
    <img class="sp-image" src="/img/03.jpg" />
</div>

メインメニュー

現在は、3 班へのリンクがあり、その上に新入生向けのリンク。 各自自分の好きなジャンルへ飛ぶことができる + 新入生向けのページへ誘導することが目的。

イベント

イベントがあるときは、ここに書く。 ここが古いままになるとサイト全体の印象が下がるので、ある程度の頻度が必要。 例）

各ページを作成し、簡単な説明を書いたあとにリンクを貼る。

アドベントカレンダーリンク

<div class="probootstrap-section">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center section-heading">
                <h2>Event</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <h2 class="border">ソフメアドベントカレンダー</h2>
                <p>${アドベントカレンダーについての説明}</p>
                <p>
                    <a
                        href="_カレンダーへのリンク_"
                        role="button"
                        class="btn btn-primary btn-sm"
                        title="_title_"
                        >アドベントカレンダーページへ</a
                    >
                </p>
            </div>
        </div>
    </div>
</div>

ABOUT

ソフトメディア研究会とは

本研究会の概要だけ書いておく。

<h2 class="border">ソフトメディア研究会とは？</h2>
<p>${説明}</p>

活動内容について

<h2 class="border">活動内容について</h2>
<p>${説明}</p>

トピック

ある程度の更新頻度を保つ。勝手に並んでいくので追加していく。 個人的には、2 列程(6 個)ほどあればいいのかと思う。

<div class="col-md-4">
    <div class="probootstrap-card">
        <div class="probootstrap-card-media">
            <img
                src="/img/${画像}"
                class="img-responsive img-border"
                alt="${画像の説明}"
            />
        </div>
        <div class="probootstrap-card-text">
            <h2 class="probootstrap-card-heading mb0">${タイトル}</h2>
            <p class="category">${活動日]</p>
        </div>
    </div>
</div>

メジェドについて

ソースコードの下部にあるメジェドの AA はネタ。 特に深い意味はない。 気になる人は、めじぇ走で検索。 問題があれば消してしまっても構わない。

以前あった要素