Skip to content

Commit

Permalink
Replace css with respective bs classes
Browse files Browse the repository at this point in the history
  • Loading branch information
@stingynoodles
stingynoodles committed Jul 23, 2024
1 parent 4804a6d commit 6369216
Show file tree
Hide file tree
Showing 4 changed files with 19 additions and 24 deletions.
7 changes: 1 addition & 6 deletions assets/guideline.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,6 @@
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.slider {
overflow: hidden;
}

.slider-inner {
transition: right 0.5s;
}
Expand Down Expand Up @@ -53,7 +49,6 @@
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

Expand All @@ -69,7 +64,7 @@
}

.control button svg:hover {
opacity: 80%;;
opacity: 80%;
}

#next,
Expand Down
26 changes: 13 additions & 13 deletions layouts/page/guideline.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="container">
<div class="d-flex row justify-content-between align-items-center">
<!-- Left Image -->
<div class="col-md-2 text-center d-none d-md-block ms-1 me-0 mb-0 px-0 py-0" style="width: 15%">
<div class="col-md-2 text-center d-none d-md-block ms-1 me-0 mb-0 p-0" style="width: 15%">
<img style="max-width: 100%;" src='{{ absURL "guideline/side-img-1.png" }}'/>
</div>
<!-- Center Content -->
Expand All @@ -30,13 +30,13 @@ <h2 class="text-center text-primary fw-lighter">
<!--list of departments-->
<section class="bg-body-secondary mb-5">
<div class="container mt-2 py-5">
<!-- Executive Director row -->
<!-- Executive Director & Secretarial Department row -->
<div class="row justify-content-center">
{{ $depFirstRow := slice "Executive Director" "Secretarial Director" }}
{{ $depFirstRow := slice "Executive Director" "Secretarial Department" }}
{{ range $depFirstRow }}
<div class="col-12 col-md-4 mb-3">
<div style="border-radius: 15px;" class="col bg-secondary py-3 px-3 d-flex align-items-center justify-content-center">
<p class="text-primary mb-0" style="font-weight: 600;">
<div class="col bg-secondary rounded-3 py-3 px-3 d-flex align-items-center justify-content-center">
<p class="text-primary mb-0 fw-semibold">
{{ . }}
</p>
</div>
Expand All @@ -49,8 +49,8 @@ <h2 class="text-center text-primary fw-lighter">
{{ range $index, $element := $guideline }}
{{ if gt $index 1 }}
<div class="col-md-4">
<div style="border-radius: 15px;" class="col bg-secondary py-3 px-3 d-flex align-items-center justify-content-center">
<p class="text-center mb-0 text-primary" style="font-weight: 600;">
<div class="col bg-secondary rounded-3 py-3 px-3 d-flex align-items-center justify-content-center">
<p class="text-center mb-0 text-primary fw-semibold">
{{ .department }}
</p>
</div>
Expand All @@ -66,7 +66,7 @@ <h2 class="text-center text-primary fw-lighter">
<div class="py-5 row g-3 justify-content-center">
{{ range $guideline }}
<div class="col-md-6">
<div class="bg-body-secondary mb-2 border-0 px-3 py-3" style="border-radius: 15px">
<div class="bg-body-secondary mb-2 border-0 px-3 py-3 rounded-4">
<!--image-->
<div class="d-flex justify-content-center mb-3">
<img src="{{ absURL .icon }}" alt="{{ .department }} Icon" class="img-fluid"/>
Expand All @@ -75,8 +75,8 @@ <h2 class="text-center text-primary fw-lighter">
<!--dropdown button-->
<div class="dropdown d-block text-center">
<button
style="border-radius: 10px; width: 100%"
class="dropdown-toggle py-2 px-3 text-primary text-center border-0 fw-bold text-wrap"
style="width: 100%"
class="dropdown-toggle py-2 px-3 text-primary text-center border-0 rounded-2 fw-bold text-wrap"
type="button"
data-bs-toggle="dropdown"
data-bs-display="static"
Expand All @@ -86,7 +86,7 @@ <h2 class="text-center text-primary fw-lighter">
{{ .department -}}&nbsp;
</button>
<!--dropdown menu (mission & general tasks)-->
<div class="dropdown-menu mt-2 bg-secondary px-3 pt-3" style="border-radius: 20px; border: none;">
<div class="dropdown-menu mt-2 bg-secondary px-3 pt-3 border-0 rounded-3">
<div>
<span class="text-primary fw-bold">Mission</span>
<ul>
Expand Down Expand Up @@ -115,11 +115,11 @@ <h2 class="text-center text-primary fw-lighter">

<section class="bg-body-secondary">
<div class="container" style="padding: 4em 1em;">
<div class="slider position-relative w-100">
<div class="slider position-relative w-100 overflow-hidden">
<div class="slider-inner py-3 px-0 d-flex flex-nowrap position-relative">
{{ range .Site.Params.joinUsImages }}
<div class="slider-item d-block">
<div class="box mx-2" style='--bg: url("{{ absURL . }}");'></div>
<div class="box rounded-4 mx-2" style='--bg: url("{{ absURL . }}");'></div>
</div>
{{ end }}
</div>
Expand Down
8 changes: 4 additions & 4 deletions package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
"devDependencies": {
"@fullhuman/postcss-purgecss": "^5.0.0",
"autoprefixer": "^10.4.17",
"bootstrap": "^5.3.2",
"bootstrap": "^5.3.3",
"countup.js": "^2.8.0",
"hugo-bin": "^0.119.0",
"jquery": "^3.7.1",
Expand Down

0 comments on commit 6369216

Please sign in to comment.