drf-to-mkdoc 0.1.6__py3-none-any.whl → 0.1.8__py3-none-any.whl
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Potentially problematic release.
This version of drf-to-mkdoc might be problematic. Click here for more details.
- drf_to_mkdoc/__init__.py +1 -1
- drf_to_mkdoc/apps.py +6 -2
- drf_to_mkdoc/conf/defaults.py +0 -1
- drf_to_mkdoc/conf/settings.py +11 -5
- drf_to_mkdoc/management/commands/build_docs.py +61 -19
- drf_to_mkdoc/management/commands/generate_docs.py +5 -5
- drf_to_mkdoc/management/commands/generate_model_docs.py +1 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/base.css +69 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/endpoint-content.css +117 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/endpoints-grid.css +119 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/responsive.css +57 -50
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/theme-toggle.css +12 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/endpoints/variables.css +64 -21
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/models/animations.css +25 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/models/base.css +83 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/models/model-cards.css +126 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/models/model-tables.css +57 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/models/responsive.css +51 -0
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/models/variables.css +46 -0
- drf_to_mkdoc/utils/common.py +28 -26
- drf_to_mkdoc/utils/{endpoint_generator.py → endpoint_detail_generator.py} +214 -384
- drf_to_mkdoc/utils/endpoint_list_generator.py +234 -0
- drf_to_mkdoc/utils/extractors/query_parameter_extractors.py +12 -17
- drf_to_mkdoc/utils/{model_generator.py → model_detail_generator.py} +20 -51
- drf_to_mkdoc/utils/model_list_generator.py +67 -0
- {drf_to_mkdoc-0.1.6.dist-info → drf_to_mkdoc-0.1.8.dist-info}/METADATA +3 -25
- {drf_to_mkdoc-0.1.6.dist-info → drf_to_mkdoc-0.1.8.dist-info}/RECORD +30 -23
- drf_to_mkdoc/static/drf-to-mkdoc/stylesheets/extra.css +0 -358
- {drf_to_mkdoc-0.1.6.dist-info → drf_to_mkdoc-0.1.8.dist-info}/WHEEL +0 -0
- {drf_to_mkdoc-0.1.6.dist-info → drf_to_mkdoc-0.1.8.dist-info}/licenses/LICENSE +0 -0
- {drf_to_mkdoc-0.1.6.dist-info → drf_to_mkdoc-0.1.8.dist-info}/top_level.txt +0 -0
drf_to_mkdoc/__init__.py
CHANGED
drf_to_mkdoc/apps.py
CHANGED
|
@@ -1,15 +1,19 @@
|
|
|
1
|
+
import logging
|
|
2
|
+
|
|
1
3
|
from django.apps import AppConfig
|
|
2
4
|
|
|
5
|
+
logger = logging.getLogger()
|
|
6
|
+
|
|
3
7
|
|
|
4
8
|
class DrfToMkdocConfig(AppConfig):
|
|
5
9
|
default_auto_field = "django.db.models.BigAutoField"
|
|
6
10
|
name = "drf_to_mkdoc"
|
|
7
11
|
verbose_name = "DRF to MkDocs Documentation Generator"
|
|
8
|
-
|
|
12
|
+
|
|
9
13
|
def ready(self):
|
|
10
14
|
"""Initialize the app when Django starts."""
|
|
11
15
|
# Import management commands to register them
|
|
12
16
|
try:
|
|
13
17
|
import drf_to_mkdoc.management.commands # noqa
|
|
14
18
|
except ImportError:
|
|
15
|
-
|
|
19
|
+
logger.exception("Failed to import drf_to_mkdoc commands")
|
drf_to_mkdoc/conf/defaults.py
CHANGED
|
@@ -5,7 +5,6 @@ DEFAULTS = {
|
|
|
5
5
|
"MODEL_DOCS_FILE": "docs/model-docs.json", # Path to model documentation JSON file
|
|
6
6
|
"DOC_CONFIG_FILE": "docs/configs/doc_config.json", # Path to documentation configuration file
|
|
7
7
|
"CUSTOM_SCHEMA_FILE": "docs/configs/custom_schema.json", # Path to custom schema file
|
|
8
|
-
|
|
9
8
|
# Django apps - required, no default
|
|
10
9
|
"DJANGO_APPS": None, # List of Django app names to process
|
|
11
10
|
}
|
drf_to_mkdoc/conf/settings.py
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
from django.conf import settings
|
|
2
|
+
|
|
2
3
|
from drf_to_mkdoc.conf.defaults import DEFAULTS
|
|
3
4
|
|
|
5
|
+
|
|
4
6
|
class DRFToMkDocSettings:
|
|
5
7
|
required_settings = ["DJANGO_APPS"]
|
|
8
|
+
project_settings = {"PROJECT_NAME": "drf-to-mkdoc"}
|
|
6
9
|
|
|
7
10
|
def __init__(self, user_settings_key="DRF_TO_MKDOC", defaults=None):
|
|
8
11
|
self.user_settings_key = user_settings_key
|
|
@@ -11,16 +14,18 @@ class DRFToMkDocSettings:
|
|
|
11
14
|
|
|
12
15
|
def get(self, key):
|
|
13
16
|
if key not in self.defaults:
|
|
17
|
+
if key in self.project_settings:
|
|
18
|
+
return self.project_settings[key]
|
|
14
19
|
raise AttributeError(f"Invalid DRF_TO_MKDOC setting: '{key}'")
|
|
15
|
-
|
|
20
|
+
|
|
16
21
|
value = self._user_settings.get(key, self.defaults[key])
|
|
17
|
-
|
|
22
|
+
|
|
18
23
|
if value is None and key in self.required_settings:
|
|
19
24
|
raise ValueError(
|
|
20
25
|
f"DRF_TO_MKDOC setting '{key}' is required but not configured. "
|
|
21
26
|
f"Please add it to your Django settings under {self.user_settings_key}."
|
|
22
27
|
)
|
|
23
|
-
|
|
28
|
+
|
|
24
29
|
return value
|
|
25
30
|
|
|
26
31
|
def __getattr__(self, key):
|
|
@@ -28,17 +33,18 @@ class DRFToMkDocSettings:
|
|
|
28
33
|
|
|
29
34
|
def validate_required_settings(self):
|
|
30
35
|
missing_settings = []
|
|
31
|
-
|
|
36
|
+
|
|
32
37
|
for setting in self.required_settings:
|
|
33
38
|
try:
|
|
34
39
|
self.get(setting)
|
|
35
40
|
except ValueError:
|
|
36
41
|
missing_settings.append(setting)
|
|
37
|
-
|
|
42
|
+
|
|
38
43
|
if missing_settings:
|
|
39
44
|
raise ValueError(
|
|
40
45
|
f"Missing required settings: {', '.join(missing_settings)}. "
|
|
41
46
|
f"Please configure these in your Django settings under {self.user_settings_key}."
|
|
42
47
|
)
|
|
43
48
|
|
|
49
|
+
|
|
44
50
|
drf_to_mkdoc_settings = DRFToMkDocSettings(defaults=DEFAULTS)
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
+
import shutil
|
|
1
2
|
import subprocess
|
|
2
3
|
from pathlib import Path
|
|
3
4
|
|
|
5
|
+
from django.apps import apps
|
|
4
6
|
from django.conf import settings
|
|
7
|
+
from django.core.management import call_command
|
|
5
8
|
from django.core.management.base import BaseCommand, CommandError
|
|
6
|
-
|
|
9
|
+
|
|
7
10
|
from drf_to_mkdoc.conf.settings import drf_to_mkdoc_settings
|
|
8
|
-
from django.core.management import call_command
|
|
9
11
|
|
|
10
12
|
|
|
11
13
|
class Command(BaseCommand):
|
|
@@ -18,13 +20,13 @@ class Command(BaseCommand):
|
|
|
18
20
|
try:
|
|
19
21
|
apps.check_apps_ready()
|
|
20
22
|
except Exception as e:
|
|
21
|
-
raise CommandError(f"Django apps not properly configured: {e}")
|
|
23
|
+
raise CommandError(f"Django apps not properly configured: {e}") from e
|
|
22
24
|
|
|
23
25
|
base_dir = Path(settings.BASE_DIR)
|
|
24
26
|
site_dir = base_dir / "site"
|
|
25
27
|
mkdocs_config = base_dir / "mkdocs.yml"
|
|
26
28
|
mkdocs_config_alt = base_dir / "mkdocs.yaml"
|
|
27
|
-
|
|
29
|
+
|
|
28
30
|
if not mkdocs_config.exists() and not mkdocs_config_alt.exists():
|
|
29
31
|
raise CommandError(
|
|
30
32
|
"MkDocs configuration file not found. Please create either 'mkdocs.yml' or 'mkdocs.yaml' "
|
|
@@ -34,10 +36,7 @@ class Command(BaseCommand):
|
|
|
34
36
|
try:
|
|
35
37
|
# Generate the model documentation JSON first
|
|
36
38
|
self.stdout.write("Generating model documentation...")
|
|
37
|
-
|
|
38
|
-
call_command(
|
|
39
|
-
"generate_model_docs", "--pretty"
|
|
40
|
-
)
|
|
39
|
+
call_command("generate_model_docs", "--pretty")
|
|
41
40
|
self.stdout.write(self.style.SUCCESS("Model documentation generated."))
|
|
42
41
|
|
|
43
42
|
# Generate the documentation content
|
|
@@ -47,17 +46,7 @@ class Command(BaseCommand):
|
|
|
47
46
|
|
|
48
47
|
# Build the MkDocs site
|
|
49
48
|
self.stdout.write("Building MkDocs site...")
|
|
50
|
-
|
|
51
|
-
["mkdocs", "build", "--clean"],
|
|
52
|
-
check=False,
|
|
53
|
-
cwd=base_dir,
|
|
54
|
-
capture_output=True,
|
|
55
|
-
text=True,
|
|
56
|
-
)
|
|
57
|
-
|
|
58
|
-
if result.returncode != 0:
|
|
59
|
-
raise CommandError(f"MkDocs build failed: {result.stderr}")
|
|
60
|
-
|
|
49
|
+
self._build_mkdocs_site(base_dir, site_dir)
|
|
61
50
|
self.stdout.write(self.style.SUCCESS("Documentation built successfully!"))
|
|
62
51
|
self.stdout.write(f"Site built in: {site_dir}")
|
|
63
52
|
|
|
@@ -65,3 +54,56 @@ class Command(BaseCommand):
|
|
|
65
54
|
raise CommandError(
|
|
66
55
|
"MkDocs not found. Please install it with: pip install mkdocs mkdocs-material"
|
|
67
56
|
) from e
|
|
57
|
+
|
|
58
|
+
def _build_mkdocs_site(self, base_dir: Path, site_dir: Path) -> None:
|
|
59
|
+
"""
|
|
60
|
+
Build the MkDocs site with proper security checks.
|
|
61
|
+
|
|
62
|
+
Args:
|
|
63
|
+
base_dir: The base directory of the Django project
|
|
64
|
+
site_dir: The directory where the site will be built
|
|
65
|
+
|
|
66
|
+
Raises:
|
|
67
|
+
FileNotFoundError: If mkdocs executable is not found
|
|
68
|
+
CommandError: If the build process fails
|
|
69
|
+
"""
|
|
70
|
+
mkdocs_path = shutil.which("mkdocs")
|
|
71
|
+
if not mkdocs_path:
|
|
72
|
+
raise FileNotFoundError("mkdocs executable not found in PATH")
|
|
73
|
+
|
|
74
|
+
mkdocs_path_obj = Path(mkdocs_path)
|
|
75
|
+
if not mkdocs_path_obj.exists() or not mkdocs_path_obj.is_file():
|
|
76
|
+
raise CommandError(f"Invalid mkdocs executable path: {mkdocs_path}")
|
|
77
|
+
|
|
78
|
+
if not base_dir.is_absolute():
|
|
79
|
+
base_dir = base_dir.resolve()
|
|
80
|
+
|
|
81
|
+
if not base_dir.exists():
|
|
82
|
+
raise CommandError(f"Base directory does not exist: {base_dir}")
|
|
83
|
+
|
|
84
|
+
cmd = [
|
|
85
|
+
str(mkdocs_path_obj), # Convert to string for subprocess
|
|
86
|
+
"build",
|
|
87
|
+
"--clean",
|
|
88
|
+
]
|
|
89
|
+
|
|
90
|
+
try:
|
|
91
|
+
result = subprocess.run( # noqa S603
|
|
92
|
+
cmd,
|
|
93
|
+
check=True,
|
|
94
|
+
cwd=str(base_dir),
|
|
95
|
+
capture_output=True,
|
|
96
|
+
text=True,
|
|
97
|
+
timeout=300,
|
|
98
|
+
)
|
|
99
|
+
|
|
100
|
+
if result.stdout:
|
|
101
|
+
self.stdout.write(f"MkDocs output: {result.stdout}")
|
|
102
|
+
|
|
103
|
+
except subprocess.TimeoutExpired as e:
|
|
104
|
+
raise CommandError("MkDocs build timed out after 5 minutes") from e
|
|
105
|
+
except subprocess.CalledProcessError as e:
|
|
106
|
+
error_msg = f"MkDocs build failed (exit code {e.returncode})"
|
|
107
|
+
if e.stderr:
|
|
108
|
+
error_msg += f": {e.stderr}"
|
|
109
|
+
raise CommandError(error_msg) from e
|
|
@@ -4,15 +4,15 @@ from pathlib import Path
|
|
|
4
4
|
|
|
5
5
|
from django.core.management.base import BaseCommand
|
|
6
6
|
|
|
7
|
+
from drf_to_mkdoc.conf.settings import drf_to_mkdoc_settings
|
|
7
8
|
from drf_to_mkdoc.utils.common import get_schema, load_model_json_data
|
|
8
|
-
from drf_to_mkdoc.utils.
|
|
9
|
-
create_endpoints_index,
|
|
9
|
+
from drf_to_mkdoc.utils.endpoint_detail_generator import (
|
|
10
10
|
generate_endpoint_files,
|
|
11
11
|
parse_endpoints_from_schema,
|
|
12
12
|
)
|
|
13
|
-
from drf_to_mkdoc.utils.
|
|
14
|
-
from drf_to_mkdoc.
|
|
15
|
-
|
|
13
|
+
from drf_to_mkdoc.utils.endpoint_list_generator import create_endpoints_index
|
|
14
|
+
from drf_to_mkdoc.utils.model_detail_generator import generate_model_docs
|
|
15
|
+
from drf_to_mkdoc.utils.model_list_generator import create_models_index
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
class Command(BaseCommand):
|
|
@@ -13,3 +13,72 @@ body {
|
|
|
13
13
|
padding: 0;
|
|
14
14
|
min-height: 100vh;
|
|
15
15
|
}
|
|
16
|
+
|
|
17
|
+
.md-nav__item--active > .md-nav__link {
|
|
18
|
+
font-weight: 600;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* Admonition customizations */
|
|
22
|
+
.admonition.note {
|
|
23
|
+
border-left-color: var(--md-primary-fg-color);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.admonition.tip {
|
|
27
|
+
border-left-color: #00c853;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.admonition.warning {
|
|
31
|
+
border-left-color: #ff9800;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
.admonition.danger {
|
|
35
|
+
border-left-color: #f44336;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
/* Search result enhancements */
|
|
39
|
+
.md-search-result__meta {
|
|
40
|
+
color: var(--md-default-fg-color--light);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Code syntax highlighting enhancements */
|
|
44
|
+
.codehilite .k { color: #0066cc; } /* Keywords */
|
|
45
|
+
.codehilite .s { color: #009900; } /* Strings */
|
|
46
|
+
.codehilite .c { color: #999999; } /* Comments */
|
|
47
|
+
.codehilite .n { color: #333333; } /* Names */
|
|
48
|
+
.codehilite .o { color: #666666; } /* Operators */
|
|
49
|
+
|
|
50
|
+
/* Custom icons for different sections */
|
|
51
|
+
.md-nav__item[data-md-level="1"] > .md-nav__link[href*="models"] {
|
|
52
|
+
position: relative;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.md-nav__item[data-md-level="1"] > .md-nav__link[href*="models"]::before {
|
|
56
|
+
content: "🗃️";
|
|
57
|
+
margin-right: 0.5rem;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.md-nav__item[data-md-level="1"] > .md-nav__link[href*="endpoints"] {
|
|
61
|
+
position: relative;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.md-nav__item[data-md-level="1"] > .md-nav__link[href*="endpoints"]::before {
|
|
65
|
+
content: "🔗";
|
|
66
|
+
margin-right: 0.5rem;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* Print styles */
|
|
70
|
+
@media print {
|
|
71
|
+
.md-header, .md-sidebar, .md-footer {
|
|
72
|
+
display: none;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.md-content {
|
|
76
|
+
margin: 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.highlight pre {
|
|
80
|
+
border: 1px solid #ccc;
|
|
81
|
+
page-break-inside: avoid;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
@@ -46,3 +46,120 @@
|
|
|
46
46
|
font-family: monospace;
|
|
47
47
|
border: 1px solid var(--border-color);
|
|
48
48
|
}
|
|
49
|
+
|
|
50
|
+
/* Enhanced code blocks */
|
|
51
|
+
.highlight pre {
|
|
52
|
+
border-left: 4px solid var(--md-primary-fg-color);
|
|
53
|
+
background-color: var(--md-code-bg-color);
|
|
54
|
+
padding: 1rem;
|
|
55
|
+
border-radius: 0.2rem;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* Model field tables */
|
|
59
|
+
table {
|
|
60
|
+
border-collapse: collapse;
|
|
61
|
+
width: 100%;
|
|
62
|
+
margin: 1rem 0;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
table th {
|
|
66
|
+
background-color: var(--md-primary-fg-color--light);
|
|
67
|
+
color: var(--md-primary-bg-color);
|
|
68
|
+
padding: 0.75rem;
|
|
69
|
+
text-align: left;
|
|
70
|
+
font-weight: 600;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
table td {
|
|
74
|
+
padding: 0.75rem;
|
|
75
|
+
border-bottom: 1px solid var(--md-default-fg-color--lightest);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
table tr:hover {
|
|
79
|
+
background-color: var(--md-accent-fg-color--transparent);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
/* Field and method grids */
|
|
83
|
+
.field-grid, .method-grid {
|
|
84
|
+
display: grid;
|
|
85
|
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
86
|
+
gap: 1rem;
|
|
87
|
+
margin: 1rem 0;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.field-item, .method-item {
|
|
91
|
+
background-color: var(--md-default-bg-color);
|
|
92
|
+
border: 1px solid var(--md-default-fg-color--lightest);
|
|
93
|
+
border-radius: 0.2rem;
|
|
94
|
+
padding: 1rem;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.field-item h4, .method-item h4 {
|
|
98
|
+
margin-top: 0;
|
|
99
|
+
color: var(--md-primary-fg-color);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
/* API endpoint sections */
|
|
103
|
+
.endpoint-section {
|
|
104
|
+
border-left: 4px solid var(--md-accent-fg-color);
|
|
105
|
+
padding-left: 1rem;
|
|
106
|
+
margin: 2rem 0;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.endpoint-header {
|
|
110
|
+
display: flex;
|
|
111
|
+
align-items: center;
|
|
112
|
+
margin-bottom: 1rem;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
/* Enhanced code blocks */
|
|
116
|
+
.highlight pre {
|
|
117
|
+
border-left: 4px solid var(--md-primary-fg-color);
|
|
118
|
+
background-color: var(--md-code-bg-color);
|
|
119
|
+
padding: 1rem;
|
|
120
|
+
border-radius: 0.2rem;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/* Model field tables */
|
|
124
|
+
table {
|
|
125
|
+
border-collapse: collapse;
|
|
126
|
+
width: 100%;
|
|
127
|
+
margin: 1rem 0;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
table th {
|
|
131
|
+
background-color: var(--md-primary-fg-color--light);
|
|
132
|
+
color: var(--md-primary-bg-color);
|
|
133
|
+
padding: 0.75rem;
|
|
134
|
+
text-align: left;
|
|
135
|
+
font-weight: 600;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
table td {
|
|
139
|
+
padding: 0.75rem;
|
|
140
|
+
border-bottom: 1px solid var(--md-default-fg-color--lightest);
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
table tr:hover {
|
|
144
|
+
background-color: var(--md-accent-fg-color--transparent);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
/* Field and method grids */
|
|
148
|
+
.field-grid, .method-grid {
|
|
149
|
+
display: grid;
|
|
150
|
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
|
151
|
+
gap: 1rem;
|
|
152
|
+
margin: 1rem 0;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.field-item, .method-item {
|
|
156
|
+
background-color: var(--md-default-bg-color);
|
|
157
|
+
border: 1px solid var(--md-default-fg-color--lightest);
|
|
158
|
+
border-radius: 0.2rem;
|
|
159
|
+
padding: 1rem;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.field-item h4, .method-item h4 {
|
|
163
|
+
margin-top: 0;
|
|
164
|
+
color: var(--md-primary-fg-color);
|
|
165
|
+
}
|
|
@@ -73,3 +73,122 @@
|
|
|
73
73
|
position: relative;
|
|
74
74
|
z-index: 2;
|
|
75
75
|
}
|
|
76
|
+
|
|
77
|
+
/* ===== DJANGO MODELS CARD LAYOUT ===== */
|
|
78
|
+
/* Models container */
|
|
79
|
+
.models-container {
|
|
80
|
+
max-width: 100%;
|
|
81
|
+
margin: 0 auto;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
/* App description styling */
|
|
85
|
+
.app-description {
|
|
86
|
+
font-size: 1rem;
|
|
87
|
+
color: var(--md-default-fg-color--light);
|
|
88
|
+
margin-bottom: 1.5rem;
|
|
89
|
+
padding: 0.5rem 0;
|
|
90
|
+
border-bottom: 1px solid var(--md-default-fg-color--lightest);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/* Model cards grid */
|
|
94
|
+
.model-cards {
|
|
95
|
+
display: grid;
|
|
96
|
+
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
|
|
97
|
+
gap: 1.5rem;
|
|
98
|
+
margin-bottom: 3rem;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/* Individual model card */
|
|
102
|
+
.model-card {
|
|
103
|
+
background: var(--md-default-bg-color);
|
|
104
|
+
border: 1px solid var(--md-default-fg-color--lightest);
|
|
105
|
+
border-radius: 8px;
|
|
106
|
+
padding: 1.5rem;
|
|
107
|
+
transition: all 0.3s ease;
|
|
108
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
109
|
+
position: relative;
|
|
110
|
+
overflow: hidden;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.model-card:hover {
|
|
114
|
+
transform: translateY(-4px);
|
|
115
|
+
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
|
|
116
|
+
border-color: var(--md-primary-fg-color);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.model-card::before {
|
|
120
|
+
content: '';
|
|
121
|
+
position: absolute;
|
|
122
|
+
top: 0;
|
|
123
|
+
left: 0;
|
|
124
|
+
right: 0;
|
|
125
|
+
height: 4px;
|
|
126
|
+
background: linear-gradient(90deg, var(--md-primary-fg-color), var(--md-accent-fg-color));
|
|
127
|
+
opacity: 0;
|
|
128
|
+
transition: opacity 0.3s ease;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
.model-card:hover::before {
|
|
132
|
+
opacity: 1;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Model header */
|
|
136
|
+
.model-header {
|
|
137
|
+
display: flex;
|
|
138
|
+
justify-content: space-between;
|
|
139
|
+
align-items: center;
|
|
140
|
+
margin-bottom: 0.5rem;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.model-header h3 {
|
|
144
|
+
margin: 0;
|
|
145
|
+
font-size: 1.25rem;
|
|
146
|
+
font-weight: 600;
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
.model-header h3 a {
|
|
150
|
+
color: var(--md-default-fg-color);
|
|
151
|
+
text-decoration: none;
|
|
152
|
+
transition: color 0.3s ease;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.model-header h3 a:hover {
|
|
156
|
+
color: var(--md-primary-fg-color);
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
/* Model badge */
|
|
160
|
+
.model-badge {
|
|
161
|
+
display: inline-block;
|
|
162
|
+
padding: 0.25rem 0.75rem;
|
|
163
|
+
background: var(--md-primary-fg-color);
|
|
164
|
+
color: var(--md-primary-bg-color);
|
|
165
|
+
border-radius: 20px;
|
|
166
|
+
font-size: 0.75rem;
|
|
167
|
+
font-weight: 600;
|
|
168
|
+
text-transform: uppercase;
|
|
169
|
+
letter-spacing: 0.5px;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
/* Animation for cards appearing */
|
|
173
|
+
@keyframes fadeInUp {
|
|
174
|
+
from {
|
|
175
|
+
opacity: 0;
|
|
176
|
+
transform: translateY(20px);
|
|
177
|
+
}
|
|
178
|
+
to {
|
|
179
|
+
opacity: 1;
|
|
180
|
+
transform: translateY(0);
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
.model-card {
|
|
185
|
+
animation: fadeInUp 0.6s ease-out;
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
/* Stagger animation for multiple cards */
|
|
189
|
+
.model-card:nth-child(1) { animation-delay: 0.1s; }
|
|
190
|
+
.model-card:nth-child(2) { animation-delay: 0.2s; }
|
|
191
|
+
.model-card:nth-child(3) { animation-delay: 0.3s; }
|
|
192
|
+
.model-card:nth-child(4) { animation-delay: 0.4s; }
|
|
193
|
+
.model-card:nth-child(5) { animation-delay: 0.5s; }
|
|
194
|
+
.model-card:nth-child(6) { animation-delay: 0.6s; }
|