Skip to content
This repository was archived by the owner on Jul 6, 2026. It is now read-only.

Aanpassen hoofdmenu en stap 3 versimpelen #191

Open
ndkv wants to merge 12 commits into
base: gh-pages
Choose a base branch
from
Open

Aanpassen hoofdmenu en stap 3 versimpelen #191

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
134b185
rename and simplify step 3
ndkv Jul 11, 2015
59f76e7
update link to forum
ndkv Sep 23, 2015
033c7cc
Merge branch 'helppagina' of ../pdokkaart2 into help-pagina-redesign
ndkv Sep 28, 2015
94c106f
fix broken menu highlight, remove obsolete link
ndkv Sep 28, 2015
2c39874
Merge branch 'help-pagina-redesign' into gh-pages
ndkv Sep 28, 2015
53a348a
move links to help, forum, github to main menu
Oct 7, 2015
dc95870
move links to forum and github to main menu
ndkv Oct 7, 2015
0eb95ba
merge with remote
ndkv Oct 7, 2015
1a10769
fix borked merge
ndkv Oct 7, 2015
11b3551
add gray github ribbon
ndkv Oct 8, 2015
9676aac
try the orange ribbon
ndkv Oct 8, 2015
c839338
fix z-value of github ribbon
ndkv Nov 19, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 18 additions & 3 deletions css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
}

#content {
min-height: 600px;
/*min-height: 370px;*/
}

#map {
Expand Down Expand Up @@ -278,10 +278,11 @@ ul.geozetSuggestions{
form input[type=text], form select, form textarea, form select {
background: #fff;
padding: 0.3em 0.3em;
color: #000;
/*color: #000; */
color: gray;
border: 1px solid #000;
font-size: 11px;
width: 298px;
width: 289px;
}
button {
background: #deebe3;
Expand Down Expand Up @@ -418,3 +419,17 @@ a, a:link, a:focus, a:hover, a:visited {
#opties {
margin:10px;
}

.deel-float {
display: inline-block;
margin-right: 10px;
}

.deel-float p {
font-size: 1.3em;
margin-bottom: 5px;
}

.deel-float input {
width: 150px !important;
}
8 changes: 4 additions & 4 deletions help.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,11 +103,11 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
<div class="nav_bar">
<ul class="nav_main">
<li>
<a href=".">Home</a>
<a href="index.html">Home</a>
</li>
<li>
<!-- <li>
<a href="index.html">PDOK Wizard</a>
</li>
</li> -->
<li class="sel">
<a class="active" href="help.html">Help</a>
</li>
Expand All @@ -131,7 +131,7 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
<div class="card-title">Broncode</div>
</div>
</a>
<a href="https://www.pdok.nl/forum">
<a href="http://pdokforum.geonovum.nl">
<div class="card-container">
<div class="card-image">
<div class="img forum"></div>
Expand Down
67 changes: 46 additions & 21 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,8 @@
</script>
</head>
<body>

<a href="https://github.com/geonovum/pdokkaart"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 1" src="https://camo.githubusercontent.com/652c5b9acfaddf3a9c326fa6bde407b87f7be0f4/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6f72616e67655f6666373630302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_orange_ff7600.png"></a>
<div class="container equalize page orange default">
<div class="header">
<span></span>
Expand All @@ -90,15 +92,17 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
</div>
<div class="nav_bar">
<ul class="nav_main">
<li>
<a href=".">Home</a>
<li class="sel">
<a class="active" href="index.html">Home</a>
</li>
<li>
<a href="index.html">PDOK Wizard</a>
<li >
<a href="http://pdokkaart.readthedocs.org/nl/latest/wizard.html">Help</a>
</li>
<li class="sel">
<a class="active" href="help.html">Help</a>
<li >
<a href="http://pdokforum.geonovum.nl">Forum</a>
</li>
<!-- <li >
<a href="https://www.github.com/geonovum/pdokkaart">Voor ontwikkelaars</a> -->
</ul>
</div>
</div>
Expand All @@ -110,7 +114,7 @@ <h1 class="invisible">PDOK Kaart Wizard</h1>
<!-- Step 1 - Your map -->
<div id="step1" class="stepwrapper active">
<h2>
<a id="goto1" >Stap 1: De kaart</a>
<a id="goto1" >▶ Stap 1: De kaart</a>
<span class="help">
<a href="help.html#help1" target="help">Help</a>
</span>
Expand Down Expand Up @@ -165,7 +169,7 @@ <h2>
<!-- Step 2 - Add markers -->
<div id="step2" class="stepwrapper">
<h2>
<a id="goto2">Stap 2: Markers</a>
<a id="goto2">▶ Stap 2: Markers</a>
<span class="help">
<a href="help.html#help2" target="help">Help</a>
</span>
Expand Down Expand Up @@ -317,38 +321,58 @@ <h2>
<!-- Step 6 - Save and download code -->
<div id="step5" class="stepwrapper">
<h2>
<a id="goto5" >Stap 3: Genereer
code</a>
<a id="goto5" >▼ Stap 3: Publiceer en deel kaart</a>
<span class="help">
<a href="help.html#help5" target="help">Help</a>
</span>
</h2>
<form action="#" name="savecode" id="savecode">
<div class="row_right">
<div id="generated_url">
<p><strong>Als URL</strong></p>
<textarea id="generated_url_to_long_message" rows="4" cols="10"></textarea>
<!-- <p><strong>Als URL</strong></p> -->

<!-- BROKEN -->
<!-- <textarea id="generated_url_to_long_message" rows="4" cols="10"></textarea>
<div id="kml_url_service">
<a href="#" id="kmlservicelink" target="_blank">KML opslagservice</a> (Sla KML op en vervang door KML-url)
</div> -->



<!-- <a href="#" id="apilink1" target="_blank">Link</a> losse kaart: -->

<p><a href="#" id="apilink1" target="_blank">De kaart is klaar</a>! Gebruik onderstaande links om het te delen met vrienden en collega's of om het op te nemen in je website.</p>

<div class="deel-float">
<p>Deel via link:</p>
<input type="text" value="" id="apilink2" onClick="this.select()" />
</div>

<div class="deel-float">
<p>iFrame embed:</p>
<input type="text" value="" id="embedhtmliframe" />
</div>
<a href="#" id="apilink1" target="_blank">Link</a> losse kaart:
<input type="text" value="" id="apilink2" />
<a href="#" id="apilink3"><img src="img/email.png" alt="Verstuur link per email" title="Verstuur link per email" /></a>
<br/>Embed HTML iframe:
<input type="text" value="" id="embedhtmliframe" />
<br/>Embed HTML Object tag:<br />
<input type="text" value="" id="embedhtmlobject" />




<!-- <a href="#" id="apilink3"><img src="img/email.png" alt="Verstuur link per email" title="Verstuur link per email" /></a> -->



<!-- <br/>Embed HTML Object tag:<br />
<input type="text" value="" id="embedhtmlobject" /> -->
</div>
</div>
<div id="generated_html">
<!-- <div id="generated_html">
<p><strong>Als broncode</strong></p>
In de HTML plaatsen:
<textarea id="scriptcodeBody"></textarea>
</div>
<div id="generated_kml">
<p><strong>Features als KML <span id="download_kml_span">(of <a id="download_kml" href="">download</a>)</span></strong></p>
<textarea id="featuresKML"></textarea>
</div>
</div> -->
</form>
</div>
</div>
Expand All @@ -364,3 +388,4 @@ <h2>
</div>
</body>
</html>