コードの背景色は黒でしょ！CSSを変更しました。

CSS generator

変更後

#include<bits/stdc++.h>
using namespace std;
using ll = long long;

template<class T>bool chmax(T &a, const T &b) { if (a<b) { a=b; return 1; } return 0; }
template<class T>bool chmin(T &a, const T &b) { if (b<a) { a=b; return 1; } return 0; }

#define FOR(i,a,b) for(ll i=(a);i<(b);++i)
#define ALL(v) (v).begin(), (v).end()
#define p(s) cout<<(s)<<endl
#define p2(s, t) cout << (s) << " " << (t) << endl
#define br() p("")
#define pn(s) cout << (#s) << " " << (s) << endl
#define p_yes() p("YES")
#define p_no() p("NO")

int main(){
    cin.tie(0);
    ios::sync_with_stdio(false);

    // input
    ll N;
    cin >> N;

    vector<ll> A(N);
    FOR(i, 0, N){
        cin >> A.at(i);
    }

    vector<ll> L;
    L.push_back(A[0]);

    FOR(i, 1, N){
        ll a = A[i];
        if(L.back()<a){
            L.push_back(a);
        }else{
            auto it = lower_bound(ALL(L), a);
            *it = a;
        }
    }

    ll ans = L.size();
    p(ans);
    
    return 0;
}

CSS

.entry-content pre.code {
    background-color: #282a36;
    color: #ffffff;
    font-size: 14px;
    line-height: 1em;
}
.synComment { color: #6272a4; }
.synConstant { color: #f1fa8c; }
.synIdentifier { color: #bd93f9; }
.synPreProc { color: #a199c8; }
.synSpecial { color: #c000c0; }
.synStatement { color: #50fa7b; }
.synType { color: #ff79c6; }

スマホ対応

記事一覧対応

記事一覧をスマートに

  • デザインによってはダサい一覧表示になってしまう
  • 本文テキストも不要
  • テーマを「インストールしたテーマ」から「Minimalism」に設定。一覧表示をいい感じにしてくれる

なぜ色々対応した？

  • スマホでの体験向上
  • TOPページに行った時にいきなり最新記事の内容がすべて表示されるのはつらい
  • コンパクトに記事一覧を表示したほうがいいため