Việc cài đặt thì không cần nói nhiều, chỉ cần kích hoạt là xong.
Tôi sẽ không giải thích quá chi tiết mà chỉ nhấn mạnh vào hai tính năng đặc biệt: 1. Khi thiết lập số lượng thành 0, phần hiển thị trên trang sẽ tự động biến mất; 2. Người dùng có thể tùy chỉnh kích thước chữ, màu sắc và khoảng cách giữa các dòng ngay trong công cụ widget.
Một người dùng mạng đã sử dụng trí tuệ nhân tạo để tạo ra một trang điều hướng rất thô sơ. Trang này hoàn toàn dựa trên HTML tĩnh, tuy có chức năng đơn giản và thiết kế khá sơ sài nhưng tôi thấy nó khá thú vị. Tôi muốn một phiên bản đơn giản hơn, nhưng cái này trông quá xấu – haha. Vì vậy, tôi quyết định tối ưu hóa nó bằng cách sử dụng công cụ Kimi để lặp lại nhiều lần cải thiện giao diện người dùng (UI) và chức năng tổng thể. Sau hơn hai mươi lần điều chỉnh, tôi đã hoàn thành phiên bản điều hướng Kimi với tất cả các tính năng và thiết kế mà tôi mong đợi lúc ban đầu.
Mã HTML như sau:
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mã Xác Thực Email</title>
<style>
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: #f4f6f8;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.email-container {
background-color: #ffffff;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
border-radius: 10px;
padding: 25px;
width: 90%;
max-width: 450px;
}
.logo-container img {
height: 60px;
width: auto;
display: block;
margin: 0 auto 15px;
}
.email-content h1 {
margin: 0 0 10px 0;
font-size: 18px;
color: #1e2d3b;
font-weight: bold;
text-align: center;
}
.email-content p {
margin: 0 0 10px 0;
font-size: 14px;
line-height: 1.6;
color: #4a5568;
text-align: center;
}
.verification-code {
font-size: 24px;
font-weight: bold;
color: #38a169;
margin: 0;
display: block;
text-align: center;
margin-bottom: 20px;
}
.footer {
margin-top: 20px;
font-size: 11px;
color: #718096;
text-align: center;
}
</style>
</head>
<body>
<div class="email-container">
<div class="logo-container">
<img src="Điền đường dẫn LOGO tại đây" alt="Logo">
</div>
<div class="email-content">
<h1>Chào mừng bạn đến với HRSAY!</h1>
<p>Mã xác thực của bạn là:</p>
<p class="verification-code">{$code}</p>
<p>Vui lòng sử dụng mã này để tiếp tục quá trình xác minh.</p>
<p class="footer">Thời gian gửi: {$time}</p>
</div>
</div>
</body>
</html>
Trên đây là một mẫu email chứa mã xác thực được thiết kế với bố cục rõ ràng và trực quan. Các yếu tố chính bao gồm hình ảnh logo, nội dung chào mừng, mã xác thực nổi bật cùng thông tin thời gian gửi. Giao diện đã được điều chỉnh để phù hợp hơn với thị giác người dùng Việt Nam, đồng thời đảm bảo tính chuyên nghiệp và dễ đọc.
Địa chỉ dự án: Puff
Công cụ này được viết bằng ngôn ngữ lập trình Go, nổi bật với tính game xèng hoa quả cho máy tính năng mở nguồn, tốc độ xử lý nhanh chóng và dễ dàng cài đặt. Puff có khả năng giám sát tình trạng rơi của tên miền, kiểm tra các thay tu vi ngay đổi liên quan đến tên miền như hết hạn, giai đoạn chuộc lại hay chờ xóa.
Chào xóc đĩa các bạn! Có khi nào bạn đã từng ngồi trước màn hình trống rỗng vào đêm khuya, cảm giác như nguồn cảm hứng của mình bị người ngoài hành tinh bắt cóc mất chưa? Đừng lo lắng nữa, vì giờ đây ima.copilot sẽ là cứu tinh cho thế giới sáng tạo của bạn!
Nói một cách đơn giản, ima.copilot là một trợ lý AI cực kỳ thông minh. Nó có khả năng “đọc suy nghĩ” của bạn qua những từ ngữ mà bạn nhập vào và đưa ra những gợi ý cùng nội dung tuyệt vời nhất. Dù bạn đang làm việc viết lách, thiết kế hay tiếp thị, nó đều có thể trở thành cánh tay đắc lực giúp bạn hoàn thành công việc.