Add Com-tu-thien page

blacklogos · Apr 4, 2020 · 7b2b066 · 7b2b066
1 parent 4e9c1a3
commit 7b2b066
Show file tree

Hide file tree

Showing 5 changed files with 260 additions and 16 deletions.
diff --git a/cam-on.html b/cam-on.html
@@ -1,8 +1,10 @@
 <!DOCTYPE html>
 <html lang="en">
-  <title> Tin Tốt Mỗi Ngày </title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="stylesheet" href="css/style.css">
+	<head>
+		  <title> Tin Tốt Mỗi Ngày </title>
+		  <meta name="viewport" content="width=device-width, initial-scale=1">
+		  <link rel="stylesheet" href="css/style.css">
+		</head>
   <body class="w-100 sans-serif">
     <header class="w-100 pa1 ph5-ns bg-washed-yellow">
       <div class="db dt-ns center mw9 center w-100">
@@ -20,17 +22,17 @@
 		  <div class="bg-washed-yellow pv5">
 			  <!--h1>Tin Tốt</h1-->
 			  <h2 class="georgia tc mw6 dark-gray center f2-l f3">Nhận Tin Tốt Mỗi Ngày vào Email Của Bạn</h2>
-			  <div class="pa4-l">
-  	  <p class="mw6 measure georgia center tc f5 f4-l">Cảm ơn bạn đã đăng ký Tin Tốt mỗi ngày.</p>
-				  <p class="mw6 georgia center tc f5 f4-l pt4"><a class="link black-70 db b hover-orange" href="/index.html" target="_blank">← Quay lại</a></p>
-				  
-				 
-			
-				 
-				  
-</div>
+				  <div class="pa4-l">
+					  <p class="mw6 measure georgia center tc f5 f4-l">Cảm ơn bạn đã đăng ký Tin Tốt mỗi ngày.</p>
+					  <p class="mw6 georgia center tc f5 f4-l pt4"><a class="link black-70 db b hover-orange" href="/index.html" target="_blank">← Quay lại</a></p>
+
+
+
+
+
+				</div>
 			   <!-- Basic Share Links -->
-<div class="cf center tc">
+			<div class="cf center tc">
 				  <div class="center pa3 ma3">
 
 					<!-- Twitter (url, text, @mention) -->

diff --git a/com-tu-thien.html b/com-tu-thien.html
@@ -0,0 +1,235 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title> Tin Tốt Mỗi Ngày </title>
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<link rel="stylesheet" href="css/style.css">
+<!--
+	<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.20/b-1.6.1/r-2.2.3/sp-1.0.1/sl-1.3.1/datatables.min.css"/>
+ 
+	<script type="text/javascript" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
+	<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
+	<script type="text/javascript" class="init">
+		$(document).ready(function() {
+			$('#example').DataTable();
+		} );
+	
+	</script>
+-->
+
+
+</head>
+
+<body class="w-100 sans-serif">
+	<header class="w-100 pa1 ph5-ns bg-washed-yellow">
+		<div class="db dt-ns center mw9 center w-100">
+			<div class="db dtc-ns pt5 tc center w-50">
+				<span><img class="w-70 center w-30-l" src="img/tin-tot.svg"></span>
+
+
+			</div>
+
+		</div>
+	</header>
+
+	<main class="w-100 bg-washed-yellow pv1">
+		<div class="cf">
+			<div class="bg-washed-yellow pv5">
+				<!--h1>Tin Tốt</h1-->
+				<h2 class="georgia tc mw6 dark-gray center f2-l f3">Danh sách quán cơm từ thiện tại TP. Hồ Chí Minh</h2>
+				<div>
+					<div class="center mw8 tc pa2">
+						<div class="georgia pa4 mw9 center">
+							<div class="overflow-auto">
+							<table id="example" class="f6 w-100 center display">
+								<thead>
+									<tr class="stripe-dark">
+									<th class="fw6 tc pa3 bg-white">#</th>
+									<th class="fw6 tc pa3 bg-white">Quận</th>
+									<th class="fw6 tc pa3 bg-white">Tên Địa Điểm</th>
+									<th class="fw6 tc pa3 bg-white">Loại</th>
+									<th class="fw6 tc pa3 bg-white">Địa chỉ</th>
+									<th class="fw6 tc pa3 bg-white">Ghi chú</th>
+								</tr>
+								</thead>
+								<tbody class="lh-copy">
+								<tr class="stripe-dark">
+								<td class="pa3">1</td><td>Q.1</td><td>Coffee A</td><td>Miễn phí</td><td>132 Nguyễn Văn Cừ, P. Nguyễn Cư Trinh, Quận 1</td><td>Cung cấp mì gói 🍜 và trứng 🥚.</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>2</td><td>Q.1</td><td>Mãn Tự Vegan</td><td>Miễn phí</td><td>14/2 Tôn Thất Đạm, phường Nguyễn Thái Bình, quận 1.</td><td>&nbsp;</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>3</td><td>Q.3</td><td>_</td><td>Miễn phí</td><td>503 Hoàng Sa, P8, Quận 3.</td><td>&nbsp;</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>4</td><td>Q.5</td><td>_</td><td>Miễn phí</td><td>155 Hùng Vương, phường 9, quận 5.</td><td>Gạo và mì tôm</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>5</td><td>Q.5</td><td>_</td><td>Miễn phí</td><td>213 Trần Bình Trọng, P3, Quận 5.</td><td>Gạo và mì tôm</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>6</td><td>Q.6</td><td>_</td><td>Miễn phí</td><td>366 Nguyễn Văn Luông, P12, Quận 6.</td><td>&nbsp;</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>7</td><td>Q.10</td><td>Quán Chay Bình An</td><td>Miễn phí</td><td>49 Ngô Quyền phường 6 quận 10</td><td>&nbsp;</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>8</td><td>Q.11</td><td>Giáo xứ Phú Trung</td><td>Miễn phí</td><td>1434 Lạc Long Quân, P.11, Q.Tân Bình.</td><td>Nhà thờ cung cấp bữa ăn miễn phí.</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>9</td><td>Q.1</td><td>Nụ Cười 1</td><td>Miễn phí</td><td>số 6 Cống Quỳnh - Q1</td><td>Phát cơm miễn phí bắt đầu từ 9h30</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>10</td><td>Q.Tân Bình</td><td>Nụ Cười 2</td><td>Miễn phí</td><td>488 Trường Chinh, P.13, Q.Tân Bình</td><td>Phát cơm miễn phí bắt đầu từ 9h30</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>11</td><td>Q.7</td><td>Nụ Cười 3</td><td>Miễn phí</td><td>1276 Huỳnh Tấn Phát , P. Phú Mỹ , Q7</td><td>Phát cơm miễn phí bắt đầu từ 9h30</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>12</td><td>Q.4</td><td>Nụ Cười 4</td><td>Miễn phí</td><td>132 Bến Vân Đồn, Q4</td><td>Phát cơm miễn phí bắt đầu từ 9h30</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>13</td><td>Q.Bình Thạnh</td><td>Nụ Cười 6</td><td>Miễn phí</td><td>11 Nguyễn Huy Lượng, P.14, Q.Bình Thạnh</td><td>Phát cơm miễn phí bắt đầu từ 9h30</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>14</td><td>Q.11</td><td>Nụ Cười 7</td><td>Miễn phí</td><td>68/12 Lữ Gia, P 15, Q 11</td><td>Phát cơm miễn phí bắt đầu từ 9h30</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>15</td><td>Q.7</td><td>Nụ Cười 8</td><td>Miễn phí</td><td>1276 Huỳnh Tấn Phát, P.Phú Mỹ, Q.7</td><td>Phát cơm miễn phí bắt đầu từ 9h30</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>16</td><td>H.Bình Chánh</td><td>Nhà ăn 0 đồng Nhất Tâm</td><td>Miễn phí</td><td>68 đường số 10, khu dân cư Trung Sơn (xã Bình Hưng, H.Bình Chánh)</td><td>Cung cấp miễn phí 1.500 - 2.000 suất cơm chay cho người nghèo từ 10 - 16 giờ mỗi ngày</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>17</td><td>H.Nhà Bè</td><td>Nhà ăn 0 đồng Nhất Tâm</td><td>Miễn phí</td><td>2316 Huỳnh Tấn Phát (TT.Nhà Bè, H.Nhà Bè).</td><td>Cung cấp miễn phí 1.500 - 2.000 suất cơm chay cho người nghèo từ 10 - 16 giờ mỗi ngày</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>1</td><td>Q.Bình Thạnh</td><td>Clb Từ Thiện Hỷ Lạc</td><td>Dưới 5K</td><td>66 Vạn Kiếp, P3 , Q.Bình Thạnh</td><td>Chủ nhật tuần 2 và chủ nhật tuần 4 trong tháng có sữa và chuối</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>2</td><td>Q.2</td><td>Quán 2K</td><td>Dưới 5K</td><td>Số 88/13 Bình Trưng, P. Bình Trưng Đông Q2</td><td>Cả tuần 300 suất free, 100 suất 2,000đ.</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>3</td><td>Q.1</td><td>Bếp Ăn Từ Thiện Bảo Hòa</td><td>Dưới 5K</td><td>220 Đinh Tiên Hoàng, Q1</td><td>Cả tuần &amp; giá 2k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>4</td><td>Q.10</td><td>Quán Ăn Chay Từ Tâm</td><td>Dưới 5K</td><td>33 Trần Nhân Tôn, P2 Q10 (Đối diện cổng sau cao đẳng kinh tế)</td><td>T2, T4, T6 &amp; giá 5k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>5</td><td>Q.Bình Thạnh</td><td>Thiện Tâm</td><td>Dưới 5K</td><td>174/30A Chu Văn An, P12, Q.Bình Thạnh</td><td>Từ 10h30 - Tất cả các ngày &amp; giá 2k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>6</td><td>Q.5</td><td>Chùa Vạn Thiện</td><td>Dưới 5K</td><td>Hẻm 360 Trần Phú, P4, Q5 (Nằm gần ĐH Khoa học Tự nhiên)</td><td>Ngày 30, 1, 14, 15 (âm lịch) hàng tháng</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>7</td><td>Q.Bình Thạnh</td><td>Chay Xã Hội</td><td>Dưới 5K</td><td>Số 53 Vũ Tùng, P1, Q. Bình Thạnh</td><td>Tất cả các ngày. (Ngày 2 bữa) &amp; giá 2k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>8</td><td>Q.Thủ Đức</td><td>Chay 5K</td><td>Dưới 5K</td><td>Đ.Chương Dương gần Chợ Thủ Đức, từ ngã 4 Thử Đức quẹo xuống hướng chợ Thủ Đức khoảng 1,5Km, quẹo phải khoảng 400m, bên tay phải</td><td>Tất cả các ngày. (Ngày 2 bữa) &amp; giá 2k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>9</td><td>Q.Tân Phú</td><td>Chay Từ Thiện Tương Trợ Nụ Cười 2</td><td>Dưới 5K</td><td>Số 46/22 Nguyễn Ngọc Nhựt, P.Tân Quý, Q. Tân Phú</td><td>T2, T4, T6 &amp; giá 2k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>10</td><td>Q.Tân Bình</td><td>Từ Thiện Quận Tân Bình</td><td>Dưới 5K</td><td>2/5 Chấn Hưng, P6 Q.Tân Bình</td><td>T3, T5 &amp; giá 5k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>11</td><td>Q.Thủ Đức</td><td>Chay Vợ Thằng Đậu</td><td>Dưới 5K</td><td>Số 40, Đặng Văn Bi , Q.Thủ Đức</td><td>Hàng ngày: 10h30 - 11h30 trưa</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>12</td><td>Q.Bình Thạnh</td><td>Chay Từ Thiện Bình Thạnh</td><td>Dưới 5K</td><td>Số 53 Vũ Tùng P1,Q.Bình Thạnh</td><td>Hàng ngày: 10h30 - 11h30 trưa</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>13</td><td>Q.1</td><td>Nhà Hàng Tano Central</td><td>Dưới 5K</td><td>Ngã tư Lý Tự Trọng - Hai Bà Trưng</td><td>từ 16h từ Thứ 2 đến Thứ 6 hàng tuần &amp; giá 2k</td>
+								</tr>
+								<tr class="stripe-dark">
+								<td>14</td><td>Q.1</td><td>Chay Xã Hội Cường Béo</td><td>Dưới 5K</td><td>154/4 Tôn Thất Đạm, P.Bến Nghé Q1</td><td>cả tuần &amp; giá 5k</td>
+								</tr>
+									</tbody>
+								</table>
+							</div>
+
+					</div>
+						<p class="mw6 georgia center tc f5 f4-l pt4">Share for Meals!<br>
+						👇 Hãy chia sẻ để giúp đỡ! 👇 </p>
+
+
+
+
+
+
+				</div>
+				<!-- Basic Share Links -->
+				<div class="cf center tc">
+					<div class="center pa3 ma3">
+
+						<!-- Twitter (url, text, @mention) -->
+						<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #55acee;" href="https://twitter.com/share?url=https%3A%2F%2Ftintot.nhangui.com&text=Nh%E1%BA%ADn+Tin+T%E1%BB%91t+M%E1%BB%97i+Ng%C3%A0y&via=coyotevn" target="_blank">
+							Twitter
+						</a>
+
+						<!-- Facebook (url) -->
+						<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #3B5998;" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Ftintot.nhangui.com" target="_blank">
+							Facebook
+						</a>
+
+						<!-- Reddit (url, title)>
+					<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #ff5700;" href="https://reddit.com/submit?url=https%3A%2F%2Ftintot.nhangui.com&title=Nh%E1%BA%ADn+Tin+T%E1%BB%91t+M%E1%BB%97i+Ng%C3%A0y" target="_blank">
+						Reddit
+					</a -->
+
+
+						<!-- LinkedIn (url, title, summary, source url) -->
+						<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #4875B4;" href="https://www.linkedin.com/shareArticle?url=https%3A%2F%2Ftintot.nhangui.com&title=Tin+T%E1%BB%91t&summary=Nh%E1%BA%ADn+Tin+T%E1%BB%91t+M%E1%BB%97i+Ng%C3%A0y&source=https%3A%2F%2Ftintot.nhangui.com" target="_blank">
+							LinkedIn
+						</a>
+
+						<!-- Email (subject, body) -->
+						<a class="br2 georgia bg-black link dim b dib white pa2 f6" style="background-color: #444444;" href="mailto:?subject=Trang%20Web%20Hay%20N%C3%A8&body=Nh%E1%BA%ADn%20Tin%20T%E1%BB%91t%20M%E1%BB%97i%20Ng%C3%A0y%20C%C3%B9ng%20V%E1%BB%9Bi%20TinTot.nhangui.com" target="_blank">
+							Email
+						</a>
+					</div>
+				</div>
+						<p class="mw6 georgia center tc f5 f4-l pt4"><a class="link black-70 db b hover-orange" href="/index.html" target="_blank">← Quay lại trang chủ</a></p>
+						<p  class="mw6 center georgia tl f6">* Nội dung được tổng hợp:</p>
+						<ul class="mw6 center georgia tl f6">
+							<li>Báo Thanh Niên: <a class="hover-orange black-70 link" href="https://thanhnien.vn/doi-song/nhung-quan-com-mien-phi-tai-tphcm-giup-nguoi-ngheo-tam-dung-muu-sinh-chong-covid-19-1205317.html" target="_blank">https://thanhnien.vn/doi-song/nhung-quan-com-mien-phi-tai-tphcm-giup-nguoi-ngheo-tam-dung-muu-sinh-chong-covid-19-1205317.html</a> </li>
+							<li>Facebook.</li>
+					</ul>
+
+			</div>
+		</div>
+		</div>
+	</main>
+
+
+
+
+	<footer class="bg-washed-yellow tc black-70 ph3 ph5-ns pv4 pv4-ns">
+
+		<div class="mw9 center">
+			<div class="bt black w-100 mw6 center pb5"></div>
+			<div class="mb5 lh-copy">
+				<a class="georgia black-70 link hover-orange b dib mr3 mb3" href="https://tintot.substack.com" target="_blank" title="Lưu trữ email">
+					Lưu trữ
+				</a>
+				<!-- a class="georgia black-70 link hover-orange b dib mr3 mb3" href="/" title="Home">
+			  Lưu trữ
+			</a -->
+			</div>
+
+			<div class="mt1 georgia">
+
+				Copyleft <span class="copyleft">&copy;</span> 2020 – Tin Tốt
+
+			</div>
+
+
+		</div>
+	</footer>
+
+</body>
+
+
+</html>
diff --git a/css/style.css b/css/style.css
@@ -7859,3 +7859,7 @@ code {
 	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
 
 }
+
+.free {
+
+}
diff --git a/index.html b/index.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
+<head>
   <title> Tin Tốt Mỗi Ngày </title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="css/style.css">
-  <body class="w-100 sans-serif">
+</head>
+<body class="w-100 sans-serif">
     <header class="w-100 pa1 ph5-ns bg-washed-yellow">
       <div class="db dt-ns center mw9 center w-100">
         <div class="db dtc-ns pt5 tc center w-50">
@@ -106,4 +108,3 @@ <h2 class="georgia tc mw6 dark-gray center f2-l f3">Nhận Tin Tốt Mỗi Ngày
 
 
 </html>
-</html>
diff --git a/vui-ve.html b/vui-ve.html
@@ -1,9 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
+<head>
   <title> Tin Tốt Mỗi Ngày </title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="stylesheet" href="css/style.css">
-  <body class="w-100 sans-serif">
+</head>
+	<body class="w-100 sans-serif">
     <header class="w-100 pa1 ph5-ns bg-washed-yellow">
       <div class="db dt-ns center mw9 center w-100">
         <div class="db dtc-ns pt5 tc center w-50">
-Original file line number
+Diff line change
@@ Expand Up / @@ -7859,3 +7859,7 @@ code { @@
     	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
     }
+    .free {
+    }