Edward Lance Lorilla

Floating logo over navigation bar problem


  
    
      
    
      Logo
      
    
    
    
      
        Home (current)
        About Us
        Media
        Events
      
      
        
          
        
      
      
        Things To Do
        Offers
        Location
        Book Now
      
    
    
    
  
  



  
    
    
      
      
      
    
    
    
      
        
        
          Lorem ipsum
        
      
      
        
        
          Dolor sit
        
      
      
        
        
          Amet consectetur

.navbar-collapse .navbar-brand {
  display: inline-block;
  float: none;
  padding: 0;
  margin: 0 !important;
  overflow: visible;
}

.navbar-collapse .navbar-brand .white-circle {
  display: block;
  width: 60px;
  height: 60px;
  background-color: white;
  border-radius: 50%;
  border: 1px dotted red;
  position: relative;
  z-index: 2;
}

.navbar-collapse .navbar-brand .white-circle .logo {
    width: 60px;
    height: 60px;
}
.navbar-header,
.collapse.navbar-collapse,
img.logo {
  box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, 0.7);
}
@media (max-width: 849px) {
  .navbar-brand.visible-xs {
    display: block!important;
  }
  .navbar-brand.hidden-xs {
    display: none!important;
  }
  .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
  }
}
@media (max-width: 850px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
}

2.2 Getting Basic - CCNA 1 - Chapter 2 - Configuring a Network Operating System

Sw1-Floor-1>enable

Password:
Sw1-Floor-1#conf t
Sw1-Floor-1#conf terminal
Enter configuration commands, one per line. End with CNTL/Z.
Sw1-Floor-1(config)#line vty 0 4
Sw1-Floor-1(config-line)#password cirso
Sw1-Floor-1(config-line)#login

User Access Verification

Password:
cisco

Sw1-Floor-1>ena
Sw1-Floor-1>enable
Password:
Sw1-Floor-1#conf t
Sw1-Floor-1#conf terminal
Enter configuration commands, one per line. End with CNTL/Z.
Sw1-Floor-1(config)#exit

Sw1-Floor-1>enable

Password:
Sw1-Floor-1#show running-config
Building configuration...

Current configuration : 1191 bytes
!
version 12.2
no service timestamps log datetime msec
no service timestamps debug datetime msec
no service password-encryption
!
hostname Sw1-Floor-1
!
enable secret 5 $1$mERr$WWYFDFflcd5FpJh6NNHr41
enable password class
!
!
!
!
!
spanning-tree mode pvst
spanning-tree extend system-id
!
interface FastEthernet0/1

line con 0

password cisco
login
!
line vty 0 4
password cirso
login
line vty 5 15
login

Sw1-Floor-1#conf t

Sw1-Floor-1#conf terminal
Enter configuration commands, one per line. End with CNTL/Z.
Sw1-Floor-1(config)#line console 0
Sw1-Floor-1(config-line)#password cisco
Sw1-Floor-1(config-line)#login
Sw1-Floor-1(config-line)#end
Sw1-Floor-1#
%SYS-5-CONFIG_I: Configured from console by console
exit

Sw1-Floor-1(config)#service password-encryption

Sw1-Floor-1(config)#end
Sw1-Floor-1#
%SYS-5-CONFIG_I: Configured from console by console

Sw1-Floor-1#show running-config
Building configuration...

Current configuration : 1215 bytes
!
version 12.2
no service timestamps log datetime msec
no service timestamps debug datetime msec
service password-encryption
!
hostname Sw1-Floor-1
!
enable secret 5 $1$mERr$WWYFDFflcd5FpJh6NNHr41

enable password 7 0822404F1A0A

BANNER

Sw1-Floor-1#conf t

Enter configuration commands, one per line. End with CNTL/Z.
Sw1-Floor-1(config)#banner motd
% Incomplete command.
Sw1-Floor-1(config)#
Sw1-Floor-1(config)#banner motd $Authorized Users Only$
Sw1-Floor-1(config)#exit
Sw1-Floor-1#
%SYS-5-CONFIG_I: Configured from console by console
Authorized Users Only

User Access Verification

Password:

Sw1-Floor-1(config)#banner motd $

Enter TEXT message. End with the character '$'.
*********************************************************************************
*********************************************************************************
$

banner motd $Authorized Users only$
service password-encryption

copy running-config startup-config

single level Simple Navigation_1 _-_ HTML_and_Basic Formatting






 
Start
Essen
Seminare
Rezepte
News
Uber
Kontakt

.menu-section{
padding-bottom: 2em;
margin-bottom:2em;
}
.menu ul{
list-style-type: none;
padding: 0;
margin:0;
background: hsl(0,0%, 15%)
}
.menu li a{
display:block;
text-decoration:none;
color:white;
padding: .6em 1em;
}
.menu li a:hover,
.menu li a:focus{
background:hsl(0,0%, 25%)
}
@media screen and (min-width: 30em){
.single-nav ul{
display:flex; 
}
}

@media screen and (min-width: 30em){
.single-nav ul{
display:flex; 
justify-content: flex-end;
}
}

.single-nav li{
 flex: 1 0 auto;
 text-align: center;
}

 .single-nav ul{
display:flex; 
justify-content: space-between;
flex-wrap:wrap'
}

how to populate the object into table


  
   
    {{value}}
   
   
    {{index}}


data(){
return {
productValue:[
   {
  localData: '8/13/2017'
   },
   {
  localData: '8/13/2017'
   },
   {
  localData: '6/13/2017'
   },
   {
  localData: '5/13/2017'
   }
 ]
}
},

computed:{
 productVal(){
 var vm = this
  return  _.countBy(vm.productValue, function(o){
   return moment(o.localData).format('MMMM');
  }); 
 },
 
  },

groupBy count in lodash

data(){
productValue:[
   {
  localData: '8/13/2017'
   },
   {
  localData: '8/13/2017'
   },
   {
  localData: '6/13/2017'
   },
   {
  localData: '5/13/2017'
   }
 ]
},
computed:{
 productVal(){
 var vm = this
  return  _.countBy(vm.productValue, function(o){
   return moment(o.localData).format('MM');
  }); 
 },
 
  },
//{ "08": 2, "06": 1, "05": 1 }

Generic groupBy using lodash

var data = [{
    "name": "jim",
        "color": "blue",
        "age": "22"
}, {
    "name": "Sam",
        "color": "blue",
        "age": "33"
}, {
    "name": "eddie",
        "color": "green",
        "age": "77"
}];

function groupBy(dataToGroupOn, fieldNameToGroupOn, fieldNameForGroupName, fieldNameForChildren) {
  var result = _.chain(dataToGroupOn)
  .groupBy(fieldNameToGroupOn)
  .toPairs()
  .map(function (currentItem) {
    return _.zipObject([fieldNameForGroupName, fieldNameForChildren], currentItem);
  })
  .value();
  return result;
}

var result = groupBy(data, 'color', 'colorId', 'users');

console.log(result);

Calculate the sum of the time for column


    
        
            Total duration time
            
        
    


    
        
            Anna
            318 00:00:50
            62700
        
        
            Bob
            318
            00:00:27
            62703
        
        
            Mike
            318
            00:00:36
            88455233284

Anna	318	00:00:50	62700
Bob	318	00:00:27	62703
Mike	318	00:00:36	88455233284

var totalDurationTime = document.getElementsByClassName("total_duration_time")[0],
    durationTimes = document.getElementsByClassName("duration_time"),
    total = {
        hours: 0,
        minutes: 0,
        seconds: 0
    };

function zeroPad (num) {
    var str = num.toString();
    
    if (str.length < 2) {
        str = "0" + str;
    }
    
    return str;
}

Array.prototype.forEach.call(durationTimes, function (time) {
    var parts = time.textContent.split(":"),
        temp;
    
    temp = (+parts[2] + total.seconds);
    total.seconds = temp % 60;    
    temp = (+parts[1] + total.minutes) + (temp - total.seconds) / 60;
    total.minutes = temp % 60;    
    total.hours = (+parts[0] + total.hours) + (temp - total.minutes) / 60;
});

totalDurationTime.textContent = zeroPad(total.hours) + ":" + zeroPad(total.minutes) + ":" + zeroPad(total.seconds);

Reduce array of objects on key and sum value into array

You can get all the unique names using map() and uniq(), and then map() each name to get their respective sums using sumBy().

var data = [
  { name: 'foo', type: 'fizz', val: 9 },
  { name: 'foo', type: 'buzz', val: 3 },
  { name: 'bar', type: 'fizz', val: 4 },
  { name: 'bar', type: 'buzz', val: 7 }
];

var result = _(data)
  .map('name')
  .uniq()
  .map(key => ({ 
    key, 
    val: _(data).filter({ name: key }).sumBy('val')
  }))
  .value();

console.log(result);

Python 之路 Day5 - 常用模块学习

random模块

随机数

mport random

print random.random()

print random.randint(1,2)

print random.randrange(1,10)

生成随机验证码

import random

checkcode = ''

for i in range(4):

    current = random.randrange(0,4)

    if current != i:

        temp = chr(random.randint(65,90))

    else:

        temp = random.randint(0,9)

    checkcode += str(temp)

print checkcode