Removed font awesome
This commit is contained in:
@@ -1,24 +1,5 @@
|
|||||||
/* Custom styles for the Maxy Social Platform */
|
/* Custom styles for the Maxy Social Platform */
|
||||||
|
|
||||||
/* Override Font Awesome font paths */
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: url('../webfonts/fa-regular-400.woff2') format('woff2'),
|
|
||||||
url('../webfonts/fa-regular-400.woff') format('woff'),
|
|
||||||
url('../webfonts/fa-regular-400.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
@font-face {
|
|
||||||
font-family: 'Font Awesome 5 Free';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 900;
|
|
||||||
src: url('../webfonts/fa-solid-900.woff2') format('woff2'),
|
|
||||||
url('../webfonts/fa-solid-900.woff') format('woff'),
|
|
||||||
url('../webfonts/fa-solid-900.ttf') format('truetype');
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Fix for overlapping text issue */
|
/* Fix for overlapping text issue */
|
||||||
.title.is-5.mb-2 {
|
.title.is-5.mb-2 {
|
||||||
margin-bottom: 0.25rem !important;
|
margin-bottom: 0.25rem !important;
|
||||||
@@ -112,16 +93,7 @@
|
|||||||
padding: 3rem 1.5rem 3rem;
|
padding: 3rem 1.5rem 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fallback styles for missing Font Awesome icons */
|
/* Fallback styles for icon containers */
|
||||||
.fas, .far, .fab {
|
|
||||||
display: inline-block;
|
|
||||||
font-style: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
text-rendering: auto;
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Ensure icons have fallback appearance if font isn't loaded */
|
|
||||||
.icon {
|
.icon {
|
||||||
width: 1.5em;
|
width: 1.5em;
|
||||||
height: 1.5em;
|
height: 1.5em;
|
||||||
|
|||||||
@@ -6,8 +6,6 @@
|
|||||||
<title>Maxy - Social Platform</title>
|
<title>Maxy - Social Platform</title>
|
||||||
<!-- ================= BULMA CDN ================= -->
|
<!-- ================= BULMA CDN ================= -->
|
||||||
<link rel="stylesheet" href="./assets/css/bulma.min.css">
|
<link rel="stylesheet" href="./assets/css/bulma.min.css">
|
||||||
<!-- ================= FONT AWESOME CDN ================= -->
|
|
||||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
|
||||||
<!-- ================= CUSTOM CSS ================= -->
|
<!-- ================= CUSTOM CSS ================= -->
|
||||||
<link rel="stylesheet" href="./assets/css/style.css">
|
<link rel="stylesheet" href="./assets/css/style.css">
|
||||||
</head>
|
</head>
|
||||||
@@ -34,31 +32,31 @@
|
|||||||
<div class="navbar-end">
|
<div class="navbar-end">
|
||||||
<a class="navbar-item is-active">
|
<a class="navbar-item is-active">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fas fa-home"></i>
|
<!-- Home icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
<span class="ml-2">Home</span>
|
<span class="ml-2">Home</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="navbar-item">
|
<a class="navbar-item">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fas fa-hashtag"></i>
|
<!-- Hashtag icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
<span class="ml-2">Explore</span>
|
<span class="ml-2">Explore</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="navbar-item">
|
<a class="navbar-item">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fas fa-bell"></i>
|
<!-- Bell icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
<span class="ml-2">Notifications</span>
|
<span class="ml-2">Notifications</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="navbar-item">
|
<a class="navbar-item">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fas fa-envelope"></i>
|
<!-- Envelope icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
<span class="ml-2">Messages</span>
|
<span class="ml-2">Messages</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="navbar-item">
|
<a class="navbar-item">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fas fa-user"></i>
|
<!-- User icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
<span class="ml-2">Profile</span>
|
<span class="ml-2">Profile</span>
|
||||||
</a>
|
</a>
|
||||||
@@ -126,17 +124,17 @@
|
|||||||
<div>
|
<div>
|
||||||
<button class="button is-text">
|
<button class="button is-text">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="far fa-image"></i>
|
<!-- Image icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="button is-text">
|
<button class="button is-text">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="far fa-smile"></i>
|
<!-- Smile icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="button is-text">
|
<button class="button is-text">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="far fa-chart-bar"></i>
|
<!-- Chart icon would go here -->
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -284,23 +282,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
|
||||||
<div class="content has-text-centered">
|
|
||||||
<p>
|
|
||||||
<strong>Maxy Social Platform</strong> by ICT
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<a class="mx-2" href="#">About</a>
|
|
||||||
<a class="mx-2" href="#">Terms</a>
|
|
||||||
<a class="mx-2" href="#">Privacy</a>
|
|
||||||
<a class="mx-2" href="#">Help</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- Scripts -->
|
<!-- Scripts -->
|
||||||
<script>
|
<script>
|
||||||
// Mobile menu toggle
|
// Mobile menu toggle
|
||||||
|
|||||||
Reference in New Issue
Block a user