GameSentenceMiner 2.15.11__tar.gz → 2.16.0__tar.gz

gamesentenceminer-2.16.0/GameSentenceMiner/web/static/css/kanji-grid.css

@@ -0,0 +1,110 @@
+/* Shared Kanji Grid Component Styles */
+
+/* Kanji Grid Container */
+.kanji-counter {
+    text-align: center;
+    font-size: 18px;
+    font-weight: bold;
+    color: #495057;
+    margin-bottom: 20px;
+}
+
+.kanji-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
+    gap: 3px;
+    margin-bottom: 20px;
+    max-width: 100%;
+}
+
+/* Individual Kanji Cell */
+.kanji-cell {
+    width: 30px;
+    height: 30px;
+    background-color: #ebedf0;
+    border-radius: 3px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
+    font-weight: bold;
+    color: #333;
+    cursor: pointer;
+    position: relative;
+    transition: all 0.2s ease;
+    font-family: "Noto Sans CJK JP", "Hiragino Sans", "Yu Gothic", "Meiryo", "Takao", "IPAexGothic", "IPAPGothic", "VL PGothic", "Koruri", sans-serif;
+    line-height: 30px;
+    text-align: center;
+    vertical-align: middle;
+}
+
+.kanji-cell:hover {
+    transform: scale(1.1);
+    z-index: 10;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+}
+
+/* Frequency-based color levels (for backward compatibility) */
+.kanji-cell.level-1 { background-color: #c6e48b; }
+.kanji-cell.level-2 { background-color: #7bc96f; }
+.kanji-cell.level-3 { background-color: #239a3b; color: white; }
+.kanji-cell.level-4 { background-color: #196127; color: white; }
+
+/* Legend */
+.kanji-legend {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-top: 10px;
+    font-size: 12px;
+    color: #586069;
+}
+
+.kanji-legend-item {
+    width: 12px;
+    height: 12px;
+    margin: 0 2px;
+    border-radius: 2px;
+}
+
+/* Grid Container Wrapper */
+.kanji-grid-container {
+    background: var(--bg-secondary);
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 4px 12px var(--shadow-color);
+    border: 1px solid var(--border-color);
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    .kanji-grid {
+        grid-template-columns: repeat(auto-fill, minmax(25px, 1fr));
+        gap: 2px;
+    }
+    
+    .kanji-cell {
+        width: 25px;
+        height: 25px;
+        font-size: 14px;
+        line-height: 25px;
+    }
+    
+    .kanji-counter {
+        font-size: 16px;
+    }
+}
+
+@media (max-width: 480px) {
+    .kanji-grid {
+        grid-template-columns: repeat(auto-fill, minmax(22px, 1fr));
+        gap: 1px;
+    }
+    
+    .kanji-cell {
+        width: 22px;
+        height: 22px;
+        font-size: 12px;
+        line-height: 22px;
+    }
+}

gamesentenceminer-2.16.0/GameSentenceMiner/web/static/css/search.css

@@ -0,0 +1,14 @@
+/* Search Page Specific Styles */
+
+/* Search-specific responsive styles */
+@media (max-width: 768px) {
+    .navigation {
+        padding: 10px;
+    }
+    
+    .nav-link {
+        display: block;
+        margin: 5px 0;
+        text-align: center;
+    }
+}