Minify topbar headerbuttons code
This commit is contained in:
parent
7e08dc97c9
commit
63e439e10e
8 changed files with 48 additions and 114 deletions
|
@ -19,20 +19,12 @@
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a href="/team" class="headerbutton">
|
<a href="/team" class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -19,20 +19,12 @@
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a href="/team" class="headerbutton">
|
<a href="/team" class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -19,20 +19,12 @@
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a href="/team" class="headerbutton">
|
<a href="/team" class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -12,27 +12,19 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="topbar">
|
<div class="topbar">
|
||||||
<div class="topbar-group">
|
<div class="topbar-group">
|
||||||
<a href="/" style="display: flex; align-items: center; text-decoration: none;">
|
<a href="/" style="display: flex; align-items: center; text-decoration: none;">
|
||||||
<img src="/resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
|
<img src="/resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a href="/team" class="headerbutton">
|
<a href="/team" class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
</div>
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
|
|
|
@ -19,20 +19,12 @@
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a href="/team" class="headerbutton">
|
<a href="/team" class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -19,20 +19,12 @@
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a href="/team" class="headerbutton">
|
<a href="/team" class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
34
index.html
34
index.html
|
@ -12,29 +12,19 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="topbar">
|
<div class="topbar">
|
||||||
<div class="topbar-group">
|
<div class="topbar-group">
|
||||||
<a style="display: flex; align-items: center; text-decoration: none;">
|
<a style="display: flex; align-items: center; text-decoration: none;">
|
||||||
<img src="resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
|
<img src="resources/icons/ttt-org.svg" alt="TTT Logo" width="36" height="36" style="margin-right: 5px;">
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a href="/team" class="headerbutton">
|
<a href="/team" class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
</div>
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="grid-container">
|
<div class="grid-container">
|
||||||
|
|
||||||
|
|
|
@ -18,20 +18,12 @@
|
||||||
<h4 class="logo">TechTransThai</h4>
|
<h4 class="logo">TechTransThai</h4>
|
||||||
</a>
|
</a>
|
||||||
<div style="display: flex; align-items: center">
|
<div style="display: flex; align-items: center">
|
||||||
<a class="headerbutton">
|
<a class="headerbutton">ทีม</a>
|
||||||
ทีม
|
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">วงแหวนเว็บ</a>
|
||||||
</a>
|
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">สถานะการให้บริการ</a>
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://webring.wonderful.software#techtransthai.org" class="headerbutton">
|
|
||||||
วงแหวนเว็บ
|
|
||||||
</a>
|
|
||||||
<a target="_blank" rel="noopener noreferrer" href="https://status.techtransthai.org/" class="headerbutton">
|
|
||||||
สถานะการให้บริการ
|
|
||||||
</a>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
<div class="header" style="margin-top: 2cm;">
|
<div class="header" style="margin-top: 2cm;">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue