Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

V2 #2

Merged
merged 6 commits into from
Sep 5, 2023
Merged

V2 #2

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
fcf5f40
UPDATE: Updates favicons and the site footer.
mortolian Sep 4, 2023
a5c51cf
FIX: Fixes a few minor CSS issues.
mortolian Sep 4, 2023
cd0dea5
UPDATE: Updates the LICENSE.txt to BSD-3.
mortolian Sep 4, 2023
e1eba40
UPDATES: Updates some formatting and styles.
mortolian Sep 4, 2023
76da8bc
UPDATES: Updated the copyright message to show the date it was first …
mortolian Sep 5, 2023
79c3f08
Merge branch 'master' into v2
mortolian Sep 5, 2023
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
Prev Previous commit
Next Next commit
UPDATES: Updated the copyright message to show the date it was first … 
…published.
  • Loading branch information
@mortolian
mortolian committed Sep 5, 2023
commit 76da8bc06517cc75905ae914f121bc2ceb4d8f0c
2 changes: 1 addition & 1 deletion src/css/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -243,7 +243,7 @@ section.calculation > div.heading {
border-bottom: 4px solid #CCC;
}

section.calculation .copyip {
section.calculation .copyIp {
cursor: pointer;
}

Expand Down
32 changes: 15 additions & 17 deletions src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,7 @@
<!--SEO META-->
<meta name="description" content="IPv4 CIDR (Classless Inter-Domain Routing) calculators are simple tools to assist
you to calculate a block of IP addresses.">
<meta name="author" content="Gideon,Mortolian">
<meta rel="canonical" content="/">
<meta name="author" content="Gideon">

<!--OPEN GRAPH - RDFa Core 1.1 CURIE prefix-->
<meta property="og:title" content="IPv4 CIDR Calculator by Mortolian">
Expand All @@ -33,7 +32,7 @@
<meta property="og:image" content="/images/cidr.jpg">

<!--TWITTER CARD-->
<meta name="twitter:card" content="summary"></meta>
<meta name="twitter:card" content="summary">

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8W5Q69CK14"></script>
Expand Down Expand Up @@ -61,7 +60,6 @@ <h1 class="animated bounceInRight">IPv4 <span class="green">CIDR Calculator</spa
&nbsp;
<a
href="https://tools.ietf.org/html/rfc791"
rel="nofollow"
target="_blank"
rel="noopener noreferrer"
title="A document specifies the DoD Standard Internet Protocol. The Internet Protocol is designed
Expand Down Expand Up @@ -96,59 +94,59 @@ <h1>Bookmarked&nbsp;&nbsp;<i class="fas fa-question-circle" data-balloon-pos="up

<div class="name">IP</div>
<div class="value" id="ip-value"></div>
<div class="copyip" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="copyIp" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="binary mobile-hide">-</div>

<div class="name">CIDR / Bitmask</div>
<div class="value" id="cidr-value"></div>
<div class="copyip">-</div>
<div class="copyIp">-</div>
<div class="binary mobile-hide" id="cidr-bin"></div>

<div class="name">Network IP</div>
<div class="value" id="networkip-ip4"></div>
<div class="copyip" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="copyIp" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="binary mobile-hide" id="networkip-bin"></div>

<div class="name">Broadcast IP</div>
<div class="value" id="broadcastip-ip4"></div>
<div class="copyip" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="copyIp" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="binary mobile-hide" id="broadcastip-bin"></div>

<div class="name">First Host IP</div>
<div class="value" id="first-host-ip4"></div>
<div class="copyip" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="copyIp" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="binary mobile-hide" id="first-host-bin"></div>

<div class="name">Last Host IP</div>
<div class="value" id="last-host-ip4"></div>
<div class="copyip" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="copyIp" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="binary mobile-hide" id="last-host-bin"></div>

<div class="name">IP Class (<a href="https://en.wikipedia.org/wiki/Classful_network" rel="nofollow" target="_blank" rel="noopener noreferrer" title="A classful network is a network addressing architecture used in the Internet from 1981 until the introduction of Classless Inter-Domain Routing in 1993.">Info</a>)</div>
<div class="name">IP Class (<a href="https://en.wikipedia.org/wiki/Classful_network" target="_blank" rel="noopener noreferrer" title="A classful network is a network addressing architecture used in the Internet from 1981 until the introduction of Classless Inter-Domain Routing in 1993.">Info</a>)</div>
<div class="value" id="class-ip4"></div>
<div class="copyip">-</div>
<div class="copyIp">-</div>
<div class="binary mobile-hide">-</div>

<div class="heading span4">Subnet Information</div>

<div class="name">Netmask</div>
<div class="value" id="subnet-ip4"></div>
<div class="copyip" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="copyIp" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="binary mobile-hide" id="subnet-bin"></div>

<div class="name">Netmask Wildcard</div>
<div class="value" id="subnet-wildcard-ip4"></div>
<div class="copyip" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="copyIp" onClick="copyToClipboard(this.previousElementSibling)"><i class="fas fa-clipboard"></i></div>
<div class="binary mobile-hide" id="subnet-wildcard-bin"></div>

<div class="name">Number Of Host IPs</div>
<div class="value" id="host-ips-ip4"></div>
<div class="copyip">-</div>
<div class="copyIp">-</div>
<div class="binary mobile-hide">-</div>

<div class="name">Total Number Of IPs</div>
<div class="value" id="total-ips-ip4"></div>
<div class="copyip">-</div>
<div class="copyIp">-</div>
<div class="binary mobile-hide">-</div>
</section>
<footer>
Expand All @@ -171,7 +169,7 @@ <h1>Bookmarked&nbsp;&nbsp;<i class="fas fa-question-circle" data-balloon-pos="up
<img src="images/github.png" alt="Code Available on GitHub." title="Source available on GitHub.">
</a>
</div>
<div>Copyright &copy; 2023 Mortolian</div>
<div>Copyright &copy; 2018 - 2023 Mortolian</div>
</footer>
</footer>
</body>
Expand Down