Skip to content

F
firstProject
Commit 7a8c0ad3 authored by amirhossein's avatar amirhossein
Browse files
Options

my first

parent f31f24f3
Pipeline #54 canceled with stages
      Expand all Show whitespace changes
      Inline Side-by-side
      Showing with 385 additions and 0 deletions
      .idea/calcute.iml 0 → 100644
      View file @ 7a8c0ad3
      <?xml version="1.0" encoding="UTF-8"?>
      <module type="WEB_MODULE" version="4">
      <component name="NewModuleRootManager">
      <content url="file://$MODULE_DIR$">
      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
      <excludeFolder url="file://$MODULE_DIR$/temp" />
      <excludeFolder url="file://$MODULE_DIR$/tmp" />
      </content>
      <orderEntry type="inheritedJdk" />
      <orderEntry type="sourceFolder" forTests="false" />
      </component>
      </module>
      \ No newline at end of file
      .idea/misc.xml 0 → 100644
      View file @ 7a8c0ad3
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="JavaScriptSettings">
      <option name="languageLevel" value="ES6" />
      </component>
      </project>
      \ No newline at end of file
      .idea/modules.xml 0 → 100644
      View file @ 7a8c0ad3
      <?xml version="1.0" encoding="UTF-8"?>
      <project version="4">
      <component name="ProjectModuleManager">
      <modules>
      <module fileurl="file://$PROJECT_DIR$/.idea/calcute.iml" filepath="$PROJECT_DIR$/.idea/calcute.iml" />
      </modules>
      </component>
      </project>
      \ No newline at end of file
      .idea/workspace.xml 0 → 100644
      View file @ 7a8c0ad3
      This diff is collapsed.
      calculater.zip 0 → 100644
      View file @ 7a8c0ad3
      File added
      calculator.html 0 → 100644
      View file @ 7a8c0ad3
      <!DOCTYPE html>
      <html>
      <head>
      <title>Simple Calculator</title>
      <meta charset="UTF-8">
      <link rel="stylesheet" type="text/css" href="style.css"/>
      </head>
      <body>
      <div id="app" >
      <div id="result" >1428.57</div>
      <div id="keypad" >
      <div id="num" >
      <div class="key" style="background-color: #19676E ;">7</div>
      <div align="center" class="key" style="background-color: #095057 ;">8</div>
      <div class="key" style="background-color: #19676E ;">9</div>
      <div class="key" style="background-color: #095057 ;" >4</div>
      <div class="key" style="background-color: #19676E" >5</div>
      <div class="key" style="background-color: #095057" >6</div>
      <div class="key" style="background-color: #19676E ;" >1</div>
      <div class="key" style="background-color: #095057" >2</div>
      <div class="key" style="background-color: #19676E" >3</div>
      <div class="key" style="background-color: #095057 ;" >0</div>
      <div class="key" style="background-color: #19676E" >.</div>
      <div class="key" style="background-color: #095057" >=</div>
      </div>
      <div id="ops" >
      <div class="key2" style=" background-color: #D34E47 ;">×</div>
      <div class="key2" style="background-color: #B52D26 " >÷</div>
      <div class="key2" style="background-color: #B52D26 ; " >-</div>
      <div class="key2" style="background-color: #D34E47 " >CM</div>
      <div class="key2" style="background-color: #C43E37 ; height: 50%" >+</div>
      <div class="key2" style="background-color: #B52D26" >M-</div>
      <div class="key2" style="background-color: #D34E47 ; float: right;" >M+</div>
      </div>
      </div>
      </div>
      </body>
      </html>
      style.css 0 → 100644
      View file @ 7a8c0ad3
      body {
      margin: 0;
      font-size: 16px;
      }
      .key {
      font-size: 1.5em;
      }
      @font-face {
      font-family: myFirstFont;
      src: url(DigitalNumbers.woff);
      }
      @font-face {
      font-family: mySecoundFont;
      src: url("RobotoCondensed.woff");
      }
      #app{
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 70%;
      height: 80%;
      min-height: 280px;
      min-width: 580px;
      }
      #num{
      width:54% ;
      height: 100%;
      float: left;
      }
      #ops{
      width: 46% ;
      height: 100% ;
      float: left
      }
      #result {
      text-align: right;
      font-size: 3.5em;
      padding: 0 20px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 28%;
      font-family: myFirstFont;
      font-size: 600%;
      background-color: #EEE;
      color: #444;
      }
      #keypad{
      height: 72%;
      color: #DDD;
      font-family: mySecoundFont;
      }
      .key{
      text-align: center;
      font-size: 300%;
      width: 33.3%;
      float: left;
      height: 25%;
      }
      .key2{
      font-size: 300%;
      margin: auto;
      text-align: center;
      width: 50%;
      float: left;
      height: 25%;
      }
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment