anas/divan
1
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

#233 moving text and guides into the map div

Browse Source
This commit is contained in:
Hamid Reza Mohammadi 2021-11-05 21:09:06 +03:30
parent ea7217b563
commit 576fe45ed9
19 changed files with 66 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
GanjooRazor/Pages/AudioClip.cshtml
View File

@ -15,7 +15,7 @@
گنجور » نمایش خوانش
</title>
<link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
<link href="~/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="~/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
<script>

2
GanjooRazor/Pages/Bp.cshtml
View File

@ -11,7 +11,7 @@
<title>انتخاب قطعهٔ موسیقی مرتبط با شعر از بیپتونز</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/Error.cshtml
View File

@ -14,7 +14,7 @@
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/Golha.cshtml
View File

@ -10,7 +10,7 @@
<title>انتخاب قطعه‌ای از برنامهٔ گلها مرتبط با این شعر</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>
<script src="~/js/golha.js"></script>

2
GanjooRazor/Pages/Index.cshtml
View File

@ -17,7 +17,7 @@
<meta name="robots" content="noindex, nofollow" />
}
<link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/fab.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/Login.cshtml
View File

@ -13,7 +13,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hdr">

41
GanjooRazor/Pages/Map.cshtml
View File

@ -9,14 +9,16 @@
<head>
<title>نقشهٔ گنجور</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<meta charset="utf-8" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/css/leaflet.css" />
<style>
.leaflet-container {
background-color: #c5e8ff;
}
.leaflet-popup-content{
.leaflet-popup-content {
font-family: 'Vazir'
}
</style>
@ -27,6 +29,8 @@
<script>
var poetsgroups = [];
var poetGroupIndex = 0;
var iconWidth = 41;
var iconHeight = 50;
var map;
var oms;
var layerGroup;
@ -55,7 +59,7 @@
var popup = new L.Popup();
oms.addListener('click', function (marker) {
var poetDesc = marker.desc;
var index = $('#rangeInput').val();
for (var i = 0; i < poetsgroups[index].Poets.length; i++) {
@ -86,8 +90,8 @@
var poet = poets[i];
var icon = L.icon({
iconUrl: poet.ImageUrl,
iconSize: [82, 100],
iconAnchor: [82, 100],
iconSize: [iconWidth, iconHeight],
iconAnchor: [iconWidth, iconHeight],
popupAnchor: [0, -28]
});
@ -105,6 +109,7 @@
var val = $(this).val();
if (val >= 0 && val < poetsgroups.length) {
$('#rangeText').text(poetsgroups[val].Name);
document.getElementById('poet').innerHTML = '';
var index = $(this).val();
layerGroup.clearLayers();
@ -113,8 +118,8 @@
var poet = poets[i];
var icon = L.icon({
iconUrl: poet.ImageUrl,
iconSize: [82, 100],
iconAnchor: [82, 100],
iconSize: [iconWidth, iconHeight],
iconAnchor: [iconWidth, iconHeight],
popupAnchor: [0, -28]
});
@ -124,9 +129,10 @@
marker.addTo(layerGroup);
oms.addMarker(marker);
}
}
});
});
@ -134,15 +140,16 @@
</head>
<body>
<div id="fa" style="position:absolute;top:0px;bottom:0px;width:100%">
<div id="map" style="height: 550px"></div>
<input type="range" id="rangeInput" name="rangeInput" step="1" min="0" max="@(Model.PoetGroupsWithBirthPlaces.Count-1)" value="0">
<div class="century" id="rangeText"></div>
<div id="poet"></div>
<div id="maincnt">
<p>
این نقشه بر اساس زادگاه سخنوران ساخته شده است. زادگاه برخی از آنان محل مناقشه است که قول مشهور برای انتخاب زادگاهشان مورد مراجعه قرار گرفته است. با انتخاب نشان نخستین سخنورِ شهرهایی مثل «شیراز» که زادگاه سخنوران متعددی است می‌توانید نشان سخنوران دیگر آن شهر را هم ببینید. با لمس یا انتخاب نام هر سخن‌سرا به صفحهٔ متناظر او در گنجور هدایت می‌شوید.
</p>
<div id="map" >
<div id="map-guide">
<input type="range" id="rangeInput" name="rangeInput" step="1" min="0" max="@(Model.PoetGroupsWithBirthPlaces.Count-1)" value="0">
<div class="century" id="rangeText"></div>
<div id="poet"></div>
<div>
<p>
این نقشه بر اساس زادگاه سخنوران ساخته شده است. با انتخاب نشان نخستین سخنورِ شهرهایی مثل «شیراز» که زادگاه سخنوران متعددی است می‌توانید نشان سخنوران دیگر آن شهر را هم ببینید. با لمس یا انتخاب نام هر سخن‌سرا به صفحهٔ متناظر او در گنجور هدایت می‌شوید.
</p>
</div>
</div>
</div>
</body>

2
GanjooRazor/Pages/Pin.cshtml
View File

@ -11,7 +11,7 @@
<title>پیشنهاد شعر مرتبط با تصویر</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist//jquery.min.js"></script>

2
GanjooRazor/Pages/ReportComment.cshtml
View File

@ -9,7 +9,7 @@
<meta charset="utf-8" />
<title>درخواست حذف حاشیه</title>
<script src="/lib/jquery/dist/jquery.min.js"></script>
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<style>
label{
width:100px;

2
GanjooRazor/Pages/ResetPassword.cshtml
View File

@ -12,7 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hdr">

2
GanjooRazor/Pages/Search.cshtml
View File

@ -15,7 +15,7 @@
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/fab.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/Shared/_AdminLayout.cshtml
View File

@ -9,7 +9,7 @@
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/fab.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/Shared/_Layout.cshtml
View File

@ -9,7 +9,7 @@
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
<link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/fab.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/SignUp.cshtml
View File

@ -12,7 +12,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hdr">

2
GanjooRazor/Pages/Spotify.cshtml
View File

@ -11,7 +11,7 @@
<title>انتخاب قطعهٔ موسیقی مرتبط با شعر از اسپاتیفای</title>
<meta name="robots" content="noindex, nofollow" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link href="/css/spotify.css" rel="stylesheet" type="text/css" />
<script src="/lib/jquery/dist/jquery.min.js"></script>

2
GanjooRazor/Pages/Trans.cshtml
View File

@ -14,7 +14,7 @@
گنجور &raquo; برگردان‌ها و نویس‌های شعر
</title>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<link href="~/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="~/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
</head>

2
GanjooRazor/Pages/errors/404.cshtml
View File

@ -14,7 +14,7 @@
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

2
GanjooRazor/Pages/errors/503.cshtml
View File

@ -15,7 +15,7 @@
@ViewData["Title"]
</title>
<link href="/css/p8.css?version=13" rel="stylesheet" type="text/css" />
<link href="/css/p8.css?version=14" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />

25
GanjooRazor/wwwroot/css/p8.css
View File

@ -1052,6 +1052,31 @@ form div input.inputSubmit, #postcomment.inputSubmit, input[type="submit"] {
background: rgba(255, 255, 255, 0.5);
}
#map {
position: absolute;
top: 0px;
bottom: 0px;
width: 100%;
}
#map-guide {
position: absolute;
height: 250px;
bottom: 50px;
width: 90%;
left: 5%;
z-index: 1;
text-align: center;
font-family: Vazir;
font-size: 1em;
background: transparent url('/image/pbk-b.jpg') top center repeat scroll;
display: block;
background-color: #fc9;
border: 2px solid #300;
border-radius: 20px;
padding: 20px;
}
#rangeInput {
width: 100%;
}