haworthpa74660
/
Projektarbeit-Infosystem


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Post Editor</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' type='text/css' media='screen' href='styles.css'>
    <script src='new-Postv2.js'></script>
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
</head>
<body>
    <div class="main">  
    <div class="container postContainer" id="box">
        <div class=topper>
            <button id="cancelBtn" title="Cancel">&times;</button>
        </div> 
        <div class="editor">
            <div class="editor-menubar">
                <button class="editor-button icon-picture" data-popup-target="#addPopup" data-attribute="insertImage" title="Add Image"></button>
                <div class="" id="overlay"></div>
                <div class="popup" id="addPopup">
                    <div class="popup-header">
                        <div class="title">Add Picture</div>
                        <button data-close-btn class="close-btn">&times;</button>
                    </div>
                    <div class="popup-body">
                        <div class="" id="formNewUser">
                            <div class="regSection">
                                <input type="text" id="url" required placeholder="URL">
                            </div>
                            <div class="btn">
                                <button type="submit" value="Create" id="add">
                                    <span>Add</span>
                                </button>
                            </div>
                        </div>
                    </div>
                    
                </div>
                <button class="editor-button icon-bold" data-attribute="bold" title="Bold"></button>
                <button class="editor-button icon-italic" data-attribute="italic" title="Italic"></button>
                <button class="editor-button icon-underline" data-attribute="underline" title="Underline"></button>
                <button class="editor-button icon-superscript" data-attribute="superscript" title="Superscript"></button>
                <button class="editor-button icon-subscript" data-attribute="subscript" title="Subscript"></button>
                <input class="color-select" data-attribute="forecolor" type="color" id="forecolor" title="Text Colour">
            </div>
            <div id="title-text">
                <div class="canvas" id="title-canvas" contenteditable=true data-text="Title"></div>
                <div class="canvas" id="editor-canvas" contenteditable=true data-text="Content"></div>
            </div>
            <div class="editor-menubar">
                <button class="editor-button icon-undo" data-attribute="undo" title="Undo"></button>
                <button class="editor-button icon-repeat" data-attribute="redo" title="Redo"></button>
                <button class="editor-button icon-align-left" data-attribute="justifyleft" title="Justify Left"></button>
                <button class="editor-button icon-align-center" data-attribute="justifycenter" title="Justify Center"></button>
                <button class="editor-button icon-align-right" data-attribute="justifyright" title="Justify Right"></button>
                <input class="color-select" data-attribute="backcolor" type="color" id="backcolor" title="Background Colour" value="#ffffff">
            </div>
        </div>
        <div class="lower">
            <div class="calendar">
                <label  for="start">Start date:</label>
                <input class="calendar-element" type="date" id="startDate" value=2020-01-01 min=2020-01-01>
            </div>
            <div class="calendar">
                <label  for="start">End date:</label>
                <input class="calendar-element" type="date" id="endDate" value=2020-01-01 min=2020-01-01>
            </div>
            <button id="submit-post">Submit</button>
        </div>
    </div>
    </div>
</body>
</html>