technolyceum/g11-m3
Template
15
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Removed font awesome

Browse Source
This commit is contained in:
root
2026-01-14 16:58:18 +03:00
parent 19a8093c8f
commit 1cebdf297d
3 changed files with 9 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
Bulma_Version/assets/css/style.css
View File

@@ -1,24 +1,5 @@
/* 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 */
.title.is-5.mb-2 {
margin-bottom: 0.25rem !important;
@@ -112,16 +93,7 @@
padding: 3rem 1.5rem 3rem;
}
/* Fallback styles for missing Font Awesome icons */
.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 */
/* Fallback styles for icon containers */
.icon {
width: 1.5em;
height: 1.5em;

35
Bulma_Version/index.html
View File

@@ -6,8 +6,6 @@
<title>Maxy - Social Platform</title>
<!-- ================= BULMA CDN ================= -->
<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 ================= -->
<link rel="stylesheet" href="./assets/css/style.css">
</head>
@@ -34,31 +32,31 @@
<div class="navbar-end">
<a class="navbar-item is-active">
<span class="icon">
<i class="fas fa-home"></i>
<!-- Home icon would go here -->
</span>
<span class="ml-2">Home</span>
</a>
<a class="navbar-item">
<span class="icon">
<i class="fas fa-hashtag"></i>
<!-- Hashtag icon would go here -->
</span>
<span class="ml-2">Explore</span>
</a>
<a class="navbar-item">
<span class="icon">
<i class="fas fa-bell"></i>
<!-- Bell icon would go here -->
</span>
<span class="ml-2">Notifications</span>
</a>
<a class="navbar-item">
<span class="icon">
<i class="fas fa-envelope"></i>
<!-- Envelope icon would go here -->
</span>
<span class="ml-2">Messages</span>
</a>
<a class="navbar-item">
<span class="icon">
<i class="fas fa-user"></i>
<!-- User icon would go here -->
</span>
<span class="ml-2">Profile</span>
</a>
@@ -126,17 +124,17 @@
<div>
<button class="button is-text">
<span class="icon">
<i class="far fa-image"></i>
<!-- Image icon would go here -->
</span>
</button>
<button class="button is-text">
<span class="icon">
<i class="far fa-smile"></i>
<!-- Smile icon would go here -->
</span>
</button>
<button class="button is-text">
<span class="icon">
<i class="far fa-chart-bar"></i>
<!-- Chart icon would go here -->
</span>
</button>
</div>
@@ -284,23 +282,6 @@
</div>
</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 -->
<script>
// Mobile menu toggle