rework styles with scss

9 files changed, 32 insertions, 32 deletions

diff --git a/src/web/_views/apps/auth/login.php b/src/web/_views/apps/auth/login.php
index c12af57..1741ac5 100644
--- a/src/web/_views/apps/auth/login.php
+++ b/src/web/_views/apps/auth/login.php
@@ -1,6 +1,6 @@
 <?php /* Copyright (c) 2024 Freya Murphy */ ?>
 <?php /* vi: syntax=php */ ?>
-<div id="main-content">
+<main id="main">
 	<div class="branding col">
 		<h1>xssbook</h1>
 		<span><?=ucfirst(lang('login_branding'))?></span>
@@ -31,18 +31,18 @@
 				</label>
 			</div>
 			<?=ilang('action_login',
-				class: 'btn btn-submit btn-wide',
+				class: 'btn btn-submit grow',
 				button: TRUE,
 				attrs: array('type' => 'submit')
 			)?>
 			<?=ilang('action_forgot_passwd',
-				class: 'btn btn-line btn-blue btn-wide mt'
+				class: 'btn btn-blend btn-primary grow mt'
 			)?>
 		</form>
 		<hr>
 		<?=ilang('action_create_account',
 			id: 'action-register',
-			class: 'btn btn-success btn-wide',
+			class: 'btn btn-success grow',
 			button: TRUE,
 			attrs: array('type' => 'submit')
 		)?>
@@ -84,4 +84,4 @@
 			});
 		})
 	</script>
-</div>
+</main>
diff --git a/src/web/_views/apps/error/main.php b/src/web/_views/apps/error/main.php
index 6d7e2ea..bcc6f90 100644
--- a/src/web/_views/apps/error/main.php
+++ b/src/web/_views/apps/error/main.php
@@ -1,6 +1,6 @@
 <?php /* Copyright (c) 2024 Freya Murphy */ ?>
 <?php /* vi: syntax=php */ ?>
-<div id="main-content">
+<main id="main">
 	<h1><?=$title?></h1>
 	<span><?=ucfirst($msg)?></span>
-</div>
+</main>
diff --git a/src/web/_views/apps/home/main.php b/src/web/_views/apps/home/main.php
index 6112173..05697b9 100644
--- a/src/web/_views/apps/home/main.php
+++ b/src/web/_views/apps/home/main.php
@@ -1,13 +1,13 @@
 <?php /* Copyright (c) 2024 Freya Murphy */ ?>
 <?php /* vi: syntax=php */ ?>
-<div id="main-content" class="container">
+<main id="main" class="container">
 <?php if ($self): ?>
 	<div id="new-post" class="card">
 		<div class="row grow">
 			<?=pfp($self)?>
 			<a
 				id="action-new-post"
-				class="btn btn-alt btn-wide ml"
+				class="btn btn-alt grow ml"
 				autocomplete="off"
 				aria-label="<?=ucfirst(lang('action_new_post_tip'))?>"
 			>
@@ -24,4 +24,4 @@
 	</div>
 <?php endif; ?>
 	<?php $this->post_controller->index(); ?>
-</div>
+</main>
diff --git a/src/web/_views/apps/people/card.php b/src/web/_views/apps/people/card.php
index eda49b5..93b1350 100644
--- a/src/web/_views/apps/people/card.php
+++ b/src/web/_views/apps/people/card.php
@@ -7,8 +7,8 @@
 	<div class="col">
 		<?=pfp($user, FALSE)?>
 		<div class="col ml">
-			<strong class=""><?=$this->format_model->name($user)?></strong>
-			<span class="dim"><?=$user['username']?></span>
+			<span class="name"><?=$this->format_model->name($user)?></span>
+			<span class="subtext"><?=$user['username']?></span>
 		</div>
 	</div>
 </a>
diff --git a/src/web/_views/apps/people/footer.php b/src/web/_views/apps/people/footer.php
index ff93026..f18e031 100644
--- a/src/web/_views/apps/people/footer.php
+++ b/src/web/_views/apps/people/footer.php
@@ -1,3 +1,3 @@
 <?php /* Copyright (c) 2024 Freya Murphy */ ?>
 <?php /* vi: syntax=php */ ?>
-</div>
+</main>
diff --git a/src/web/_views/apps/people/header.php b/src/web/_views/apps/people/header.php
index 1f3a025..b1099ec 100644
--- a/src/web/_views/apps/people/header.php
+++ b/src/web/_views/apps/people/header.php
@@ -1,6 +1,6 @@
 <?php /* Copyright (c) 2024 Freya Murphy */ ?>
 <?php /* vi: syntax=php */ ?>
-<div id="main-content" class="col">
+<main id="main">
 	<h1 class="title"><?=ucfirst(lang('title'))?></h1>
 	<h3 class="desc"><?=ucfirst(lang('desc'))?></h3>
 	<hr>
diff --git a/src/web/_views/apps/people/main.php b/src/web/_views/apps/people/main.php
index deec4c2..ec84ab9 100644
--- a/src/web/_views/apps/people/main.php
+++ b/src/web/_views/apps/people/main.php
@@ -16,7 +16,7 @@
 <?php if ($loaded >= $page_size && $page_size < $total): ?>
 	<?=ilang('action_load_users',
 			id: 'action-load-users',
-			class: 'btn btn-line btn-wide mb',
+			class: 'btn btn-blend grow mb',
 			attrs: array(
 				'loaded' => $loaded,
 				'pageSize' => $page_size,
diff --git a/src/web/_views/apps/profile/main.php b/src/web/_views/apps/profile/main.php
index 6d25c98..e3ed26c 100644
--- a/src/web/_views/apps/profile/main.php
+++ b/src/web/_views/apps/profile/main.php
@@ -1,6 +1,6 @@
 <?php /* Copyright (c) 2024 Freya Murphy */ ?>
 <?php /* vi: syntax=php */ ?>
-<div id="main-content">
+<main id="main">
 	<div id="profile-header-container">
 		<div id="profile-header" class="col">
 			<?=image('/api/rpc/profile_banner?user_id=' . $user['id'], 'banner', mime: $user['banner_mime'])?>
@@ -12,13 +12,13 @@
 					<div class="row grow">
 						<div class="col mb">
 							<strong class="name"><?=$this->format_model->name($user)?></strong>
-							<span class="dim"><?=$user['follower_count'] . ' ' . ucfirst(lang('followers'))?></span>
+							<span class="subtext"><?=$user['follower_count'] . ' ' . ucfirst(lang('followers'))?></span>
 						</div>
 						<?php if (
 							$this->main->session &&
 							(!isset($self) || $self['id'] != $user['id'])
 						): ?>
-						<div id="follow-container">
+						<div class="follow">
 							<?=ilang(
 								'action_follow',
 								id: 'action-follow-follow',
@@ -36,14 +36,14 @@
 							<?=ilang(
 								'action_following',
 								id: 'action-follow-following',
-								class: 'btn btn-alt btn-blue',
+								class: 'btn btn-alt btn-primary',
 								style: ($following && !$followed) ? '' : 'display: none',
 								sub: [$user['first_name']]
 							)?>
 							<?=ilang(
 								'action_friends',
 								id: 'action-follow-friends',
-								class: 'btn btn-alt btn-blue',
+								class: 'btn btn-alt btn-primary',
 								style: ($following && $followed) ? '' : 'display: none',
 								sub: [$user['first_name']]
 							)?>
@@ -124,7 +124,7 @@
 					<?php if(strlen($user['profile_bio']) > 0): ?>
 						<br>
 						<strong><?=ucfirst(lang('bio'))?></strong>
-						<span class="dim"><?=$user['profile_bio']?></span>
+						<span class="subtext"><?=$user['profile_bio']?></span>
 					<?php endif; ?>
 				</div>
 			</div>
@@ -132,7 +132,7 @@
 			<div class="row options">
 				<?=ilang('action_posts',
 					sub: [$user['first_name']],
-					class: 'btn btn-blue btn-border',
+					class: 'btn btn-primary btn-border',
 					id: 'action-posts'
 				)?>
 				<?=ilang('action_about',
@@ -231,13 +231,13 @@
 		let tabs = {};
 
 		const disableTab = (tab) => {
-			tab.btn.removeClass('btn-blue');
+			tab.btn.removeClass('btn-primary');
 			tab.btn.removeClass('btn-border');
 			tab.tab.css('display', 'none');
 		};
 
 		const enableTab = (tab) => {
-			tab.btn.addClass('btn-blue');
+			tab.btn.addClass('btn-primary');
 			tab.btn.addClass('btn-border');
 			tab.tab.css('display', '');
 		};
@@ -266,4 +266,4 @@
 		loadTab('followers');
 		loadTab('following');
 	</script>
-</div>
+</main>
diff --git a/src/web/_views/apps/settings/main.php b/src/web/_views/apps/settings/main.php
index dcfff92..02cbf57 100644
--- a/src/web/_views/apps/settings/main.php
+++ b/src/web/_views/apps/settings/main.php
@@ -116,7 +116,7 @@ function resetMedia(media_type) {
 }
 </script>
 
-<div id="main-content">
+<main id="main">
 	<div id="settings" class="card">
 		<h1><?=ucfirst(lang('title'))?></h1>
 		<hr class="mt">
@@ -155,7 +155,7 @@ function resetMedia(media_type) {
 				</label>
 			</div>
 			<button
-				class="btn btn-wide btn-submit"
+				class="btn grow btn-alt btn-submit"
 				style="flex: 0; height: fit-content;"
 			><?=lang('update')?></button>
 		</form>
@@ -170,11 +170,11 @@ function resetMedia(media_type) {
 		)?>
 			<div class="col ml">
 				<button
-					class="btn btn-alt btn-blue"
+					class="btn btn-alt btn-primary"
 					onclick="updateMedia('avatar')"
 				><?=ucfirst(lang('update'))?></button>
 				<button
-					class="btn btn-alt btn-blue mt"
+					class="btn btn-alt btn-primary mt"
 					onclick="resetMedia('avatar')"
 				><?=ucfirst(lang('reset'))?></button>
 			</div>
@@ -187,14 +187,14 @@ function resetMedia(media_type) {
 		)?>
 			<div class="col ml">
 				<button
-					class="btn btn-alt btn-blue"
+					class="btn btn-alt btn-primary"
 					onclick="updateMedia('banner')"
 				><?=ucfirst(lang('update'))?></button>
 				<button
-					class="btn btn-alt btn-blue mt"
+					class="btn btn-alt btn-primary mt"
 					onclick="resetMedia('banner')"
 				><?=ucfirst(lang('reset'))?></button>
 			</div>
 		</div>
 	</div>
-</div>
+</main>