+
+
+ {%- if page_paths -%}
+
+ {%- endif -%}
+ |
- |
+ |
@@ -81,4 +90,3 @@ India views this model as a third approach to digitalization. The first one is t
With Sri Lanka's government again embarking on a strong DPI path, the focus of LSF for this phase will be to build open source technology and solutions that can help Sri Lanka (and other nations) establish strong digital public infrastructure.
Our current DPI projects include Silver (a government-scale, secure, private email solution), OpenDIF (a platform for policy and consent-aware data sharing across data custodians, owners and consumers), and OpenSuperApp (a super app framework to digitally enable employees).
-
diff --git a/assets/images/LSF.jpg b/assets/images/LSF.jpg
deleted file mode 100644
index 1b75bf8..0000000
Binary files a/assets/images/LSF.jpg and /dev/null differ
diff --git a/assets/images/LSF.png b/assets/images/LSF.png
new file mode 100644
index 0000000..81b5ebe
Binary files /dev/null and b/assets/images/LSF.png differ
diff --git a/assets/main.scss b/assets/main.scss
index 55f18d0..f740cab 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -3,217 +3,894 @@
@import "minima";
-/* Fix for over-scrolling and black bar at top */
-html {
- overflow-x: hidden;
+:root {
+ --black: #000000ff;
+ --black-2: #000000ff;
+ --sky-blue: #83c7f7ff;
+ --cerulean: #007895ff;
+ --strong-cyan: #00bdc7ff;
+ --gradient-top: linear-gradient(0deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-right: linear-gradient(90deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-bottom: linear-gradient(180deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-left: linear-gradient(270deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-top-right: linear-gradient(45deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-bottom-right: linear-gradient(135deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-top-left: linear-gradient(225deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-bottom-left: linear-gradient(315deg, #000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --gradient-radial: radial-gradient(#000000ff, #000000ff, #83c7f7ff, #007895ff, #00bdc7ff);
+ --sky-blue-rgb: 131, 199, 247;
+ --cerulean-rgb: 0, 120, 149;
+ --strong-cyan-rgb: 0, 189, 199;
+ --osi-bg: #ffffff;
+ --osi-surface: #ffffff;
+ --osi-surface-muted: rgba(var(--sky-blue-rgb), 0.18);
+ --osi-text: var(--black);
+ --osi-heading: var(--black-2);
+ --osi-muted: rgba(var(--cerulean-rgb), 0.82);
+ --osi-link: var(--cerulean);
+ --osi-link-hover: var(--strong-cyan);
+ --osi-border: rgba(var(--cerulean-rgb), 0.28);
+ --osi-border-strong: var(--cerulean);
+ --osi-content-max: 1000px;
+ --osi-wide-max: 1240px;
+}
+
+*,
+*::before,
+*::after {
+ box-sizing: border-box;
}
+html,
body {
+ margin: 0;
+ padding: 0;
overflow-x: hidden;
- -webkit-overflow-scrolling: touch;
- background-color: #fdfdfd;
+ background: var(--osi-bg);
+}
+
+body.site-shell {
min-height: 100vh;
+ color: var(--osi-text);
+ background: var(--osi-bg);
+ font-family: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 1.6;
}
-/* Full-width layout - remove max-width constraint */
.wrapper {
- max-width: 80% !important;
- width: 80%;
- padding-right: 30px;
- padding-left: 30px;
- margin-right: auto;
- margin-left: auto;
- box-sizing: border-box;
+ width: min(94%, var(--osi-wide-max));
+ margin: 0 auto;
+ padding: 0;
}
-@media screen and (max-width: 1024px) {
- .wrapper {
- max-width: 90% !important;
- width: 90%;
- padding-right: 20px;
- padding-left: 20px;
- }
+.skip-link {
+ position: absolute;
+ left: -9999px;
+ top: 0;
}
-@media screen and (max-width: 768px) {
- .wrapper {
- max-width: 95% !important;
- width: 95%;
- padding-right: 15px;
- padding-left: 15px;
- }
+.skip-link:focus {
+ left: 1rem;
+ top: 1rem;
+ z-index: 100;
+ padding: 0.45rem 0.65rem;
+ color: #fff;
+ background: var(--osi-link);
}
-@media screen and (max-width: 480px) {
- .wrapper {
- max-width: 100% !important;
- width: 100%;
- padding-right: 15px;
- padding-left: 15px;
- }
+a {
+ color: var(--osi-link);
+ font-weight: 500;
+ text-decoration: underline;
+ text-underline-offset: 2px;
+ transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
-/* Justify text in page content */
-.page-content p,
-.home p,
-.post-content p {
- text-align: justify;
- text-justify: inter-word;
+a:hover,
+a:focus-visible {
+ color: var(--osi-link-hover);
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0 0 1rem;
+ color: var(--osi-heading);
+ font-family: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-weight: 600;
+ line-height: 1.15;
+}
+
+h1 {
+ font-size: clamp(2rem, 4vw, 3rem);
+}
+
+h2 {
+ font-size: clamp(1.45rem, 2.1vw, 1.95rem);
+}
+
+h3 {
+ font-size: clamp(1.2rem, 1.7vw, 1.5rem);
+}
+
+p {
+ margin: 0 0 1rem;
+}
+
+.site-header {
+ min-height: 0;
+ z-index: 50;
+ border-top: 0;
+ border-bottom: 1px solid var(--osi-border);
+ background: var(--osi-surface);
+}
+
+.header-shell {
+ min-height: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 0.7rem;
+ padding: 0.75rem 0 0.6rem;
}
-/* Emphasize site title and navigation */
.site-title {
- font-size: 32px !important;
- font-weight: 400 !important;
- letter-spacing: 0.5px;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 0;
+ color: var(--osi-heading);
+ text-decoration: none;
+}
+
+.site-title:visited {
+ color: var(--osi-heading);
+}
+
+.site-title:hover,
+.site-title:focus-visible {
+ color: var(--osi-heading);
+ text-decoration: none;
+}
+
+.site-mark {
+ width: 104px;
+ height: 104px;
+ object-fit: contain;
+ object-position: center;
+ border: 0;
+ background: transparent;
+}
+
+.site-nav {
+ width: 100%;
+ float: none;
+ line-height: normal;
+}
+
+.site-nav .nav-trigger {
+ display: none;
+}
+
+.menu-toggle {
+ display: none;
+ align-items: center;
+ gap: 0.5rem;
+ padding: 0.45rem 0.65rem;
+ color: var(--osi-heading);
+ background: #fff;
+ border: 1px solid var(--osi-border);
+ font-weight: 600;
+ cursor: pointer;
+}
+
+.menu-icon {
+ display: block;
+ width: 16px;
+ height: 2px;
+ position: relative;
+ background: currentColor;
+}
+
+.menu-icon::before,
+.menu-icon::after {
+ content: "";
+ position: absolute;
+ left: 0;
+ width: 16px;
+ height: 2px;
+ background: currentColor;
+}
+
+.menu-icon::before {
+ top: -5px;
+}
+
+.menu-icon::after {
+ top: 5px;
+}
+
+.menu-label {
+ font-size: 0.9rem;
+}
+
+.site-nav .trigger {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-wrap: wrap;
+ gap: 1.25rem;
}
.site-nav .page-link {
- font-size: 20px !important;
- font-weight: 400 !important;
- margin-left: 25px;
+ margin: 0;
+ padding: 0.2rem 0;
+ color: var(--osi-heading);
+ text-decoration: none;
+ border-bottom: 2px solid transparent;
+ font-size: 0.94rem;
+ font-weight: 600;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
}
-@media screen and (max-width: 800px) {
- .site-title {
- font-size: 24px !important;
- }
+.site-nav .page-link:visited {
+ color: var(--osi-heading);
+}
- .site-nav .page-link {
- font-size: 18px !important;
- }
+.site-nav .page-link:hover,
+.site-nav .page-link:focus-visible,
+.site-nav .page-link.is-active {
+ color: var(--osi-heading);
+ border-color: var(--osi-link);
}
-/* Responsive Tables */
-@media screen and (max-width: 768px) {
- table {
- display: block;
- width: 100%;
- overflow-x: hidden;
+.site-nav .page-link.is-active {
+ font-weight: 600;
+}
+
+.page-content {
+ padding: 2.2rem 0 3rem;
+ background: var(--osi-bg);
+}
+
+.content-shell > * {
+ width: 100%;
+ margin: 0 auto;
+ background: transparent;
+ border: 0;
+ border-radius: 0;
+ box-shadow: none;
+}
+
+.layout-home .home,
+.home-shell {
+ max-width: var(--osi-content-max);
+ margin: 0 auto;
+ padding: 0 0 2rem;
+ border-bottom: 1px solid var(--osi-border);
+}
+
+.layout-home .home > p:first-child,
+.home-shell > p:first-child {
+ margin-bottom: 1.1rem;
+}
+
+.layout-home .home > p:first-child img,
+.home-shell > p:first-child img {
+ width: min(132px, 34vw);
+ max-width: 132px;
+ height: auto;
+ object-fit: contain;
+ object-position: center;
+ border: 1px solid var(--osi-border);
+ background: var(--osi-surface);
+}
+
+.layout-home .home > p:first-child img[src$="LSF.png"],
+.home-shell > p:first-child img[src$="LSF.png"] {
+ border: 0;
+ background: transparent;
+}
+
+.layout-home .home h2,
+.home-shell h2 {
+ margin-bottom: 0.55rem;
+ color: var(--osi-link);
+ font-size: clamp(0.98rem, 1.6vw, 1.14rem);
+ letter-spacing: 0.08em;
+ text-transform: uppercase;
+}
+
+.layout-home .home h1,
+.home-shell h1 {
+ max-width: 20ch;
+ margin-bottom: 1rem;
+}
+
+.layout-home .home p,
+.home-shell p {
+ max-width: 76ch;
+ font-size: clamp(1.04rem, 1.4vw, 1.18rem);
+}
+
+.layout-home .home p:last-child a,
+.home-shell p:last-child a {
+ display: inline-flex;
+ align-items: center;
+ margin: 0.15rem 0.35rem 0.15rem 0;
+ padding: 0.38rem 0.9rem;
+ border: 2px solid var(--osi-link);
+ border-radius: 999px;
+ color: var(--osi-link);
+ text-decoration: none;
+ font-weight: 600;
+}
+
+.layout-home .home p:last-child a:hover,
+.home-shell p:last-child a:hover {
+ color: #fff;
+ background: var(--osi-link);
+}
+
+.layout-page .post,
+.page-shell {
+ max-width: var(--osi-content-max);
+ margin: 0 auto;
+ padding: 0;
+}
+
+.post-header {
+ margin-bottom: 1.5rem;
+ padding-bottom: 1rem;
+ border-bottom: 1px solid var(--osi-border);
+}
+
+.post-title {
+ margin-bottom: 0;
+}
+
+.post-content {
+ color: var(--osi-text);
+ font-size: 1.05rem;
+}
+
+.post-content p {
+ margin-bottom: 1rem;
+}
+
+.post-content h2,
+.post-content h3 {
+ margin-top: 2rem;
+}
+
+.post-content ul,
+.post-content ol {
+ margin-left: 1rem;
+}
+
+.post-content li {
+ margin-bottom: 0.45rem;
+}
+
+.post-content > p:first-child a {
+ font-weight: 600;
+}
+
+.page-about .post-content > p:first-child {
+ margin-bottom: 1.25rem;
+ padding-bottom: 0.9rem;
+ border-bottom: 1px solid var(--osi-border);
+}
+
+.page-about .about-jump-links {
+ margin-bottom: 1.5rem;
+ padding: 1rem 1.1rem;
+ border: 1px solid var(--osi-border);
+ background: var(--osi-surface-muted);
+}
+
+.page-about .about-jump-links p {
+ margin-bottom: 0.55rem;
+}
+
+.page-about .about-jump-links ul {
+ margin: 0;
+ padding-left: 1.2rem;
+ columns: 2;
+ column-gap: 2rem;
+}
+
+.page-about .about-jump-links li {
+ break-inside: avoid;
+ margin-bottom: 0.35rem;
+}
+
+.page-about .about-members tr {
+ grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
+}
+
+.page-about .about-member-photo {
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ align-self: start;
+ padding-right: 0.5rem;
+}
+
+.page-about .about-member-image {
+ display: block;
+ width: min(100%, 180px);
+ max-width: 180px;
+ aspect-ratio: 1;
+ object-fit: cover;
+ object-position: center top;
+ border: 1px solid var(--osi-border);
+ border-radius: 50%;
+ background: var(--osi-surface-muted);
+}
+
+.page-projects .post-content table tr,
+.page-shell[class*="page-team-"] .post-content table tr {
+ grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
+}
+
+.page-projects .post-content table td:first-child,
+.page-shell[class*="page-team-"] .post-content table td:first-child {
+ width: auto;
+ align-self: start;
+}
+
+.page-projects .post-content table img,
+.page-shell[class*="page-team-"] .post-content table img {
+ width: 100%;
+ max-width: none;
+}
+
+.page-shell[class*="page-team-"] .post-content table td:first-child {
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ padding-right: 0.5rem;
+}
+
+.page-shell[class*="page-team-"] .post-content table img {
+ width: min(100%, 180px);
+ max-width: 180px;
+ aspect-ratio: 1;
+ object-fit: cover;
+ object-position: center top;
+ border: 1px solid var(--osi-border);
+ border-radius: 50%;
+ background: var(--osi-surface-muted);
+}
+
+.page-shell[class*="page-projects-"] .post-content > p img {
+ display: block;
+ width: min(100%, 420px);
+ max-width: none;
+ margin-top: 1rem;
+ border: 1px solid var(--osi-border);
+ background: var(--osi-surface-muted);
+}
+
+@media (max-width: 720px) {
+ .page-about .about-jump-links ul {
+ columns: 1;
}
- table tr {
- display: block;
- margin-bottom: 30px;
- border: 1px solid #e8e8e8;
- border-radius: 5px;
- padding: 20px;
- background-color: #fff;
- box-sizing: border-box;
+ .page-about .about-members tr {
+ grid-template-columns: 1fr;
}
- table td {
- display: block;
- width: 100% !important;
- text-align: left !important;
- border: none !important;
- padding: 10px 0 !important;
- box-sizing: border-box;
+ .page-about .about-member-image {
+ width: min(100%, 180px);
+ margin: 0 auto;
}
- table td:first-child {
- text-align: center !important;
- margin-bottom: 15px;
- padding: 10px 0 !important;
+ .page-projects .post-content table tr,
+ .page-shell[class*="page-team-"] .post-content table tr {
+ grid-template-columns: 1fr;
}
- table td img {
- max-width: 200px !important;
+ .page-projects .post-content table img,
+ .page-shell[class*="page-team-"] .post-content table img {
+ width: min(100%, 240px);
margin: 0 auto;
- display: block;
}
- table td p {
- margin-bottom: 10px;
- padding-left: 0;
- padding-right: 0;
+ .page-shell[class*="page-team-"] .post-content table img {
+ width: min(100%, 180px);
}
-}
-/* Responsive Typography */
-@media screen and (max-width: 768px) {
- h1 {
- font-size: 28px !important;
+ .page-shell[class*="page-projects-"] .post-content > p img {
+ width: min(100%, 320px);
+ margin-left: auto;
+ margin-right: auto;
}
+}
+
+.page-team .post-content > p {
+ margin-bottom: 0;
+}
+
+.page-team .post-content > p:first-child {
+ margin-bottom: 1rem;
+}
+
+.page-team .post-content > p a {
+ display: block;
+ padding: 0.85rem 0.15rem;
+ color: var(--osi-heading);
+ text-decoration: none;
+ border-bottom: 1px solid var(--osi-border);
+}
+
+.page-team .post-content > p a:hover,
+.page-team .post-content > p a:focus-visible {
+ color: var(--osi-link-hover);
+}
+
+.post-content table {
+ display: grid;
+ width: 100%;
+ gap: 1rem;
+ margin: 0 0 1.5rem;
+ border: 0;
+ border-collapse: separate;
+}
+
+.post-content table > tbody {
+ display: grid;
+ gap: 1rem;
+}
+
+.post-content table tr {
+ display: grid;
+ grid-template-columns: minmax(130px, 180px) minmax(0, 1fr);
+ gap: 1rem;
+ align-items: start;
+ padding: 1rem;
+ border: 1px solid var(--osi-border);
+ background: var(--osi-surface);
+}
+
+.post-content table td {
+ display: block;
+ min-width: 0;
+ padding: 0;
+ border: 0;
+ background: transparent;
+}
+
+.post-content table td p,
+.post-content table td p p {
+ margin: 0.2rem 0;
+}
+
+.post-content table td:last-child > p > b:first-of-type {
+ display: inline-block;
+ margin-bottom: 0.25rem;
+ color: var(--osi-heading);
+ font-size: clamp(1.05rem, 1.6vw, 1.24rem);
+ font-weight: 700;
+}
+
+.post-content table img {
+ display: block;
+ width: 100%;
+ max-width: 180px;
+ height: auto;
+ aspect-ratio: auto;
+ object-fit: contain;
+ border: 1px solid var(--osi-border);
+ background: var(--osi-surface-muted);
+}
+
+blockquote {
+ margin: 1.4rem 0;
+ padding-left: 0.85rem;
+ border-left: 4px solid var(--osi-border);
+ color: var(--osi-muted);
+ font-style: italic;
+}
+
+.site-footer {
+ margin-top: 3rem;
+ padding: 2rem 0;
+ border-top: 1px solid var(--osi-border-strong);
+ color: var(--osi-text);
+ background: var(--osi-surface-muted);
+ width: 100%;
+}
+
+.site-footer .wrapper.footer-shell {
+ width: min(100%, var(--osi-wide-max));
+ max-width: var(--osi-wide-max);
+ margin: 0 auto;
+ padding: 0 clamp(1rem, 3.5vw, 2.8rem);
+}
+
+.site-footer .footer-shell {
+ display: grid;
+ gap: 1.3rem;
+ text-align: center;
+ justify-items: center;
+ align-items: start;
+}
+
+.site-footer .footer-brand {
+ width: 100%;
+ margin-bottom: 0.15rem;
+ padding-bottom: 0.95rem;
+ border-bottom: 1px solid var(--osi-border);
+}
+
+.site-footer .footer-heading {
+ margin-bottom: 0.45rem;
+ color: var(--osi-heading);
+ font-size: clamp(1.15rem, 1.8vw, 1.35rem);
+ font-family: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.site-footer .footer-tagline {
+ margin: 0 auto;
+ max-width: 86ch;
+ color: var(--osi-muted);
+ font-size: 0.96rem;
+}
- h2 {
- font-size: 24px !important;
+.site-footer .footer-grid {
+ display: grid;
+ grid-template-columns: repeat(2, minmax(220px, 1fr));
+ gap: 1.25rem;
+ width: 100%;
+ justify-items: center;
+ align-items: start;
+}
+
+.site-footer .footer-col {
+ min-width: 0;
+ width: 100%;
+ text-align: center;
+}
+
+.site-footer .footer-title {
+ margin: 0 0 0.5rem;
+ color: var(--osi-heading);
+ font-size: 0.82rem;
+ font-weight: 700;
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+}
+
+.site-footer .contact-list,
+.site-footer .social-media-list {
+ display: grid;
+ gap: 0.3rem;
+ justify-items: center;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+
+.site-footer .footer-meta {
+ margin: 0.2rem 0;
+ color: var(--osi-muted);
+}
+
+.site-footer a {
+ color: var(--osi-link);
+ font-weight: 600;
+}
+
+.social-media-list a {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 0.45rem;
+}
+
+.site-footer .svg-icon {
+ width: 16px;
+ height: 16px;
+ padding-right: 0;
+ flex-shrink: 0;
+ fill: currentColor;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+@media (min-width: 981px) {
+ .home-shell p,
+ .page-shell:not(.page-team) .post-content > p,
+ .page-shell:not(.page-team) .post-content > ul,
+ .page-shell:not(.page-team) .post-content > ol,
+ .page-shell:not(.page-team) .post-content > blockquote {
+ max-width: 80ch;
+ line-height: 1.68;
}
- h3 {
- font-size: 20px !important;
+ .page-shell:not(.page-team) .post-content > p,
+ .page-shell:not(.page-team) .post-content > ul,
+ .page-shell:not(.page-team) .post-content > ol {
+ margin-bottom: 1.2rem;
}
- .post-title {
- font-size: 28px !important;
+ .page-shell:not(.page-team) .post-content h2,
+ .page-shell:not(.page-team) .post-content h3 {
+ margin-top: 2.25rem;
+ margin-bottom: 0.9rem;
}
- .page-content {
- padding: 20px 0;
+ .page-shell:not(.page-team) .post-header {
+ margin-bottom: 1.8rem;
}
}
-@media screen and (max-width: 480px) {
- h1 {
- font-size: 24px !important;
+@media (max-width: 980px) {
+ .site-footer .footer-grid {
+ grid-template-columns: repeat(2, minmax(180px, 1fr));
}
- h2 {
- font-size: 20px !important;
+ .post-content table tr {
+ grid-template-columns: minmax(115px, 165px) minmax(0, 1fr);
}
+}
- h3 {
- font-size: 18px !important;
+@media (max-width: 780px) {
+ .header-shell {
+ gap: 0.55rem;
+ padding-top: 0.65rem;
+ padding-bottom: 0.5rem;
}
.site-title {
- font-size: 20px !important;
+ gap: 0;
}
- .post-title {
- font-size: 24px !important;
+ .site-mark {
+ width: 78px;
+ height: 78px;
}
- body {
- font-size: 15px !important;
+ .menu-toggle {
+ display: inline-flex;
+ align-self: center;
+ justify-content: center;
+ gap: 0;
+ min-width: 42px;
+ min-height: 42px;
+ position: relative;
}
- /* Disable text justification on very small mobile screens for better readability */
- .page-content p,
- .home p,
- .post-content p {
- text-align: left !important;
+ .site-nav {
+ position: static;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 100%;
+ float: none;
+ top: auto;
+ right: auto;
+ line-height: normal;
+ text-align: center;
+ background: transparent;
+ border: 0;
+ border-radius: 0;
}
-}
-/* Improve image responsiveness */
-img {
- max-width: 100%;
- height: auto;
- display: block;
-}
+ .site-nav label[for="nav-trigger"] {
+ float: none;
+ width: auto;
+ height: auto;
+ }
-/* Additional table padding for small mobile devices */
-@media screen and (max-width: 480px) {
- table tr {
- padding: 15px;
+ .menu-label {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ white-space: nowrap;
+ border: 0;
}
- table td {
- padding: 8px 0 !important;
+ .menu-toggle::after {
+ content: "";
+ display: block;
+ flex: 0 0 16px;
+ width: 16px;
+ height: 2px;
+ background: currentColor;
+ box-shadow: 0 -5px 0 currentColor, 0 5px 0 currentColor;
}
- table td p {
- padding-left: 0;
- padding-right: 0;
+ .site-nav .menu-icon,
+ .site-nav .menu-icon::before,
+ .site-nav .menu-icon::after,
+ .site-nav .menu-icon > svg {
+ display: none;
+ }
+
+ .site-nav .trigger {
+ display: none;
+ position: static;
+ left: auto;
+ right: auto;
+ top: auto;
+ transform: none;
+ width: min(100%, 280px);
+ min-width: 0;
+ flex-direction: column;
+ align-items: stretch;
+ gap: 0.2rem;
+ margin-top: 0.45rem;
+ padding: 0.7rem 0.85rem;
+ border: 1px solid var(--osi-border);
+ border-radius: 12px;
+ background: var(--osi-surface);
+ box-shadow: 0 10px 24px rgba(var(--cerulean-rgb), 0.08);
+ }
+
+ .site-nav .nav-trigger:checked ~ .trigger {
+ display: flex;
+ }
+
+ .site-nav .page-link {
+ display: block;
+ width: 100%;
+ }
+
+ .page-content {
+ padding-top: 1.55rem;
+ }
+
+ .layout-home .home,
+ .home-shell {
+ padding-bottom: 1.5rem;
+ }
+
+ .layout-page .post,
+ .page-shell {
+ padding: 0;
+ }
+
+ .post-content {
+ font-size: 1rem;
+ }
+
+ .post-content table tr {
+ grid-template-columns: 1fr;
+ gap: 0.7rem;
+ }
+
+ .post-content table img {
+ max-width: 170px;
+ }
+
+ .site-footer {
+ margin-top: 2.2rem;
+ padding: 1.7rem 0;
+ }
+
+ .site-footer .wrapper.footer-shell {
+ padding: 0 1rem;
}
-}
-/* Ensure links don't break layout on mobile */
-@media screen and (max-width: 480px) {
- a {
- word-wrap: break-word;
- overflow-wrap: break-word;
- word-break: break-word;
+ .site-footer .footer-grid {
+ grid-template-columns: 1fr;
+ gap: 1rem;
}
}
diff --git a/index.md b/index.md
index 6840777..e5bfa10 100644
--- a/index.md
+++ b/index.md
@@ -2,17 +2,13 @@
layout: home
---
- |
-
-
## Open Source for Public Good
# Building Digital Public Infrastructure for the World
-In today's complex state of geopolitics marked by de-globalization and weaponized economics, software security is a key aspect of national security and national independence, especially in the digital public infrastructure that powers nations. Free and open source software
-that can be freely developed, deployed and used without restrictions from world powers is the path to software freedom.
+In today's complex state of geopolitics marked by de-globalization and weaponized economics, software security is a key aspect of national security and national independence, especially in the digital public infrastructure that powers nations. Free and open source software
+that can be freely developed, deployed and used without restrictions from world powers is the path to software freedom.
The Lanka Software Foundation is a not-for-profit organization dedicated to helping Sri Lankan software engineers create such software for the world.
Learn more about our