Showing source for: https://tsushimalegend.com/
Duration: 0.87508s
Server: cloudflare
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta content="TsushimaLegend is a professional Ghost of Tsushima game guide and news platform, providing the latest walkthroughs, character builds, equipment combinations, in-depth exploration, and update previews for Ghost of Tsushima, meeting all the needs of action-adventure game enthusiasts in one place!" name="description"/>
<meta content="Ghost of Tsushima guide, Tsushima walkthrough, character builds, equipment combinations, action-adventure games, PlayStation games, game news, update previews, Jin Sakai, Sucker Punch, samurai games" name="keywords"/>
<title>TsushimaLegend | Ghost of Tsushima Game Guide Platform</title>
<link href="https://tsushimalegend.com/" rel="canonical"/>
<style>
:root {
--primary: #b22222;
--secondary: #d9a977;
--dark: #1a1a1a;
--light: #f5f5f5;
--accent: #872b2b;
--paper: #f8f3e6;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Serif', serif;
background-color: var(--paper);
color: var(--dark);
line-height: 1.6;
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iI2U5ZTFlMCIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHBhdGggZD0iTTAgMTAwTDEwMCAwdjEwMHoiIGZpbGw9InJnYmEoMjAwLDE4MCwxNjAsMC4xKSIvPjwvc3ZnPg==');
background-attachment: fixed;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header Styles */
header {
background-color: var(--dark);
background-image: url('data:image/jpeg;base64,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');
background-size: cover;
background-position: center;
padding: 60px 0 20px;
position: relative;
color: #fff;
box-shadow: 0 2px 15px rgba(0,0,0,0.3);
}
header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}
.header-content {
position: relative;
z-index: 2;
text-align: center;
}
.site-title {
font-family: 'Cinzel', serif;
font-size: 3.5rem;
margin-bottom: 10px;
letter-spacing: 2px;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
color: var(--secondary);
}
.site-description {
font-style: italic;
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto 30px;
opacity: 0.9;
}
/* Navigation */
.main-nav {
background-color: var(--dark);
border-top: 1px solid rgba(255,255,255,0.1);
border-bottom: 1px solid rgba(255,255,255,0.1);
padding: 15px 0;
position: relative;
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.nav-links {
display: flex;
gap: 20px;
width: 100%;
justify-content: center;
}
.nav-links a {
color: #fff;
text-decoration: none;
font-size: 1rem;
font-weight: 500;
transition: color 0.3s, transform 0.2s;
position: relative;
padding: 5px 0;
}
.nav-links a:hover, .nav-links a.active {
color: var(--secondary);
transform: translateY(-2px);
}
.nav-links a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: var(--secondary);
transition: width 0.3s;
}
.nav-links a:hover::after, .nav-links a.active::after {
width: 100%;
}
.hamburger {
display: none;
flex-direction: column;
cursor: pointer;
z-index: 100;
}
.hamburger span {
display: block;
width: 25px;
height: 3px;
background-color: #fff;
margin: 2px 0;
transition: all 0.3s;
}
/* Main Content */
.main-content {
padding: 50px 0;
}
.featured-article {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
margin-bottom: 40px;
position: relative;
transition: transform 0.3s;
}
.featured-article:hover {
transform: translateY(-5px);
}
.featured-img {
height: 400px;
background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCABkAGQDASIAAhEBAxEB/8QAHAAAAgIDAQEAAAAAAAAAAAAAAAYHCAEEBQID/8QAORAAAQMDAwIEAwYFAwUAAAAAAQIDBAAFEQYSIQcxE0FRYQgicRQVMoGRoRYjQlLRJLHBQ2KCkuH/xAAZAQACAwEAAAAAAAAAAAAAAAAAAwECBAX/xAAgEQACAgMBAAMBAQAAAAAAAAAAAQIDBBEhMRJBUWET/9oADAMBAAIRAxEAPwC1NFFFABRRRQAUUUUAFFFFABRRRQAUUUUAFFFFABRSa6h9QdP6Ggtz71KDbijlpkfM64f7UJ7n9hVd9ddeuol6W5a7YiDZmzwWY+FuJHo44efc8D2poAufrG/W3Ttn+83l9LMZJ2pAGVuK/tQPM1XfUvxGapvSmmbaxDsdvUfmJS2XnR7la/l/QD3qA5MiTJdU/KfceecOVuOqKlqPqSe5rlq7UAcuTJkSpBeks+O6TlS3D8xPuTya+Im8MP8A2d9bC9uUKWSkn1Ga5AHA9BX13FJwoYI8qAJ36d9ZdYaPaS1EuJuduGMRpxJQPZLg+ZP6j2q0OiuoOndYw/FsEtK3kp3PRLUKQ+j/AMknkD1GR71ShrNdTR+rLrpW6Ju9ilKjvp7+TjSvJaD+FQ9/oRg0AU7FFZrFABRRRQAUUUUAFFFFAHzJeajxnH5Drbbbacrc2jCUgck1T7qj1HuWrtQOLadU3bWlkRYaSQnj/qL9VH9h2868/EV1QeutyXpy3v8A/jhOESlpPDr+OcH0Qk8e6vSnD0W0I3c4SdTXNCi20ophoIyFuYwXFZ/pBBCR5nntkVSUlFbZDkorpCVs6YaluwD8iAm3xj2XKWkLUPVKOSPzxTk0n0MuslBdvt4tsdXfwoiC+v8ANRwkfkTUu3K5Ntsl64uJaabGVKUQlKR6k9gPeq8a86y6suqnItnUqBBBOxtv/UOj3Wocj/tGB6moVlk/CNRgX+Wkl6b8FWtpwaousd9pbsRxUGSlaAkL252q8jggjzAI8qe2mupmlro03HefVb3FABLEwbQr2SvsfZWD7VWMKUshQJB7EHg1yVuFSz+tVnZKPGF+PDL/AC+6+sWx6j6Og6psioDinGHkKDkWU2fldaV3Sf8Aj0NCnQ4lLiFIUkApUk5CgfIjyNK/4eNVKtepHNOyHCIl0USyScBMhIyUn3I3D/xpzzcM3eaBwh5HjJ9ULH4wfoFfnS52OuWhn1O2qfzMig4orNFSLCiiigAooooASfXTWatLWAW+3ug3mdlDQScFpsf9Rz2HkPUj3qnEvUMmZMdmzX3Jpccypx1RUonzJPatvXGo5Oo9S3C9vlXjSHCUJUeUs/0tpHsnA+pJpjaLsjElgM3BgvQ3QUXCKD/qYxPdQ/vR/cn8xRCHzZEpfFbE9oee/b0u26+w3W7VKykIUcqZXwVNq8wQCCPpT/6c9LbpqF5q/apWq1WVrBttvJIkPoH41K/sbB4z/UccYpn6i6CWOTCUxpeQm3ubSHbdLOAtCuVeE52UgHOAR27c1r7Bd5OjbWm2OQWLnCZJTCuMVQDTQPZpafwD0yNvHOBxE6vl8oeM4fw5Z06XH9DZumnJDVnety5DzQUoNJRuWrb5gHBVj2FSCxoezRkBDVrj8D+pxO8/qrNQ/qXqvdLqFxrC0LXDPymU8VPY8sDhJ+pzUXPy5UtwuSJDryzz8ziln96dHTGPpHTc5xXhJnVDWOnbXAE+BIjXJoY8RthYJSffAUD+9QWo0wuq/UO2aUZEdsvTZyMeExjDafRbh7D2HJ+lRshXc9zUq9Mb/A09rJ16a6v7NeUfZQ44QUNPkZSsHyGSAT6EVSde+IbdlOC2lp7FvdtSXdz4ooopcP8AaNtNEp0UUVchBRRRQBH3VLRMbU8NuZGebt96YSUxZqk52kd23Ej5kHzxnzzxVP8AUNjvOnbkq3Xm3vQZKDylxPyq9UqHCh7g1ei5S2bdBfmyVbWI7anFn0CRk/tVJNeaml6o1JcL7K5MyQpSUk5Dbf4W0D2CQB+dMplp7ESjvgzdH6jiaO1GzcS2l+KpLrEhCTjehQwofUdwe4JHrVw7NcYl5gNT7dIbkRXk7m3EHIIqqFStoDqLJ0xdASC/aZSgJkYnklB7JeA8lDsfI5HqDXm+vT/hrGafC41RS3qCL90X9RdwWqBjLr0d35JbA/7xgLHqOfw1D9zYVHfcaXgLbWUkEYIIOCCPMEcVZLTF+g6gtEa72t3fHfTkZ/EhQ7pUPIg5BFKSsU/6JseXGr4taZWWipu6qaTiaUvBtkR/7M6kKdjFxRwgZO5J9RnkHuM47UurU6lxIUlYIUMgg5BFPjYpIQ65RZJnR7TMfUutocOZxDhMeS+nPCnEJ/ln6FRBPsDVp6i7oFoVWnNDwIb6fDuE4CZL2ngtKxhCT/2p7+5NStT6l8mbGfyYUUUVJmCiiigAqGfiEvirboe4Mt5D09SYTZHmFnKv/VKj+VMfUnULTdkJUu6wW3MfK2X0he32SFZJqr3WzWi9ZaqdlxnFItsUFmEgj5Sgn5lKHkVH9AAPOnVw3IXOWiKq1Q5tspAQCQV+nhJHPue5H5VIdj05d7nH+0RLXLdZU2lxK0J3JIUMjBxg5rkWPT9xvif9O2ltgcLkOghpPtkcqPsM1Y7Rtnt2nrQxareyEMMjkn8TizytZ81E8mpyMpVLUepGPiO1/KS4Jcvp9etOSnIKrdcI811pwbVIKCkgj3z2+tSVBebmRG5UV1t5h1IW262sKStJ7EEdxX7cSl1pTa0pUhQKVJUMgg9wR50o+o3Rl27vv3bTSkx5zhdW9CcPyOqPdSFeSTwfTOfXM2nMT+S6Mrwml8X0Xl9Yx9Sy0S5thvDikOqS2uNLO1lwEEEcYC85+YE8eXaomuFvlWyU5DnRnGH2zhbbiSlQ+opsRoL9uktSY5LcllYW24g4Ukjgg+4qcOktwev2r4MidfYioEJRfjJeSpL8r+1CSOR6k9sAeZFUnHRopf5yaXhv9CNLvzL7N1BJb2x4LZjwgrzbcPzLP0SCB7k1MlceDCjQIjUWHHbYYaSEttNICUoSOAABwAK7FJb2zQkkFFFFQSR91O0Bb9caam2aQsNqcb8SJJxnw3gOFcc4JBB9jiq2OnXVG1wXbdc2id/yr8JtTbiFZ8SOoLWgjzI3qGPIj1q/FVG+IbTH3DrW5lo/6e5BM1kjgbc4cH/kFfmDTam5S0xM1FrTGhoDqFaLk40xIcbtk9zgR5agGlnzDeThWe+3n2NS61IakMoeZcS604kKStJyFA9iDVQ7hAbkSFxVthFwZT41vWn8KlDktnPkrOUn1x5mli1fbrrpa5Ox3mlrt8oFyJLA2h9o/wBQHYLHcj9PWuzgZnzf8bPTn5mD8f8ASr0tXXVOdd/1FnHjSslcUnbHkfhr0wW1f0OgYP13CoAZnS4j7cmLJdYkNnc262opWg+oI7Vymp0hhxt5l1xl5tW9DrSwpC0+YIPBFNTUu6ZFF8XD7s0Zt+IXXECb9qXc7k2F8KcnvKSUn1QVYUk+hBFMjT3xJXplSUXyxRpCO3iw3Sx+rauD+hquz8lzuKz4rs13unNdw9StKvTnltkc6a4mm5CrY7N+0suqjPGO+5jCigg7QodgfY9qvL0h6dRNJW9t+R4bt+kI3SXyMLQkj/pNn+0efqfbFUzsoaTMZL6Q62FJcSFDBC0qHGR2IIJxVrfhQ1WLlpqbY3nSZFrdDrQJ5MdwkgfQFKh9AKnJg4xTRbGscmaFFFFINCOupmprfpDT79znLCnSNkWKDgvPEcDHkB3JPAHNUjvdzmXu5S7lclbpMt1T7p9FTID9AAAOwAAFT/8AFXqgyLtbtPMr+WG39olY83VjKAfUJSQfqryqB4sVcqQw0gZUta21f+KiFH9gaftx4+Jajvb0dS12hb4ekXHKYEMYnST2W4e6Gvp3UfPgepr1foTVxtqCPCw0hLjZUMENkbgM/ 2pOcehGa6FlswgoQuS4Hp6k5XJWN7ufRCR8qR7JApw6L0XAuLCVPOKfdkbluPPHc44rJClpIyCfMnvkVoLlkfCPhz1jV/LUvRU6j07NtqXJcFDcq3qP+oiKICx/wB6e6V+/B8iK5turG3HHGnHkuONn+W8tP40+W72I4I7jPerGXvp1BmSlSoL/wBneWcq2DCVnzJT2z7ioI1x051HYWnZDUcXi3tDL0N0fzEj1bPcj12kj2NWrmn9j6VjOUuVvjIy0xqR+3X+1XVtJKW3wJCR/U0ryo/jbIB9q/Vt07B1NpG56fmJBauMdTW8chC+6FD3ScH8q/OxS1NrUhaSlSSUrSe4I7EVNenNbXLSlzTcbO8rlO6RA3kGO+n+xx7HyzzkcEEVsqzZxiot7MssFJ7Rau+/Drpa8qKvsBtLh/8AIgHwFj3wPkJ+qaj7UvQLxGy/pW9pd8zEmoCT9A4nP/sFVaXT99tmoLYxc7NMbkxHxlKk9we6VDzSR3BrsTYjM2I7Fktha2z8yVDvg5B/MHIOe4NaVZF9ZmcJrs7o6fEHpG9aD1A/Zlh1MR1RXb5JP+ojq7HPlnII9Qaty26h1tDrSgttaQpKknIUkjIIPoar98V2jpNu1RH1CUspt96aGXAOESEjaw5+Q2K/9/Wlj8MWrPu/WsewvujwL2gMDPYSU5W2f1Ck/Qq9KXfV81penQ9Ik1ps9tnn7zRLvk44HiGG4EI+jqhsH5ZqWNJ6XFgt6HpDvj3SQgPTHvNaxnagewGT7k5rY0XbUuOSbw6hQMhXhR1EfgbByoj0K8j/AMBUg0qNfx6a3Ln6FFFFToxhUedcpP2Ppzepg+XxI6o6CPVxQQP3NSOCcZJ4AySaq58Rmr/vy+os8OQVQLeVoKgeFvqGFr9wMhI9QT50yqPykkKnLUWxaWzR8K1eA7Mll+4OJIcfC8ICvMN4JAPrkk+vauZqPUc6aqPEgLRCixMht7lJL8hXdQzySr8R9z5V0bUuPC0+7NkN7wlJaiNOEFTjvASkA9+cb/oo9jXG0ZZRcbPebvJeVHXcf5EeEsjC8Z3OEdwCdoHqefKtkcgWadyhdg0NHRpW33u/OOOlDzjVuhoXsQ85jJOfPGQAfLJqPOoFk+1MtTYYQbhDIS02T/1EH8SFex7g+h7Zmh14KlRoUZai8tTci4uEZU4tRSlpB8sJAJx5lR86UGn7vJsd7YusdWHGFgqSfwyE91oPscj8jWfKqUonUwbFYl+CVYZqXZ0bp7qv7vY3QbxkzLeTskJHLsYnhYHmUHnHkc9s0wdDaotmpY7oYdbZmRsFyK8sJWnPYg/0qHoajjqNpWNqK0uJYaSxcWGy5BfUMFJxktn1Qrtn07HtUK6Dvd2tmqIztrnOsraX9mfayEpeTwUrB4VnyP8Aioq+M0xN34WQ3QptYsUqO7BGV+KkJbOPIhQCk/oaWnw86i+xXO5aZecIEpfjxEE8B9v5in6qbz/4VJXUmz/xDpuSI4CpscePGI5CiO6B/wC4JH15qsVimqtuobTcmnCh2JNZdStJ5SULCiPqM4qbYbj+SouLPhb2itHorT0dpZZgNFW7apWFOr/7lqOVH9aK5ezQhAooopZYKiPrpAPisyVlfg3C2OtbAePEQoKSfpgmp0v10RZ7JMuTgz4TZKQfNZ4A/U1UvUF5l3i4yLlcHfEkyFb1kDASB2CR5ADgCn40Ny2Jvn8VojWb4d5vKosgkR7pDaetspByEOJ7JB9WzwoH6jvWlpqzO6LuCX3XB921pJSlHmUgcuHHmO6R+PvzTIjMB19tts4K1BIPpmn91W0xZtI9LLhb7RGQh2Uw19odKd0h0qWkoK1HkgDOBnGcnvWiqWpbPP5EW4afoqWtQx5dlujudzmSpDqkkjc47gKCfZAwkexqM4kuTbZqJqFKJ3RngkqPJUgghJPuQQfqK2pctb6Atwl19XklA+UE+uPP3rhyO/Hmccmrba4bsYvjnxdCL9o6/wAO02lfL0iIFMrPkgjlKvqDg/WkLfVv27Uls05dS/LstdMlKiTJiK+VaV5+bChj64HnTCvspp2A84hW5SW1FJ9CRxS6jyYjtxYDLZbeL4beWocYByApPfBGcj0Fa8a3bPQy8X2W9hs2jqDpa26ltLV2tUlL0VZwrI+ZpXml1J5SseRqpnUjQF80RcBFnD7RbXiRFmtghp5P9qsZKVjzTn35q7mmJYlWaM5s2OICm3UEYIUg7SfqCDWR4FxhvxZrDcmJKaU082sZStJGCDTYNxfSkopngdCWOxDmXVLSEIt0aQgq9X1pR+wU7/5VpMOJmQ5M1FbP8yS6p1w/3KJJUfzJrNFOSpGduzdl3DCjRRRVSAr5WpKElS1BKQMkk9q+q4+p7am52ieyrH+oDYGO+VfL/wA0AdDV2q4+m7PLnOy2nnG07W20L3qUo9gMVVrV+o52pLipyS6VIDhDKEnO0eQP+aYfUqeZGl7VE+2NKcjtrWllZAUd54IPmefKkfLYcQFNvNlt5pwbh5FJGc/WtWPDUTBkz3P9M5p0PFCi6vlZ75PJP1rCY6nFBDaC4tRwlKRkknyAHetcHByD9RXe05qGdp2YqXa3g24sYcQoblEeQB8xTNGbeiXdIdRWu4NaetcNm2NONiLETzvI4SVHzJ9aUEqMlibLiyB4keQ4ovM9ipKz86fYHuk+Waeel9bSWL7Cs19tRiuOO7W5W8LYUO22Qnt+uPrTB1Fpyx6gjuN3GCl5ZWVB1I2rQodilQ5B+tVeKtkaGVyWiILZGLSnSFl1gEbgg8BJPfGPOm9oQqZt0iBIdEhiMoNpkIGNw/pV/B3A+uKUUJs+Klajgu5LavY+lP3TrJjW+PGUoBSG/EP/keJ+pJNTcvoi2KmhkUUUVkNAUUUUAVG6m3V656pmPPLUtttZaZTnAShJwAB6dnk/wDd5V57dp+TeITUhptTTanVNB7OMrR8yVAeoIBHtRRW1RWkczc3ZtmjrXRt7tTjD0FTslC2nkT4yu53cBSs4Cjnsocd+e9eGZZJ0UKUqOp2OhSQ6tI+VKHAQUuJPOCV44x8p55FFFFNRE3KPTkBtKF+CpKhLYyWHwCNwyOCQcK45BAPlXkj2ye+2HGmX21bdt7JQvwZH/Y4AfLng8FJ86KKu9MpHSMmM94ty9qjcS2uEKVD8VsqitlXKXUgkErxnduH/d3ruaWvbESRNzJbKSnbCukRzbJYWeQlSODjPBI447Z7KKWy9fH1HZhTgxZccyXXPEQ8seMt5W555XmXe+TnjPbFdmiisp0AooooA//Z');
background-size: cover;
background-position: center;
position: relative;
}
.featured-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.8) 100%);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 30px;
color: #fff;
}
.featured-tag {
background-color: var(--primary);
color: #fff;
padding: 5px 10px;
border-radius: 3px;
font-size: 0.8rem;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
}
.featured-title {
font-size: 2rem;
margin-bottom: 10px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
.featured-excerpt {
font-size: 1rem;
opacity: 0.9;
margin-bottom: 20px;
}
.read-more {
display: inline-block;
background-color: var(--secondary);
color: var(--dark);
padding: 8px 20px;
border-radius: 3px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
}
.read-more:hover {
background-color: #fff;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.view-more-btn {
display: block;
width: fit-content;
margin: 30px auto 0;
background-color: var(--secondary);
color: var(--dark);
padding: 10px 30px;
border-radius: 3px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
text-align: center;
}
.view-more-btn:hover {
background-color: var(--primary);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
.articles-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 25px;
margin-bottom: 50px;
}
.article-card {
background-color: #fff;
border-radius: 5px;
overflow: hidden;
box-shadow: 0 3px 10px rgba(0,0,0,0.1);
transition: transform 0.3s;
}
.article-card:hover {
transform: translateY(-5px);
}
.article-img {
height: 180px;
background-size: cover;
background-position: center;
}
.article-content {
padding: 20px;
}
.article-tag {
background-color: var(--secondary);
color: var(--dark);
padding: 3px 8px;
border-radius: 3px;
font-size: 0.7rem;
text-transform: uppercase;
display: inline-block;
margin-bottom: 10px;
}
.article-title {
font-size: 1.2rem;
margin-bottom: 10px;
color: var(--dark);
text-decoration: none;
display: block;
}
.article-title:hover {
color: var(--primary);
}
.article-excerpt {
font-size: 0.9rem;
color: #666;
margin-bottom: 15px;
}
.article-meta {
font-size: 0.8rem;
color: #888;
display: flex;
justify-content: space-between;
border-top: 1px solid #eee;
padding-top: 15px;
}
.section-title {
font-size: 2rem;
margin-bottom: 20px;
color: var(--dark);
position: relative;
padding-bottom: 10px;
}
.section-title::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
background-color: var(--primary);
}
/* Game Showcase */
.game-showcase {
background-color: var(--dark);
padding: 60px 0;
color: #fff;
margin: 50px 0;
position: relative;
}
.game-showcase::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCABkAGQDASIAAhEBAxEB/8QAGwAAAQUBAQAAAAAAAAAAAAAAAAECAwQFBgf/xAA7EAABAwMCAwUFBgQGAwAAAAABAAIDBAURITESQVEGEyJhcRQygZGhByNCsdHwFTNSYhYkNFOS8XLB4f/EABoBAQADAQEBAAAAAAAAAAAAAAABAgMEBQb/xAAmEQACAgEDAwQDAQAAAAAAAAAAAQIDEQQSIQUxQRNRYXEiMoGR/9oADAMBAAIRAxEAPwD2hCEIAQhMmkZDC+WRwaxgLnOPIBQByPa3tG2yxtpqcNlr5h91H+Fo/rcP09VzXYbjvklnqlmqt4mEo4nTSOPuk6DGfxZGdOSzaa0z9oKp1zrw4UbXf5djhlrf6WjrpxHmQTqtoUzrvC0UMDaKLLXOY0YfLjQHTLjzIOOVbT0eoz6aZg97fB18EhUjTvYeJjg4dQVJlZtEjkIQpAIQhAAhCEAIQhACEIQHP9tu0IstMKSmc11wrARC08IaziPXvDnGmQAcnPJZ3Yfs8yipWV9c8TVs/wDMJ14M6iJp/D5nUq69jdUTScZbLM7imfnLnu1Lie6pt9e2WS1Nqp2CNsrADjidjJ5nQarTT0+rJS8GtkMQcWi6IIxBcoBw/dymDJJzktxzIOpK5iiu8dVLUQVk0zJKV/CWxtJDgQcagcguhbOwzbRwKa4fia4FvE4Aa9TjoV2TrnF4T5MFF5yTXWquEM/sunE7WjjqXgtjB5tAA4j6kDHmFv2+ribZoKqiLA+VmXMfotOobx0nC1zoJWD8T4w7Gp8TOH4hTXO3xuoZ5qaQOhfG4O4vxNIIO+dweiyunF1ZS5LKXBdQsrstX1NytIlqohHK1xjlDTkB2AQR0OCMdMLoVlKLi8MsmmCEIUAEIQgBCEIAQhCAQgEYIyFwPaCnNlvXfxAOo6z3uRbJ/V5Z391dDabzbHV5pquQQsa3jZK73Q/OmfQOIPks/tba31Nng4MvNNO2bhwcGPPEPoc/Bc0JelpTil+yNdyktpoXuVsnA9+J84z+JozldVY7iyptzJG4DsYcOhXA9nrpPDE2Ooae8j0c0/iznVb1vqmwPcMgsdlo8sOK2jZm4vJ1Vyo6epp5GTxskY5pBD2gjGNiF5dda2eyVT4J8vjJ4on8pGg/qNPMc+a7H/FdPHSlsji4O5jLm+ox9Fx/aKM3CXvoIHzENHGY8bD3QBo7VbUzxNJrg0juyXPZypbS3CNrX8THt4C7OcvaPCcnc4xnzXereq5bszTGissMTwGvILn4GTxOJJGfLOF1K6b4KNjSJQhC5yQQhCAEIQgBCEIAUVVTwVVO6CpibLFIMOY8ZBCEKGsrIBjI+ytHwRx0shs9U7JLHHgafzUMlZSU7HDOBBJ727xn6LQp6iPiLXaObo4EYIPMEIQt1y+RnJP2P7rLA3u2b8y7meiofZo4Jn8DCCTkgndCFkpySxI0w+x0HZOG4w3GF9bBHFDCeJzA7JcRzJ6YHJdWhCnUTV1vqLsEvBCELmJBCEIAQhCA//Z');
background-position: center;
opacity: 0.05;
}
.showcase-content {
position: relative;
z-index: 1;
}
.showcase-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.showcase-text h2 {
font-size: 2.5rem;
margin-bottom: 20px;
color: var(--secondary);
text-transform: uppercase;
letter-spacing: 1px;
}
.showcase-text p {
font-size: 1.1rem;
margin-bottom: 30px;
opacity: 0.9;
line-height: 1.8;
}
.showcase-features {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}
.feature-item {
background-color: rgba(255,255,255,0.05);
padding: 15px;
border-radius: 5px;
width: calc(50% - 10px);
border-left: 3px solid var(--secondary);
}
.feature-item h4 {
margin-bottom: 5px;
color: var(--secondary);
}
.showcase-btn {
display: inline-block;
background-color: var(--primary);
color: #fff;
padding: 12px 30px;
border-radius: 3px;
text-decoration: none;
font-weight: bold;
transition: all 0.3s;
text-transform: uppercase;
letter-spacing: 1px;
}
.showcase-btn:hover {
background-color: var(--accent);
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.showcase-image {
position: relative;
}
.showcase-img {
width: 100%;
height: auto;
border-radius: 5px;
box-shadow: 0 5px 25px rgba(0,0,0,0.3);
border: 3px solid rgba(255,255,255,0.1);
}
/* Popular Events Section (Replaces Newsletter) */
.popular-events {
background-color: var(--paper); /* Match main content background */
padding: 50px 0;
color: var(--dark);
}
/* Popular Tags Section */
.popular-tags {
padding: 40px 0 60px;
background-color: var(--paper);
}
.tags-container {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: center;
}
.tag-pill {
background-color: #fff;
color: var(--dark);
padding: 8px 16px;
border-radius: 20px;
text-decoration: none;
font-size: 0.9rem;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
transition: all 0.3s;
border: 1px solid #eee;
}
.tag-pill:hover {
background-color: var(--secondary);
transform: translateY(-2px);
box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
/* Footer */
footer {
background-color: var(--dark);
color: rgba(255,255,255,0.7);
padding: 60px 0 20px;
}
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 40px;
margin-bottom: 40px;
}
.footer-col h4 {
color: var(--secondary);
font-size: 1.2rem;
margin-bottom: 20px;
position: relative;
padding-bottom: 10px;
}
.footer-col h4::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 30px;
height: 2px;
background-color: var(--secondary);
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 10px;
}
.footer-links a {
color: rgba(255,255,255,0.7);
text-decoration: none;
transition: color 0.3s;
display: block;
}
.footer-links a:hover {
color: var(--secondary);
transform: translateX(5px);
}
.footer-about p {
line-height: 1.6;
margin-bottom: 20px;
}
.footer-social {
display: flex;
gap: 10px;
}
.social-icon {
width: 36px;
height: 36px;
border-radius: 50%;
background-color: rgba(255,255,255,0.1);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
text-decoration: none;
color: #fff;
}
.social-icon:hover {
background-color: var(--secondary);
transform: translateY(-3px);
}
.copyright {
text-align: center;
padding-top: 20px;
border-top: 1px solid rgba(255,255,255,0.1);
font-size: 0.9rem;
opacity: 0.6;
}
/* Responsive Styles */
@media (max-width: 992px) {
.showcase-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.showcase-image {
order: -1;
}
}
@media (max-width: 768px) {
.site-title {
font-size: 1.5rem;
}
.site-description {
font-size: 1rem;
}
.nav-links {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: var(--dark);
padding: 20px 0;
flex-direction: column;
gap: 15px;
align-items: center;
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
z-index: 10;
}
.nav-links.active {
display: flex;
}
.hamburger {
display: flex;
}
.hamburger.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.active span:nth-child(2) {
opacity: 0;
}
.hamburger.active span:nth-child(3) {
transform: rotate(-45deg) translate(5px, -5px);
}
.featured-img {
height: 300px;
}
.featured-title {
font-size: 1.5rem;
}
.articles-grid {
grid-template-columns: 1fr;
}
.feature-item {
width: 100%;
}
}
</style>
<link href="https://tsushimalegend.com/feed/" rel="alternate" type="application/rss+xml"/><script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "TsushimaLegend",
"url": "https://tsushimalegend.com",
"publisher": {
"@type": "Organization",
"@id": "https://tsushimalegend.com/#website",
"name": "TsushimaLegend",
"url": "https://tsushimalegend.com",
"description": "TsushimaLegend is a professional Ghost of Tsushima game guide and news platform, providing the latest walkthroughs, character builds, equipment combinations, in-depth exploration, and update previews for Ghost of Tsushima, meeting all the needs of action-adventure game enthusiasts in one place!",
"foundingDate": "2023",
"logo": {
"@type": "ImageObject",
"url": "https://tsushimalegend.com/game_logo.png",
"caption": "TsushimaLegend Logo"
}
}
}</script></head>
<body>
<header>
<div class="header-content container">
<img alt="TsushimaLegend" src="/game_logo.png" style="max-width: 80%; height: auto; margin-bottom: 10px;"/>
<p class="site-description">TsushimaLegend</p>
</div>
</header>
<nav class="main-nav">
<div class="nav-container container">
<div class="nav-links" id="navLinks">
<!-- Navigation items populated by JS -->
</div>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<main class="main-content">
<div class="container">
<!-- Featured contents -->
<article class="featured-article" id="featured-content">
<!-- Populated by JS -->
</article>
<h2 class="section-title">Latest Articles</h2>
<div class="articles-grid" id="latest-articles-grid">
<!-- Articles populated by JS -->
</div>
<a class="view-more-btn" href="/news">more content</a>
<!-- Upcoming Releases (Game Showcase Layout) -->
<section class="game-showcase" id="upcoming-releases">
<div class="container showcase-content">
<div class="showcase-grid" id="showcase-grid">
<!-- Populated by JS -->
</div>
</div>
</section>
<!-- Popular Events (Replaces Newsletter Layout) -->
<section class="popular-events">
<div class="container">
<h2 class="section-title">Popular Events</h2>
<div class="articles-grid" id="popular-events-grid">
<!-- Events populated by JS -->
</div>
<a class="view-more-btn" href="/events">more content</a>
</div>
</section>
<!-- Popular Tags -->
<section class="popular-tags">
<div class="container">
<h2 class="section-title">Popular Tags</h2>
<div class="tags-container" id="tags-container">
<!-- Tags populated by JS -->
</div>
</div>
</section>
</div>
</main>
<footer>
<div class="container">
<div class="footer-grid" id="footer-grid">
<!-- Footer columns populated by JS -->
</div>
<div class="copyright" id="copyright">
<!-- Copyright populated by JS -->
</div>
</div>
</footer>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Hamburger Menu Logic
const hamburger = document.getElementById('hamburger');
const navLinks = document.getElementById('navLinks');
hamburger.addEventListener('click', function() {
hamburger.classList.toggle('active');
navLinks.classList.toggle('active');
});
document.addEventListener('click', function(event) {
if (!event.target.closest('.nav-container')) {
hamburger.classList.remove('active');
navLinks.classList.remove('active');
}
});
// Fetch Data
fetch('/data/index.json')
.then(response => response.json())
.then(data => {
renderNavigation(data.navigation);
renderFeaturedContent(data.latest_all);
renderLatestArticles(data.latest_news);
renderUpcomingReleases(data.latest_guides);
renderPopularEvents(data.latest_articles);
renderTags(data.tag);
renderFooter(data.footer, data.copyright);
})
.catch(error => console.error('Error fetching data:', error));
});
// 1. Navigation
function renderNavigation(navData) {
const navContainer = document.getElementById('navLinks');
const currentPath = window.location.pathname === '/index.html' ? '/' : window.location.pathname;
navData.forEach(item => {
const link = document.createElement('a');
link.href = item.link === '/' ? '/' : item.link;
link.textContent = item.label;
if (item.link === currentPath) {
link.classList.add('active');
}
navContainer.appendChild(link);
});
}
// 2. Featured Content (latest_all)
function renderFeaturedContent(data) {
if (!data || data.length === 0) return;
const item = data[0];
const container = document.getElementById('featured-content');
container.innerHTML = `
<div class="featured-img" style="background-image: url('${item.image}')"></div>
<div class="featured-overlay">
<span class="featured-tag">${item.category}</span>
<h2 class="featured-title">${item.title}</h2>
<p class="featured-excerpt">${item.excerpt}</p>
<a href="${item.link}" class="read-more">Read Article</a>
</div>
`;
}
// Helper to create article card
function createArticleCard(item) {
return `
<article class="article-card">
<a href="${item.link}" style="display:block;">
<div class="article-img" style="background-image: url('${item.image}')"></div>
</a>
<div class="article-content">
<span class="article-tag">${item.category}</span>
<a href="${item.link}" class="article-title">${item.title}</a>
<p class="article-excerpt">${item.excerpt}</p>
<div class="article-meta">
<span>${item.date}</span>
<span>${item.author}</span>
</div>
</div>
</article>
`;
}
// 3. Latest Articles (latest_news)
function renderLatestArticles(data) {
const container = document.getElementById('latest-articles-grid');
// Limit to 6 items to fit grid nicely
data.slice(0, 6).forEach(item => {
container.innerHTML += createArticleCard(item);
});
}
// 4. Upcoming Releases (latest_guides) - Uses Game Showcase Layout
function renderUpcomingReleases(data) {
if (!data || data.length === 0) return;
const item = data[0];
const container = document.getElementById('showcase-grid');
// Assuming item.excerpt serves as description.
// Since JSON structure is uniform, we adapt it to the showcase split layout.
container.innerHTML = `
<div class="showcase-text">
<h2>${item.title}</h2>
<p>${item.excerpt}</p>
<div class="showcase-features">
<div class="feature-item">
<h4>Date</h4>
<p>${item.date}</p>
</div>
<div class="feature-item">
<h4>Author</h4>
<p>${item.author}</p>
</div>
<div class="feature-item">
<h4>Game</h4>
<p>${item.game}</p>
</div>
<div class="feature-item">
<h4>Views</h4>
<p>${item.views}</p>
</div>
</div>
<a href="${item.link}" class="showcase-btn">Read Guide</a>
<br><br>
<a href="/guides" class="showcase-btn" style="background-color: transparent; border: 1px solid #fff;">more content</a>
</div>
<div class="showcase-image">
<a href="${item.link}">
<img class="showcase-img" src="${item.image}" alt="${item.title}">
</a>
</div>
`;
}
// 5. Popular Events (latest_articles) - Replaces Newsletter
function renderPopularEvents(data) {
const container = document.getElementById('popular-events-grid');
// Limit to 3 items
data.slice(0, 3).forEach(item => {
container.innerHTML += createArticleCard(item);
});
}
// 6. Tags
function renderTags(data) {
const container = document.getElementById('tags-container');
data.forEach(tag => {
const a = document.createElement('a');
a.href = tag.link;
a.className = 'tag-pill';
a.textContent = tag.name;
container.appendChild(a);
});
}
// 7. Footer
function renderFooter(footerData, copyrightText) {
const footerGrid = document.getElementById('footer-grid');
// Add Social Links Column (Hardcoded based on prompt placeholders)
const socialCol = document.createElement('div');
socialCol.className = 'footer-col footer-about';
socialCol.innerHTML = `
<h4>Follow Us</h4>
<div class="footer-social">
<a href="https://www.facebook.com/" class="social-icon">F</a>
<a href="https://x.com/TsushimaLegend" class="social-icon">T</a>
<a href="https://www.youtube.com/" class="social-icon">Y</a>
<a href="https://www.instagram.com/TsushimaLegend/" class="social-icon">I</a>
<a href="https://discord.com/app/" class="social-icon">D</a>
</div>
`;
footerGrid.appendChild(socialCol);
// Dynamic Columns from JSON
footerData.forEach(col => {
const div = document.createElement('div');
div.className = 'footer-col';
let contentHtml = '<ul class="footer-links">';
col.contents.forEach(content => {
// Check if content is an HTML string (contains <a) or plain text
if (content.includes('<a')) {
// Extract href and text if needed, or just inject
contentHtml += `<li>${content}</li>`;
} else {
contentHtml += `<li><span style="color: rgba(255,255,255,0.7)">${content}</span></li>`;
}
});
contentHtml += '</ul>';
div.innerHTML = `<h4>${col.title}</h4>${contentHtml}`;
footerGrid.appendChild(div);
});
// Copyright
document.getElementById('copyright').innerHTML = `<p>${copyrightText}</p>`;
// Subscribe Button Logic (if it exists in the rendered HTML)
document.body.addEventListener('click', function(e) {
if (e.target.textContent.toLowerCase().includes('subscribe') || e.target.textContent.toLowerCase().includes('sign up now')) {
if(e.target.tagName === 'BUTTON' || e.target.tagName === 'A') {
e.preventDefault();
alert('Subscribe successful!');
}
}
});
}
</script>
</body>
</html>
| # |
Url |
Url |
Source |
Date |
| 1 |
https://tsushimalegend.com/ |
|
2026-10-20 07:40:35 |
| 2 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 07:40:35 |
| 3 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:35 |
| 4 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:34 |
| 5 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 07:40:34 |
| 6 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:33 |
| 7 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:32 |
| 8 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:32 |
| 9 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:31 |
| 10 |
https://www.thebolditalic.com/?gi=… |
|
2026-10-20 07:40:31 |
| 11 |
https://drbo9b.b-cdn.net/research/… |
|
2026-10-20 07:40:31 |
| 12 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:30 |
| 13 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:29 |
| 14 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:29 |
| 15 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:28 |
| 16 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 07:40:27 |
| 17 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:27 |
| 18 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:26 |
| 19 |
https://auth.acog.org/OAuth/SignIn… |
|
2026-10-20 07:40:26 |
| 20 |
https://www.texarkanatwins.com/%25… |
|
2026-10-20 07:40:25 |